@import url("https://fonts.cdnfonts.com/css/circular-std");
#cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}
#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}
#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}
#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}
#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}
:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}
#cc-main.cc--rtl{direction:rtl}
#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}
#cc-main button>span{pointer-events:none}
#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}
#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}
#cc-main .cc__link{color:var(--cc-link-color)}
#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}
@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}
html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}
@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}
.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}
.cc--darkmode #cc-main{color-scheme:dark}
#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}
#cc-main .cm--top{top:var(--cc-modal-margin)}
#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}
#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}
#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}
#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}
#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}
#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}
#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}
#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}
#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}
#cc-main .cm__title{font-size:1.05em}
#cc-main .cm__title+.cm__desc{margin-top:1.1em}
#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}
#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}
#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}
#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}
#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}
#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}
#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}
#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}
#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}
#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}
#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}
#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}
#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}
#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}
#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}
#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}
#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}
#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}
#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}
#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}
#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}
#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}
#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}
#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}
#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}
#cc-main .cm__link-group>*+*{margin-left:1.3rem}
#cc-main .cm--flip .cm__btn:last-child{grid-row:1}
#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}
#cc-main .cm--box .cm__btn--close{display:block}
#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}
#cc-main .cm--box.cm--wide{max-width:36em}
#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}
#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}
#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}
#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}
#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}
#cc-main .cm--cloud{max-width:54em;width:unset}
#cc-main .cm--cloud .cm__body{flex-direction:row}
#cc-main .cm--cloud .cm__texts{flex:1}
#cc-main .cm--cloud .cm__desc{max-height:9.4em}
#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}
#cc-main .cm--cloud .cm__btn-group{flex-direction:column}
#cc-main .cm--cloud .cm__btn{min-width:19em}
#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}
#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}
#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}
#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}
#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}
#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}
#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}
#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}
#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}
#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}
#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}
#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}
#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}
#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}
#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}
#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}
#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}
#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}
#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}
#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}
#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}
.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}
.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}
.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}
.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}
#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}
#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}
#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}
#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}
#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}
@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}
#cc-main .pm-wrapper{position:relative;z-index:2}
#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}
#cc-main svg{fill:none;width:100%}
#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}
#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}
#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}
#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}
#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}
#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}
#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}
#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}
#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}
#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}
#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}
#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}
#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}
#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}
#cc-main .pm__section-toggles+.pm__section{margin-top:2em}
#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}
#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}
#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}
#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}
#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}
#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}
#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}
#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}
#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}
#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}
#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}
#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}
#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}
#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}
#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}
#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}
#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}
#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}
#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}
#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}
#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}
#cc-main .toggle-service .toggle__icon{position:relative}
#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}
#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}
#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}
#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}
#cc-main .section__toggle:disabled{cursor:not-allowed}
#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}
#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}
#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}
#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}
#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}
#cc-main .toggle__icon-off{opacity:1}
#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}
#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}
#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}
#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}
#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}
#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}
#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}
#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}
#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}
#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}
#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}
#cc-main .pm__section-services{display:flex;flex-direction:column}
#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}
#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}
#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}
#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}
#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}
#cc-main .pm__section-desc{line-height:1.5em}
#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}
#cc-main .pm__table-caption{text-align:left}
#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}
#cc-main .pm__table-tr{transition:background-color .15s ease}
#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}
#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}
#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}
#cc-main .pm__btn-group{display:flex}
#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}
#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}
#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}
#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}
#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}
#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}
#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}
#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}
#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}
#cc-main .pm--bar .pm__table-head{display:none}
#cc-main .pm--bar .pm__table-caption{display:block}
#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}
#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}
#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}
#cc-main .pm--bar .pm__table-td>div{flex:3}
#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}
#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}
#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}
#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}
#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}
#cc-main .pm--bar.pm--wide{max-width:35em}
#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}
#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}
#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}
#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}
.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}
.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}
.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}
.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}
#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}
#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}
#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}
#cc-main.cc--rtl .toggle-service{left:0}
#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}
#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}
#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}
#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}
#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}
#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}
#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}
#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}
#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}
#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}
#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}
#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}
@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}}
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.12 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Circular Std, Poppins; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;}
[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:#2563eb}
input::-moz-placeholder, textarea::-moz-placeholder{color:#6b7280;opacity:1}
input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}
select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}
[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}
[type='checkbox'],[type='radio']{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}
[type='checkbox']{border-radius:0px}
[type='radio']{border-radius:100%}
[type='checkbox']:focus,[type='radio']:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
[type='checkbox']:checked,[type='radio']:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}
[type='checkbox']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}
@media (forced-colors: active) {
[type='checkbox']:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}
[type='radio']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");}
@media (forced-colors: active) {
[type='radio']:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{border-color:transparent;background-color:currentColor}
[type='checkbox']:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}
@media (forced-colors: active) {
[type='checkbox']:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{border-color:transparent;background-color:currentColor}
[type='file']{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}
[type='file']:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}
/* Firefox */
/* html[data-mode="dark"] {
    .custom-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: #888888 #262A2D;
    }
}

html[data-mode="light"] {
    .custom-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: #888888 #D9D9D9;
    }
} */
/* Chrome, Edge, and Safari */
.custom-scrollbar::-webkit-scrollbar {
  width: 12px;
}
.custom-scrollbar::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(217 217 217 / var(--tw-bg-opacity))}
.custom-scrollbar:is([data-mode="dark"] *)::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(38 42 45 / var(--tw-bg-opacity))}
.custom-scrollbar::-webkit-scrollbar-track {
  border-radius: 5px;
}
.custom-scrollbar::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(136 136 136 / var(--tw-bg-opacity))}
.custom-scrollbar:is([data-mode="dark"] *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(136 136 136 / var(--tw-bg-opacity))}
.custom-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 14px;
  border: 3px solid;
  --tw-border-opacity:1;
  border-color:rgb(217 217 217 / var(--tw-border-opacity));
}
.custom-scrollbar:is([data-mode="dark"] *)::-webkit-scrollbar-thumb{--tw-border-opacity:1;border-color:rgb(38 42 45 / var(--tw-border-opacity))}
/* Firefox */
/* html[data-mode="dark"] {
    .custom-scrollbar-maintenance, .custom-scrollbar-comments {
        scrollbar-width: thin;
        scrollbar-color: #888888 #0F1214;
    }
}

html[data-mode="light"] {
    .custom-scrollbar-maintenance, .custom-scrollbar-comments {
        scrollbar-width: thin;
        scrollbar-color: #888888 #D9D9D9;
    }
} */
.custom-scrollbar-comments::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
.custom-scrollbar-maintenance::-webkit-scrollbar {
  width: 12px;
  height: 10px;
}
.custom-scrollbar-maintenance::-webkit-scrollbar-track, .custom-scrollbar-comments::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(217 217 217 / var(--tw-bg-opacity))}
.custom-scrollbar-maintenance:is([data-mode="dark"] *)::-webkit-scrollbar-track, .custom-scrollbar-comments:is([data-mode="dark"] *)::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(15 18 20 / var(--tw-bg-opacity))}
.custom-scrollbar-maintenance::-webkit-scrollbar-track, .custom-scrollbar-comments::-webkit-scrollbar-track {
  border-radius: 5px;
  height: 10px;
}
.custom-scrollbar-maintenance::-webkit-scrollbar-thumb, .custom-scrollbar-comments::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(179 179 179 / var(--tw-bg-opacity))}
.custom-scrollbar-maintenance:is([data-mode="dark"] *)::-webkit-scrollbar-thumb, .custom-scrollbar-comments:is([data-mode="dark"] *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(52 57 61 / var(--tw-bg-opacity))}
.custom-scrollbar-maintenance::-webkit-scrollbar-thumb, .custom-scrollbar-comments::-webkit-scrollbar-thumb {
  border-radius: 14px;
  border: none !important;
  --tw-border-opacity:1;
  border-color:rgb(217 217 217 / var(--tw-border-opacity));
}
.custom-scrollbar-maintenance:is([data-mode="dark"] *)::-webkit-scrollbar-thumb, .custom-scrollbar-comments:is([data-mode="dark"] *)::-webkit-scrollbar-thumb{--tw-border-opacity:1;border-color:rgb(15 18 20 / var(--tw-border-opacity))}
.custom-scrollbar-maintenance::-webkit-scrollbar-thumb, .custom-scrollbar-comments::-webkit-scrollbar-thumb {
  height: 10px;
}
/**
  * RTA
  */
/* .custom-scrollbar-rta {
    scrollbar-width: thin;
    scrollbar-color: #E8E8E8 #EB0000;
} */
.custom-scrollbar-rta::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.custom-scrollbar-rta::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #bb161c;
}
.custom-scrollbar-rta::-webkit-scrollbar-track:hover {
  background-color: #bb161c;
}
.custom-scrollbar-rta::-webkit-scrollbar-track:active {
  background-color: #bb161c;
}
.custom-scrollbar-rta::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #E8E8E8;
}
.custom-scrollbar-rta::-webkit-scrollbar-thumb:hover {
  background-color: #E8E8E8;
}
.custom-scrollbar-rta::-webkit-scrollbar-thumb:active {
  background-color: #E8E8E8;
}
.container{width:100%}
@media (min-width: 640px){
.container{max-width:640px}}
@media (min-width: 768px){
.container{max-width:768px}}
@media (min-width: 1024px){
.container{max-width:1024px}}
@media (min-width: 1280px){
.container{max-width:1280px}}
@media (min-width: 1440px){
.container{max-width:1440px}}
@media (min-width: 1536px){
.container{max-width:1536px}}
.pointer-events-none{pointer-events:none}
.pointer-events-auto{pointer-events:auto}
.visible{visibility:visible}
.static{position:static}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.\!left-1\/2{left:50% !important}
.\!top-1\/2{top:50% !important}
.-bottom-2{bottom:-0.5rem}
.-left-1\/2{left:-50%}
.-left-2{left:-0.5rem}
.-left-\[50\%\]{left:-50%}
.-right-2{right:-0.5rem}
.-right-\[0\.525rem\]{right:-0.525rem}
.-top-10{top:-2.5rem}
.-top-2{top:-0.5rem}
.-top-\[0\.375rem\]{top:-0.375rem}
.bottom-0{bottom:0px}
.bottom-6{bottom:1.5rem}
.left-0{left:0px}
.left-1\/2{left:50%}
.right-0{right:0px}
.right-6{right:1.5rem}
.right-\[2\.25rem\]{right:2.25rem}
.top-0{top:0px}
.top-1\/2{top:50%}
.top-6{top:1.5rem}
.top-\[1rem\]{top:1rem}
.top-\[calc\(100\%\+1\.5rem\)\]{top:calc(100% + 1.5rem)}
.z-10{z-index:10}
.z-20{z-index:20}
.z-30{z-index:30}
.z-40{z-index:40}
.z-50{z-index:50}
.col-span-2{grid-column:span 2 / span 2}
.col-span-3{grid-column:span 3 / span 3}
.col-span-6{grid-column:span 6 / span 6}
.m-0{margin:0px}
.m-2{margin:0.5rem}
.\!my-\[1\.5rem\]{margin-top:1.5rem !important;margin-bottom:1.5rem !important}
.mx-12{margin-left:3rem;margin-right:3rem}
.mx-\[2\.125rem\]{margin-left:2.125rem;margin-right:2.125rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-16{margin-top:1rem;margin-bottom:1rem}
.my-20{margin-top:1.25rem;margin-bottom:1.25rem}
.my-32{margin-top:2rem;margin-bottom:2rem}
.my-8{margin-top:0.5rem;margin-bottom:0.5rem}
.my-\[0\.25rem\]{margin-top:0.25rem;margin-bottom:0.25rem}
.my-\[1\.5rem\]{margin-top:1.5rem;margin-bottom:1.5rem}
.my-\[1rem\]{margin-top:1rem;margin-bottom:1rem}
.my-\[6rem\]{margin-top:6rem;margin-bottom:6rem}
.my-auto{margin-top:auto;margin-bottom:auto}
.\!mb-0{margin-bottom:0px !important}
.\!mb-7{margin-bottom:1.75rem !important}
.-ml-\[1px\]{margin-left:-1px}
.mb-1{margin-bottom:0.25rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-14{margin-bottom:3.5rem}
.mb-2{margin-bottom:0.5rem}
.mb-24{margin-bottom:1.5rem}
.mb-32{margin-bottom:2rem}
.mb-4{margin-bottom:0.25rem}
.mb-40{margin-bottom:2.5rem}
.mb-48{margin-bottom:3rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-64{margin-bottom:4rem}
.mb-72{margin-bottom:4.5rem}
.mb-8{margin-bottom:0.5rem}
.mb-9{margin-bottom:2.25rem}
.mb-\[0\.25rem\]{margin-bottom:0.25rem}
.mb-\[0\.75rem\]{margin-bottom:0.75rem}
.mb-\[1\.5rem\]{margin-bottom:1.5rem}
.mb-\[1\.725rem\]{margin-bottom:1.725rem}
.mb-\[15px\]{margin-bottom:15px}
.mb-\[1rem\]{margin-bottom:1rem}
.mb-\[2rem\]{margin-bottom:2rem}
.mb-\[36px\]{margin-bottom:36px}
.mb-\[4\.1875rem\]{margin-bottom:4.1875rem}
.mb-\[4\.375rem\]{margin-bottom:4.375rem}
.mb-\[45px\]{margin-bottom:45px}
.mb-\[46px\]{margin-bottom:46px}
.mb-\[49px\]{margin-bottom:49px}
.mb-\[4rem\]{margin-bottom:4rem}
.mb-\[55px\]{margin-bottom:55px}
.mb-\[6\.25rem\]{margin-bottom:6.25rem}
.mb-\[60px\]{margin-bottom:60px}
.mb-\[6rem\]{margin-bottom:6rem}
.mb-\[9px\]{margin-bottom:9px}
.ml-1{margin-left:0.25rem}
.ml-10{margin-left:2.5rem}
.ml-2{margin-left:0.5rem}
.ml-6{margin-left:1.5rem}
.ml-\[0\.725rem\]{margin-left:0.725rem}
.ml-\[20px\]{margin-left:20px}
.ml-\[2px\]{margin-left:2px}
.ml-\[38px\]{margin-left:38px}
.ml-\[6px\]{margin-left:6px}
.ml-auto{margin-left:auto}
.mr-0{margin-right:0px}
.mr-2{margin-right:0.5rem}
.mr-\[0\.5rem\]{margin-right:0.5rem}
.mr-\[3rem\]{margin-right:3rem}
.mr-\[7px\]{margin-right:7px}
.mt-0{margin-top:0px}
.mt-1{margin-top:0.25rem}
.mt-10{margin-top:2.5rem}
.mt-11{margin-top:2.75rem}
.mt-12{margin-top:3rem}
.mt-14{margin-top:3.5rem}
.mt-2{margin-top:0.5rem}
.mt-20{margin-top:1.25rem}
.mt-24{margin-top:1.5rem}
.mt-3{margin-top:0.75rem}
.mt-32{margin-top:2rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-64{margin-top:4rem}
.mt-9{margin-top:2.25rem}
.mt-\[0\.25rem\]{margin-top:0.25rem}
.mt-\[0\.5rem\]{margin-top:0.5rem}
.mt-\[0\.725rem\]{margin-top:0.725rem}
.mt-\[1\.5rem\]{margin-top:1.5rem}
.mt-\[10rem\]{margin-top:10rem}
.mt-\[11\.875rem\]{margin-top:11.875rem}
.mt-\[150px\]{margin-top:150px}
.mt-\[1rem\]{margin-top:1rem}
.mt-\[2\.5rem\]{margin-top:2.5rem}
.mt-\[2\.625rem\]{margin-top:2.625rem}
.mt-\[2rem\]{margin-top:2rem}
.mt-\[3\.5rem\]{margin-top:3.5rem}
.mt-\[32px\]{margin-top:32px}
.mt-\[3rem\]{margin-top:3rem}
.mt-\[4\.5rem\]{margin-top:4.5rem}
.mt-\[48px\]{margin-top:48px}
.mt-\[49px\]{margin-top:49px}
.mt-\[4rem\]{margin-top:4rem}
.mt-\[5rem\]{margin-top:5rem}
.mt-\[6\.25rem\]{margin-top:6.25rem}
.mt-\[6\.75rem\]{margin-top:6.75rem}
.mt-\[6px\]{margin-top:6px}
.mt-\[6rem\]{margin-top:6rem}
.mt-\[88px\]{margin-top:88px}
.mt-auto{margin-top:auto}
.block{display:block}
.inline-block{display:inline-block}
.\!inline{display:inline !important}
.inline{display:inline}
.flex{display:flex}
.table{display:table}
.grid{display:grid}
.contents{display:contents}
.hidden{display:none}
.\!h-full{height:100% !important}
.h-10{height:2.5rem}
.h-3{height:0.75rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-8{height:0.5rem}
.h-\[0\.5rem\]{height:0.5rem}
.h-\[0\.95rem\]{height:0.95rem}
.h-\[1\.125rem\]{height:1.125rem}
.h-\[1\.1875rem\]{height:1.1875rem}
.h-\[1\.1rem\]{height:1.1rem}
.h-\[1\.25rem\]{height:1.25rem}
.h-\[1\.275rem\]{height:1.275rem}
.h-\[1\.5rem\]{height:1.5rem}
.h-\[1\.6875rem\]{height:1.6875rem}
.h-\[112px\]{height:112px}
.h-\[11px\]{height:11px}
.h-\[16rem\]{height:16rem}
.h-\[180px\]{height:180px}
.h-\[18px\]{height:18px}
.h-\[1px\]{height:1px}
.h-\[1rem\]{height:1rem}
.h-\[200px\]{height:200px}
.h-\[230px\]{height:230px}
.h-\[24px\]{height:24px}
.h-\[250px\]{height:250px}
.h-\[2rem\]{height:2rem}
.h-\[30px\]{height:30px}
.h-\[32px\]{height:32px}
.h-\[33px\]{height:33px}
.h-\[34px\]{height:34px}
.h-\[44px\]{height:44px}
.h-\[48px\]{height:48px}
.h-\[494px\]{height:494px}
.h-\[50px\]{height:50px}
.h-\[53\.5rem\]{height:53.5rem}
.h-\[60\.5rem\]{height:60.5rem}
.h-\[6px\]{height:6px}
.h-\[6rem\]{height:6rem}
.h-\[80\%\]{height:80%}
.h-\[calc\(100\%_-_64px\)\]{height:calc(100% - 64px)}
.h-auto{height:auto}
.h-fit{height:-moz-fit-content;height:fit-content}
.h-full{height:100%}
.h-screen{height:100vh}
.max-h-32{max-height:2rem}
.max-h-\[100vh\]{max-height:100vh}
.max-h-\[160px\]{max-height:160px}
.max-h-\[168px\]{max-height:168px}
.max-h-\[200px\]{max-height:200px}
.max-h-\[300px\]{max-height:300px}
.max-h-\[320px\]{max-height:320px}
.max-h-\[346px\]{max-height:346px}
.max-h-\[350px\]{max-height:350px}
.max-h-\[352px\]{max-height:352px}
.max-h-\[450px\]{max-height:450px}
.max-h-\[460px\]{max-height:460px}
.max-h-\[500px\]{max-height:500px}
.max-h-\[600px\]{max-height:600px}
.max-h-\[620px\]{max-height:620px}
.max-h-\[900px\]{max-height:900px}
.max-h-\[90vh\]{max-height:90vh}
.max-h-\[calc\(100vh_-_0\.5rem\)\]{max-height:calc(100vh - 0.5rem)}
.max-h-\[calc\(90vh-2rem\)\]{max-height:calc(90vh - 2rem)}
.\!min-h-0{min-height:0px !important}
.\!min-h-\[346px\]{min-height:346px !important}
.min-h-\[1\.625rem\]{min-height:1.625rem}
.min-h-\[16\.9375rem\]{min-height:16.9375rem}
.min-h-\[250px\]{min-height:250px}
.min-h-\[400px\]{min-height:400px}
.min-h-\[450px\]{min-height:450px}
.min-h-\[464px\]{min-height:464px}
.min-h-\[48px\]{min-height:48px}
.min-h-\[50vh\]{min-height:50vh}
.min-h-\[5rem\]{min-height:5rem}
.min-h-\[671px\]{min-height:671px}
.min-h-\[calc\(100vh-1rem\)\]{min-height:calc(100vh - 1rem)}
.min-h-\[calc\(100vh_-_147px\)\]{min-height:calc(100vh - 147px)}
.min-h-full{min-height:100%}
.min-h-screen{min-height:100vh}
.\!w-\[165px\]{width:165px !important}
.\!w-auto{width:auto !important}
.\!w-fit{width:-moz-fit-content !important;width:fit-content !important}
.w-1\/2{width:50%}
.w-1\/5{width:20%}
.w-10{width:2.5rem}
.w-14{width:3.5rem}
.w-3{width:0.75rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-8{width:0.5rem}
.w-\[1\.125rem\]{width:1.125rem}
.w-\[1\.1rem\]{width:1.1rem}
.w-\[1\.25rem\]{width:1.25rem}
.w-\[1\.275rem\]{width:1.275rem}
.w-\[1\.5rem\]{width:1.5rem}
.w-\[100px\]{width:100px}
.w-\[112px\]{width:112px}
.w-\[11px\]{width:11px}
.w-\[136px\]{width:136px}
.w-\[140px\]{width:140px}
.w-\[144px\]{width:144px}
.w-\[16px\]{width:16px}
.w-\[16rem\]{width:16rem}
.w-\[18px\]{width:18px}
.w-\[1rem\]{width:1rem}
.w-\[200px\]{width:200px}
.w-\[220px\]{width:220px}
.w-\[24px\]{width:24px}
.w-\[2rem\]{width:2rem}
.w-\[324px\]{width:324px}
.w-\[38px\]{width:38px}
.w-\[4\.625rem\]{width:4.625rem}
.w-\[44px\]{width:44px}
.w-\[48px\]{width:48px}
.w-\[64px\]{width:64px}
.w-\[6px\]{width:6px}
.w-\[6rem\]{width:6rem}
.w-\[7\.5rem\]{width:7.5rem}
.w-\[70px\]{width:70px}
.w-\[72px\]{width:72px}
.w-\[74px\]{width:74px}
.w-\[75px\]{width:75px}
.w-\[80\%\]{width:80%}
.w-\[8px\]{width:8px}
.w-\[90\%\]{width:90%}
.w-\[936px\]{width:936px}
.w-\[calc\(100\%_-_310px\)\]{width:calc(100% - 310px)}
.w-\[calc\(100\%_-_316px\)\]{width:calc(100% - 316px)}
.w-fit{width:-moz-fit-content;width:fit-content}
.w-full{width:100%}
.w-screen{width:100vw}
.\!min-w-\[120px\]{min-width:120px !important}
.\!min-w-\[136px\]{min-width:136px !important}
.\!min-w-\[165px\]{min-width:165px !important}
.\!min-w-\[180px\]{min-width:180px !important}
.\!min-w-\[200px\]{min-width:200px !important}
.\!min-w-\[205px\]{min-width:205px !important}
.\!min-w-\[250px\]{min-width:250px !important}
.\!min-w-\[85px\]{min-width:85px !important}
.min-w-0{min-width:0px}
.min-w-9{min-width:2.25rem}
.min-w-\[10\.5rem\]{min-width:10.5rem}
.min-w-\[11px\]{min-width:11px}
.min-w-\[136px\]{min-width:136px}
.min-w-\[14rem\]{min-width:14rem}
.min-w-\[150px\]{min-width:150px}
.min-w-\[16px\]{min-width:16px}
.min-w-\[200px\]{min-width:200px}
.min-w-\[240px\]{min-width:240px}
.min-w-\[420px\]{min-width:420px}
.min-w-\[5px\]{min-width:5px}
.min-w-\[600px\]{min-width:600px}
.min-w-\[70px\]{min-width:70px}
.min-w-\[75px\]{min-width:75px}
.min-w-\[850px\]{min-width:850px}
.min-w-\[900px\]{min-width:900px}
.min-w-\[980px\]{min-width:980px}
.max-w-10{max-width:2.5rem}
.max-w-\[100vw\]{max-width:100vw}
.max-w-\[135px\]{max-width:135px}
.max-w-\[156px\]{max-width:156px}
.max-w-\[165px\]{max-width:165px}
.max-w-\[20px\]{max-width:20px}
.max-w-\[216px\]{max-width:216px}
.max-w-\[296px\]{max-width:296px}
.max-w-\[336px\]{max-width:336px}
.max-w-\[360px\]{max-width:360px}
.max-w-\[420px\]{max-width:420px}
.max-w-\[424px\]{max-width:424px}
.max-w-\[450px\]{max-width:450px}
.max-w-\[470px\]{max-width:470px}
.max-w-\[504px\]{max-width:504px}
.max-w-\[520px\]{max-width:520px}
.max-w-\[554px\]{max-width:554px}
.max-w-\[56px\]{max-width:56px}
.max-w-\[70px\]{max-width:70px}
.max-w-\[75px\]{max-width:75px}
.max-w-\[768px\]{max-width:768px}
.max-w-\[85px\]{max-width:85px}
.max-w-\[950px\]{max-width:950px}
.max-w-\[952px\]{max-width:952px}
.max-w-\[956px\]{max-width:956px}
.max-w-\[calc\(100\%_-_310px\)\]{max-width:calc(100% - 310px)}
.max-w-full{max-width:100%}
.flex-1{flex:1 1 0%}
.flex-shrink-0{flex-shrink:0}
.shrink{flex-shrink:1}
.flex-grow{flex-grow:1}
.grow{flex-grow:1}
.basis-0{flex-basis:0px}
.\!-translate-x-1\/2{--tw-translate-x:-50% !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.\!-translate-y-1\/2{--tw-translate-y:-50% !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-x-\[calc\(50\%-1rem\)\]{--tw-translate-x:calc(calc(50% - 1rem) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-3{--tw-translate-y:-0.75rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-1\/2{--tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-y-\[calc\(50\%\+0\.5rem\)\]{--tw-translate-y:calc(50% + 0.5rem);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-rotate-180{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes pulse{
50%{opacity:.5}}
.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}
@keyframes spin{
to{transform:rotate(360deg)}}
.animate-spin{animation:spin 1s linear infinite}
.\!cursor-default{cursor:default !important}
.\!cursor-pointer{cursor:pointer !important}
.cursor-default{cursor:default}
.cursor-not-allowed{cursor:not-allowed}
.cursor-pointer{cursor:pointer}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.resize{resize:both}
.grid-flow-row{grid-auto-flow:row}
.grid-flow-col{grid-auto-flow:column}
.auto-rows-\[44px\]{grid-auto-rows:44px}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}
.grid-cols-\[1fr_1fr_1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 1fr 1fr 1fr}
.grid-cols-\[1fr_1fr_1fr_1fr_1fr_1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}
.grid-cols-\[1fr_1fr_2fr_2fr_1fr\]{grid-template-columns:1fr 1fr 2fr 2fr 1fr}
.grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}
.grid-cols-\[1fr_3fr_3fr_2fr_2fr_2fr_3fr\]{grid-template-columns:1fr 3fr 3fr 2fr 2fr 2fr 3fr}
.grid-cols-\[2fr_1fr_12fr\]{grid-template-columns:2fr 1fr 12fr}
.grid-cols-\[2fr_2fr_2fr_2fr_1fr\]{grid-template-columns:2fr 2fr 2fr 2fr 1fr}
.grid-cols-\[2fr_2fr_2fr_2fr_2fr_1fr\]{grid-template-columns:2fr 2fr 2fr 2fr 2fr 1fr}
.grid-cols-\[2fr_2fr_2fr_2fr_2fr_2fr_1fr\]{grid-template-columns:2fr 2fr 2fr 2fr 2fr 2fr 1fr}
.grid-cols-\[2fr_2fr_2fr_2fr_2fr_2fr_2fr_1fr\]{grid-template-columns:2fr 2fr 2fr 2fr 2fr 2fr 2fr 1fr}
.grid-cols-\[2fr_2fr_2fr_6fr_2fr_2fr\]{grid-template-columns:2fr 2fr 2fr 6fr 2fr 2fr}
.grid-cols-\[2fr_2fr_3fr_2fr_1fr\]{grid-template-columns:2fr 2fr 3fr 2fr 1fr}
.grid-cols-\[3fr_1fr_1fr_1fr_1fr\]{grid-template-columns:3fr 1fr 1fr 1fr 1fr}
.grid-cols-\[3fr_1fr_1fr_1fr_1fr_1fr\]{grid-template-columns:3fr 1fr 1fr 1fr 1fr 1fr}
.grid-cols-\[5fr_1fr\]{grid-template-columns:5fr 1fr}
.grid-cols-\[repeat\(auto-fill\2c 220px\)\]{grid-template-columns:repeat(auto-fill,220px)}
.grid-cols-\[repeat\(auto-fill\2c 264px\)\]{grid-template-columns:repeat(auto-fill,264px)}
.flex-row{flex-direction:row}
.flex-col{flex-direction:column}
.flex-col-reverse{flex-direction:column-reverse}
.flex-wrap{flex-wrap:wrap}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-evenly{justify-content:space-evenly}
.justify-stretch{justify-content:stretch}
.gap-1{gap:0.25rem}
.gap-10{gap:2.5rem}
.gap-11{gap:2.75rem}
.gap-12{gap:3rem}
.gap-16{gap:1rem}
.gap-2{gap:0.5rem}
.gap-20{gap:1.25rem}
.gap-24{gap:1.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:0.25rem}
.gap-40{gap:2.5rem}
.gap-48{gap:3rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-64{gap:4rem}
.gap-8{gap:0.5rem}
.gap-9{gap:2.25rem}
.gap-\[0\.25rem\]{gap:0.25rem}
.gap-\[0\.5625rem\]{gap:0.5625rem}
.gap-\[0\.5rem\]{gap:0.5rem}
.gap-\[0\.75rem\]{gap:0.75rem}
.gap-\[0\.9375rem\]{gap:0.9375rem}
.gap-\[1\.25rem\]{gap:1.25rem}
.gap-\[1\.438rem\]{gap:1.438rem}
.gap-\[1\.5rem\]{gap:1.5rem}
.gap-\[1\.75rem\]{gap:1.75rem}
.gap-\[12px\]{gap:12px}
.gap-\[14px\]{gap:14px}
.gap-\[15px\]{gap:15px}
.gap-\[19px\]{gap:19px}
.gap-\[1rem\]{gap:1rem}
.gap-\[2\.5rem\]{gap:2.5rem}
.gap-\[2\.625rem\]{gap:2.625rem}
.gap-\[2px\]{gap:2px}
.gap-\[2rem\]{gap:2rem}
.gap-\[3rem\]{gap:3rem}
.gap-\[48px\]{gap:48px}
.gap-\[6\.875rem\]{gap:6.875rem}
.gap-\[8px\]{gap:8px}
.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}
.gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem}
.gap-x-24{-moz-column-gap:1.5rem;column-gap:1.5rem}
.gap-x-40{-moz-column-gap:2.5rem;column-gap:2.5rem}
.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}
.gap-x-\[0\.5rem\]{-moz-column-gap:0.5rem;column-gap:0.5rem}
.gap-y-16{row-gap:1rem}
.gap-y-32{row-gap:2rem}
.divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}
.divide-white\/30 > :not([hidden]) ~ :not([hidden]){border-color:rgb(255 255 255 / 0.3)}
.place-self-start{place-self:start}
.place-self-end{place-self:end}
.self-end{align-self:flex-end}
.self-center{align-self:center}
.justify-self-end{justify-self:end}
.\!overflow-hidden{overflow:hidden !important}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overflow-x-hidden{overflow-x:hidden}
.\!overflow-y-hidden{overflow-y:hidden !important}
.overflow-y-hidden{overflow-y:hidden}
.\!overflow-y-visible{overflow-y:visible !important}
.whitespace-nowrap{white-space:nowrap}
.break-words{overflow-wrap:break-word}
.break-all{word-break:break-all}
.\!rounded-\[20px\]{border-radius:20px !important}
.rounded{border-radius:0.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-\[12px\]{border-radius:12px}
.rounded-\[16px\]{border-radius:16px}
.rounded-\[17px\]{border-radius:17px}
.rounded-\[20px\]{border-radius:20px}
.rounded-\[2px\]{border-radius:2px}
.rounded-\[30px\]{border-radius:30px}
.rounded-\[36px_43px_52px_36px\]{border-radius:36px 43px 52px 36px}
.rounded-\[4px\]{border-radius:4px}
.rounded-\[50px\]{border-radius:50px}
.rounded-\[8px\]{border-radius:8px}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-l-\[16px\]{border-top-left-radius:16px;border-bottom-left-radius:16px}
.rounded-r-\[16px\]{border-top-right-radius:16px;border-bottom-right-radius:16px}
.rounded-bl-\[16px\]{border-bottom-left-radius:16px}
.rounded-br-\[16px\]{border-bottom-right-radius:16px}
.rounded-tl-\[16px\]{border-top-left-radius:16px}
.rounded-tr-\[16px\]{border-top-right-radius:16px}
.\!border{border-width:1px !important}
.border{border-width:1px}
.border-0{border-width:0px}
.border-2{border-width:2px}
.border-\[1\.5px\]{border-width:1.5px}
.\!border-x{border-left-width:1px !important;border-right-width:1px !important}
.border-x-0{border-left-width:0px;border-right-width:0px}
.\!border-t{border-top-width:1px !important}
.border-b{border-bottom-width:1px}
.border-t{border-top-width:1px}
.border-t-0{border-top-width:0px}
.border-none{border-style:none}
.\!border-black{--tw-border-opacity:1 !important;border-color:rgb(0 0 0 / var(--tw-border-opacity)) !important}
.\!border-red-500{--tw-border-opacity:1 !important;border-color:rgb(239 68 68 / var(--tw-border-opacity)) !important}
.\!border-secondary-200{--tw-border-opacity:1 !important;border-color:rgb(136 136 136 / var(--tw-border-opacity)) !important}
.\!border-secondary-400{--tw-border-opacity:1 !important;border-color:rgb(73 73 73 / var(--tw-border-opacity)) !important}
.\!border-secondary-800{--tw-border-opacity:1 !important;border-color:rgb(7 7 7 / var(--tw-border-opacity)) !important}
.\!border-secondary-900{--tw-border-opacity:1 !important;border-color:rgb(0 0 0 / var(--tw-border-opacity)) !important}
.\!border-white{--tw-border-opacity:1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity)) !important}
.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}
.border-grey-150{--tw-border-opacity:1;border-color:rgb(179 179 179 / var(--tw-border-opacity))}
.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}
.border-secondary-150{--tw-border-opacity:1;border-color:rgb(179 179 179 / var(--tw-border-opacity))}
.border-secondary-200{--tw-border-opacity:1;border-color:rgb(136 136 136 / var(--tw-border-opacity))}
.border-secondary-25{--tw-border-opacity:1;border-color:rgb(243 243 243 / var(--tw-border-opacity))}
.border-secondary-300{--tw-border-opacity:1;border-color:rgb(113 113 113 / var(--tw-border-opacity))}
.border-secondary-400{--tw-border-opacity:1;border-color:rgb(73 73 73 / var(--tw-border-opacity))}
.border-secondary-450{--tw-border-opacity:1;border-color:rgb(52 57 61 / var(--tw-border-opacity))}
.border-secondary-50{--tw-border-opacity:1;border-color:rgb(232 232 232 / var(--tw-border-opacity))}
.border-secondary-500{--tw-border-opacity:1;border-color:rgb(38 42 45 / var(--tw-border-opacity))}
.border-secondary-600{--tw-border-opacity:1;border-color:rgb(23 26 28 / var(--tw-border-opacity))}
.border-secondary-800{--tw-border-opacity:1;border-color:rgb(7 7 7 / var(--tw-border-opacity))}
.border-warning-400{--tw-border-opacity:1;border-color:rgb(242 193 49 / var(--tw-border-opacity))}
.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}
.border-white\/30{border-color:rgb(255 255 255 / 0.3)}
.border-b-red-500{--tw-border-opacity:1;border-bottom-color:rgb(239 68 68 / var(--tw-border-opacity))}
.\!bg-\[\#111112\]{--tw-bg-opacity:1 !important;background-color:rgb(17 17 18 / var(--tw-bg-opacity)) !important}
.\!bg-primary{--tw-bg-opacity:1 !important;background-color:rgb(0 0 243 / var(--tw-bg-opacity)) !important}
.\!bg-primary-400{--tw-bg-opacity:1 !important;background-color:rgb(0 0 243 / var(--tw-bg-opacity)) !important}
.\!bg-primary-500{--tw-bg-opacity:1 !important;background-color:rgb(7 25 178 / var(--tw-bg-opacity)) !important}
.\!bg-secondary-100{--tw-bg-opacity:1 !important;background-color:rgb(217 217 217 / var(--tw-bg-opacity)) !important}
.\!bg-secondary-500{--tw-bg-opacity:1 !important;background-color:rgb(38 42 45 / var(--tw-bg-opacity)) !important}
.\!bg-secondary-600{--tw-bg-opacity:1 !important;background-color:rgb(23 26 28 / var(--tw-bg-opacity)) !important}
.\!bg-transparent{background-color:transparent !important}
.\!bg-white{--tw-bg-opacity:1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity)) !important}
.bg-\[\#4324FF\]{--tw-bg-opacity:1;background-color:rgb(67 36 255 / var(--tw-bg-opacity))}
.bg-\[\#DEDEDE\]{--tw-bg-opacity:1;background-color:rgb(222 222 222 / var(--tw-bg-opacity))}
.bg-\[\#F2C131\]{--tw-bg-opacity:1;background-color:rgb(242 193 49 / var(--tw-bg-opacity))}
.bg-\[\#F3C211\]{--tw-bg-opacity:1;background-color:rgb(243 194 17 / var(--tw-bg-opacity))}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}
.bg-danger-200{--tw-bg-opacity:1;background-color:rgb(239 20 30 / var(--tw-bg-opacity))}
.bg-danger-300{--tw-bg-opacity:1;background-color:rgb(187 22 28 / var(--tw-bg-opacity))}
.bg-danger-400{--tw-bg-opacity:1;background-color:rgb(146 4 11 / var(--tw-bg-opacity))}
.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}
.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}
.bg-grey-150{--tw-bg-opacity:1;background-color:rgb(179 179 179 / var(--tw-bg-opacity))}
.bg-primary{--tw-bg-opacity:1;background-color:rgb(0 0 243 / var(--tw-bg-opacity))}
.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(98 37 251 / var(--tw-bg-opacity))}
.bg-primary-25{--tw-bg-opacity:1;background-color:rgb(0 120 137 / var(--tw-bg-opacity))}
.bg-primary-400{--tw-bg-opacity:1;background-color:rgb(0 0 243 / var(--tw-bg-opacity))}
.bg-primary-500{--tw-bg-opacity:1;background-color:rgb(7 25 178 / var(--tw-bg-opacity))}
.bg-secondary-100{--tw-bg-opacity:1;background-color:rgb(217 217 217 / var(--tw-bg-opacity))}
.bg-secondary-25{--tw-bg-opacity:1;background-color:rgb(243 243 243 / var(--tw-bg-opacity))}
.bg-secondary-400{--tw-bg-opacity:1;background-color:rgb(73 73 73 / var(--tw-bg-opacity))}
.bg-secondary-450{--tw-bg-opacity:1;background-color:rgb(52 57 61 / var(--tw-bg-opacity))}
.bg-secondary-50{--tw-bg-opacity:1;background-color:rgb(232 232 232 / var(--tw-bg-opacity))}
.bg-secondary-500{--tw-bg-opacity:1;background-color:rgb(38 42 45 / var(--tw-bg-opacity))}
.bg-secondary-600{--tw-bg-opacity:1;background-color:rgb(23 26 28 / var(--tw-bg-opacity))}
.bg-secondary-700{--tw-bg-opacity:1;background-color:rgb(15 18 20 / var(--tw-bg-opacity))}
.bg-secondary-750{--tw-bg-opacity:1;background-color:rgb(17 17 18 / var(--tw-bg-opacity))}
.bg-secondary-800{--tw-bg-opacity:1;background-color:rgb(7 7 7 / var(--tw-bg-opacity))}
.bg-secondary-800\/30{background-color:rgb(7 7 7 / 0.3)}
.bg-secondary-900{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}
.bg-success-300{--tw-bg-opacity:1;background-color:rgb(43 254 195 / var(--tw-bg-opacity))}
.bg-success-500{--tw-bg-opacity:1;background-color:rgb(38 204 96 / var(--tw-bg-opacity))}
.bg-transparent{background-color:transparent}
.bg-warning-300{--tw-bg-opacity:1;background-color:rgb(254 199 46 / var(--tw-bg-opacity))}
.bg-warning-400{--tw-bg-opacity:1;background-color:rgb(242 193 49 / var(--tw-bg-opacity))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.bg-clip-padding{background-clip:padding-box}
.fill-secondary-25{fill:#F3F3F3}
.fill-secondary-800{fill:#070707}
.\!p-0{padding:0px !important}
.\!p-4{padding:0.25rem !important}
.p-0\.5{padding:0.125rem}
.p-10{padding:2.5rem}
.p-2{padding:0.5rem}
.p-28{padding:1.75rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:0.5rem}
.p-\[1\.5rem\]{padding:1.5rem}
.p-\[1rem\]{padding:1rem}
.p-\[24px\]{padding:24px}
.p-\[2rem\]{padding:2rem}
.p-\[3\.75rem\]{padding:3.75rem}
.p-\[64px\]{padding:64px}
.\!px-0{padding-left:0px !important;padding-right:0px !important}
.\!px-2{padding-left:0.5rem !important;padding-right:0.5rem !important}
.\!px-3{padding-left:0.75rem !important;padding-right:0.75rem !important}
.\!px-\[1rem\]{padding-left:1rem !important;padding-right:1rem !important}
.\!py-0{padding-top:0px !important;padding-bottom:0px !important}
.\!py-1{padding-top:0.25rem !important;padding-bottom:0.25rem !important}
.\!py-8{padding-top:0.5rem !important;padding-bottom:0.5rem !important}
.\!py-\[0\.25rem\]{padding-top:0.25rem !important;padding-bottom:0.25rem !important}
.\!py-\[0\.2rem\]{padding-top:0.2rem !important;padding-bottom:0.2rem !important}
.\!py-\[0\.5rem\]{padding-top:0.5rem !important;padding-bottom:0.5rem !important}
.px-0{padding-left:0px;padding-right:0px}
.px-10{padding-left:2.5rem;padding-right:2.5rem}
.px-12{padding-left:3rem;padding-right:3rem}
.px-16{padding-left:1rem;padding-right:1rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-32{padding-left:2rem;padding-right:2rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-\[0\.25rem\]{padding-left:0.25rem;padding-right:0.25rem}
.px-\[0\.438rem\]{padding-left:0.438rem;padding-right:0.438rem}
.px-\[0\.5rem\]{padding-left:0.5rem;padding-right:0.5rem}
.px-\[0\.75rem\]{padding-left:0.75rem;padding-right:0.75rem}
.px-\[1\.5rem\]{padding-left:1.5rem;padding-right:1.5rem}
.px-\[1\.75rem\]{padding-left:1.75rem;padding-right:1.75rem}
.px-\[104px\]{padding-left:104px;padding-right:104px}
.px-\[16px\]{padding-left:16px;padding-right:16px}
.px-\[1rem\]{padding-left:1rem;padding-right:1rem}
.px-\[2rem\]{padding-left:2rem;padding-right:2rem}
.px-\[3\.75rem\]{padding-left:3.75rem;padding-right:3.75rem}
.px-\[4rem\]{padding-left:4rem;padding-right:4rem}
.px-\[5px\]{padding-left:5px;padding-right:5px}
.px-\[8px\]{padding-left:8px;padding-right:8px}
.py-0{padding-top:0px;padding-bottom:0px}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.py-16{padding-top:1rem;padding-bottom:1rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-24{padding-top:1.5rem;padding-bottom:1.5rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:0.25rem;padding-bottom:0.25rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-\[0\.188rem\]{padding-top:0.188rem;padding-bottom:0.188rem}
.py-\[0\.25rem\]{padding-top:0.25rem;padding-bottom:0.25rem}
.py-\[0\.375rem\]{padding-top:0.375rem;padding-bottom:0.375rem}
.py-\[0\.5rem\]{padding-top:0.5rem;padding-bottom:0.5rem}
.py-\[0\.75rem\]{padding-top:0.75rem;padding-bottom:0.75rem}
.py-\[1\.5rem\]{padding-top:1.5rem;padding-bottom:1.5rem}
.py-\[18px\]{padding-top:18px;padding-bottom:18px}
.py-\[1px\]{padding-top:1px;padding-bottom:1px}
.py-\[1rem\]{padding-top:1rem;padding-bottom:1rem}
.py-\[2\.75rem\]{padding-top:2.75rem;padding-bottom:2.75rem}
.py-\[2px\]{padding-top:2px;padding-bottom:2px}
.py-\[3px\]{padding-top:3px;padding-bottom:3px}
.py-\[46px\]{padding-top:46px;padding-bottom:46px}
.py-\[49px\]{padding-top:49px;padding-bottom:49px}
.py-\[4px\]{padding-top:4px;padding-bottom:4px}
.py-\[4rem\]{padding-top:4rem;padding-bottom:4rem}
.py-\[6px\]{padding-top:6px;padding-bottom:6px}
.py-\[6rem\]{padding-top:6rem;padding-bottom:6rem}
.py-\[8px\]{padding-top:8px;padding-bottom:8px}
.\!pb-0{padding-bottom:0px !important}
.\!pt-0{padding-top:0px !important}
.pb-2{padding-bottom:0.5rem}
.pb-3{padding-bottom:0.75rem}
.pb-5{padding-bottom:1.25rem}
.pb-6{padding-bottom:1.5rem}
.pb-\[1\.5rem\]{padding-bottom:1.5rem}
.pb-\[1px\]{padding-bottom:1px}
.pb-\[1rem\]{padding-bottom:1rem}
.pb-\[2rem\]{padding-bottom:2rem}
.pl-1\.5{padding-left:0.375rem}
.pl-3{padding-left:0.75rem}
.pl-6{padding-left:1.5rem}
.pl-8{padding-left:0.5rem}
.pl-\[0\.625rem\]{padding-left:0.625rem}
.pl-\[1\.5rem\]{padding-left:1.5rem}
.pl-\[1\.6rem\]{padding-left:1.6rem}
.pl-\[10px\]{padding-left:10px}
.pl-\[14px\]{padding-left:14px}
.pl-\[15px\]{padding-left:15px}
.pl-\[16px\]{padding-left:16px}
.pl-\[18px\]{padding-left:18px}
.pr-1\.5{padding-right:0.375rem}
.pr-2{padding-right:0.5rem}
.pr-3{padding-right:0.75rem}
.pr-6{padding-right:1.5rem}
.pr-8{padding-right:0.5rem}
.pr-\[0\.5rem\]{padding-right:0.5rem}
.pr-\[1\.5rem\]{padding-right:1.5rem}
.pr-\[18px\]{padding-right:18px}
.pr-\[1px\]{padding-right:1px}
.pr-\[8px\]{padding-right:8px}
.pt-10{padding-top:2.5rem}
.pt-3{padding-top:0.75rem}
.pt-5{padding-top:1.25rem}
.pt-\[0\.5rem\]{padding-top:0.5rem}
.pt-\[1\.5rem\]{padding-top:1.5rem}
.pt-\[100px\]{padding-top:100px}
.pt-\[1rem\]{padding-top:1rem}
.pt-\[2\.5rem\]{padding-top:2.5rem}
.pt-\[2rem\]{padding-top:2rem}
.pt-\[6px\]{padding-top:6px}
.pt-\[8px\]{padding-top:8px}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.align-top{vertical-align:top}
.\!align-middle{vertical-align:middle !important}
.\!text-3xl{font-size:2.5rem !important;line-height:2.5rem !important}
.\!text-4xl{font-size:4rem !important;line-height:4rem !important}
.\!text-\[0\.75rem\]{font-size:0.75rem !important}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3\.5xl{font-size:3.5rem;line-height:3.5rem}
.text-3xl{font-size:2.5rem;line-height:2.5rem}
.text-4xl{font-size:4rem;line-height:4rem}
.text-5xl{font-size:5rem;line-height:5.25rem}
.text-6xl{font-size:5.5rem;line-height:7rem}
.text-7xl{font-size:6.5rem;line-height:6.75rem}
.text-\[0\.875rem\]{font-size:0.875rem}
.text-\[1\.125rem\]{font-size:1.125rem}
.text-base{font-size:0.938rem;line-height:1.5rem}
.text-lg{font-size:1.063rem;line-height:1.5rem}
.text-sm{font-size:0.813rem;line-height:1rem}
.text-xl{font-size:1.188rem;line-height:1.5rem}
.text-xs{font-size:0.6rem;line-height:1rem}
.text-xsm{font-size:0.75rem;line-height:1rem}
.font-black{font-weight:900}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-extralight{font-weight:200}
.font-light{font-weight:300}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.font-thin{font-weight:100}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
.italic{font-style:italic}
.leading-4{line-height:1rem}
.leading-\[1\.5rem\]{line-height:1.5rem}
.leading-\[2\.5rem\]{line-height:2.5rem}
.leading-\[4\.5rem\]{line-height:4.5rem}
.\!text-black{--tw-text-opacity:1 !important;color:rgb(0 0 0 / var(--tw-text-opacity)) !important}
.\!text-secondary-200{--tw-text-opacity:1 !important;color:rgb(136 136 136 / var(--tw-text-opacity)) !important}
.\!text-secondary-25{--tw-text-opacity:1 !important;color:rgb(243 243 243 / var(--tw-text-opacity)) !important}
.\!text-secondary-800{--tw-text-opacity:1 !important;color:rgb(7 7 7 / var(--tw-text-opacity)) !important}
.\!text-secondary-900{--tw-text-opacity:1 !important;color:rgb(0 0 0 / var(--tw-text-opacity)) !important}
.\!text-white{--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}
.text-\[\#888888\]{--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
.text-\[\#B3B3B3\]{--tw-text-opacity:1;color:rgb(179 179 179 / var(--tw-text-opacity))}
.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}
.text-danger-300{--tw-text-opacity:1;color:rgb(187 22 28 / var(--tw-text-opacity))}
.text-grey-150{--tw-text-opacity:1;color:rgb(179 179 179 / var(--tw-text-opacity))}
.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity))}
.text-secondary-100{--tw-text-opacity:1;color:rgb(217 217 217 / var(--tw-text-opacity))}
.text-secondary-150{--tw-text-opacity:1;color:rgb(179 179 179 / var(--tw-text-opacity))}
.text-secondary-200{--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
.text-secondary-25{--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
.text-secondary-300{--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
.text-secondary-400{--tw-text-opacity:1;color:rgb(73 73 73 / var(--tw-text-opacity))}
.text-secondary-500{--tw-text-opacity:1;color:rgb(38 42 45 / var(--tw-text-opacity))}
.text-secondary-600{--tw-text-opacity:1;color:rgb(23 26 28 / var(--tw-text-opacity))}
.text-secondary-800{--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity))}
.text-secondary-900{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.underline{text-decoration-line:underline}
.no-underline{text-decoration-line:none}
.underline-offset-2{text-underline-offset:2px}
.underline-offset-4{text-underline-offset:4px}
.\!accent-transparent{accent-color:transparent !important}
.\!shadow-none{--tw-shadow:0 0 #0000 !important;--tw-shadow-colored:0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}
.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.outline{outline-style:solid}
.outline-2{outline-width:2px}
.outline-primary-100{outline-color:#6225FB}
.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));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)}
.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));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)}
.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.backdrop-opacity-10{--tw-backdrop-opacity:opacity(0.1);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.duration-100{transition-duration:100ms}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.ease-linear{transition-timing-function:linear}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/poppins-0-BO6sGsOT.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/poppins-1-CfukeBgr.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/poppins-2-B4GYq972.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/poppins-3-vhFg2WcP.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/poppins-4-DKwKErlU.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/poppins-5-o28Otv0U.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/poppins-6-BcxLru-s.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/poppins-7-Dydr-NSJ.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/poppins-8-RKf6esGj.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/poppins-9-DXhQFdtL.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/poppins-10-CZnfsGfc.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/poppins-11-cpxAROuN.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/poppins-12-CedCftIp.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/poppins-13-CkbSfFoM.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/poppins-14-C8OXljZJ.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/poppins-15-x1FzP7sX.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/poppins-16-j1no4XVB.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/poppins-17-Qrb0O0WB.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Not every browser supports font weight 450, so we fallback to 400 if needed */
* {
  font-weight: 400;
}
@supports (font-variation-settings: "wght" 450) {
  * {
    font-weight: 450;
  }
}
html{font-size:16px}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
html[data-mode=dark] [type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
html[data-mode=light] [type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
input.no-color-autofill:-webkit-autofill,
input.no-color-autofill:-webkit-autofill:hover,
input.no-color-autofill:-webkit-autofill:focus,
input.no-color-autofill:-webkit-autofill:active {
  -webkit-text-fill-color: rgb(113, 113, 113);
  -webkit-box-shadow: 0 0 0px 1000px rgb(23, 26, 28) inset;
}
.dashboard .icons-menu-link{display:flex;justify-content:center;--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity));transition-duration:300ms}
.dashboard .icons-menu-link:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}
.dashboard .icons-menu-link:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
.dashboard .icons-menu-link:is([data-mode="dark"] *):hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.dashboard .icons-menu-link.active{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity));transition-duration:300ms}
.dashboard .icons-menu-link.active:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.dashboard .sub-menu-link{display:flex;justify-content:space-between;white-space:nowrap;border-radius:0.5rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:0.5rem;font-size:0.938rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity));text-decoration-line:none;transition-duration:300ms}
.dashboard .sub-menu-link:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity))}
.dashboard .sub-menu-link:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
.dashboard .sub-menu-link:is([data-mode="dark"] *):hover{--tw-bg-opacity:1;background-color:rgb(15 18 20 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.dashboard .sub-menu-link--arrow {
  opacity: 0;
  height:1.5rem;
  width:1.5rem;
  transition-duration:300ms;
}
.dashboard .sub-menu-link.selected{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity));transition-duration:300ms}
.dashboard .sub-menu-link.selected:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(15 18 20 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.dashboard .sub-menu-link:hover .sub-menu-link--arrow, .dashboard .sub-menu-link.selected .sub-menu-link--arrow {
  display: inline-block;
  opacity: 1;
}
.Toastify__toast-theme--dark {
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  min-height: 1.5rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  margin-bottom:0px;
  align-items:center;
  -moz-column-gap:1rem;
       column-gap:1rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
  font-size:0.938rem;
  line-height:1.5rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
}
.Toastify__toast-theme--dark .Toastify__toast-body{margin:0px;padding:0px}
.Toastify__toast-theme--dark .Toastify__close-button{margin-top:auto;margin-bottom:auto}
.Toastify__toast-theme--dark .Toastify__progress-bar--success{--tw-bg-opacity:1;background-color:rgb(0 0 243 / var(--tw-bg-opacity))}
#settings .Toastify__toast-theme--dark, #tickets .Toastify__toast-theme--dark {
  background-color: #F2C131 !important;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}
html[data-mode=dark] .Toastify__toast-theme--dark {
  background-color: #34393D !important;
}
html[data-mode=light] .Toastify__toast-theme--dark {
  background-color: #171A1C !important;
}
.Toastify#settings .Toastify__close-button, .Toastify#tickets .Toastify__close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.Toastify#settings .Toastify__close-button.Toastify__close-button--dark, .Toastify#tickets .Toastify__close-button.Toastify__close-button--dark {
  color: black;
}
.event-type-filter::before {
  background-color: var(--event-type-filter-bg);
}
/* eslint-disable scss/css-ruleorselectorexpected */
#guide-content h1 {
  font-weight: 700;
  font-size: 4rem;
  line-height: 4rem;
  text-align: center;
  margin:0px;
  --tw-text-opacity:1;
  color:rgb(7 7 7 / var(--tw-text-opacity));
}
#guide-content h1:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
#guide-content h3 {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 2.5rem;
  --tw-text-opacity:1;
  color:rgb(7 7 7 / var(--tw-text-opacity));
}
#guide-content h3:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
#guide-content h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 2.5rem;
  --tw-text-opacity:1;
  color:rgb(7 7 7 / var(--tw-text-opacity));
}
#guide-content h2:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(217 217 217 / var(--tw-text-opacity))}
#guide-content p, #guide-content ul, #guide-content ol, #guide-content td {
  font-size: 17px;
  font-weight: 450;
  margin:0px;
  --tw-text-opacity:1;
  color:rgb(7 7 7 / var(--tw-text-opacity));
}
#guide-content p:is([data-mode="dark"] *), #guide-content ul:is([data-mode="dark"] *), #guide-content ol:is([data-mode="dark"] *), #guide-content td:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(217 217 217 / var(--tw-text-opacity))}
#guide-content ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
#guide-content ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
#guide-content hr {
  border-color: rgb(136, 136, 136);
  border-top-width: 1px;
  margin-top: 2.75rem;
  margin-bottom: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  width: 3.5rem;
}
#guide-content a {
  text-decoration: underline;
  cursor:pointer;
  --tw-text-opacity:1;
  color:rgb(7 7 7 / var(--tw-text-opacity));
}
#guide-content a:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}
#guide-content a:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(217 217 217 / var(--tw-text-opacity))}
#guide-content a:is([data-mode="dark"] *):hover{--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
#guide-content img, #guide-content iframe{margin-left:auto;margin-right:auto;display:flex;width:100%}
#guide-content table{width:100%;--tw-border-opacity:1;border-color:rgb(7 7 7 / var(--tw-border-opacity))}
#guide-content table:is([data-mode="dark"] *){--tw-border-opacity:1;border-color:rgb(217 217 217 / var(--tw-border-opacity))}
#guide-content table tbody, #guide-content table tr, #guide-content table td {
  border-color: inherit;
}
#guide-content table td {
  border: 1px solid;
  padding: 8px;
}
#guide-content table tr {
  height: -moz-fit-content;
  height: fit-content;
}
.tox-collection__item-label {
  overflow: hidden;
}
.tox.tox-tinymce {
  border: 0 !important;
}
.tox.tox-tinymce > .tox-statusbar {
  background-color: transparent;
}
.tox-editor-container .tox-editor-header, .tox-editor-container .tox-toolbar-overlord, .tox-editor-container .tox-toolbar__primary, .tox-editor-container .tox-toolbar {
  background-color: transparent !important;
  background-image: none !important;
}
.tox-editor-container .tox-editor-header {
  border: 1px solid #888888 !important;
  margin-top:0.3rem;
  border-radius:4px;
}
.tox-editor-container .tox-editor-header .tox-toolbar__group{gap:0.5rem}
.tox-editor-container .tox-editor-header .tox-toolbar__group button {
  border: 1px solid #717171;
  border-radius:2px;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
  background: transparent !important;
}
.tox-editor-container .tox-editor-header .tox-toolbar__group button:hover{cursor:pointer !important;--tw-bg-opacity:1 !important;background-color:rgb(217 217 217 / var(--tw-bg-opacity)) !important}
.tox-editor-container .tox-editor-header .tox-toolbar__group button:hover:is([data-mode="dark"] *){--tw-bg-opacity:1 !important;background-color:rgb(15 18 20 / var(--tw-bg-opacity)) !important}
.tox-editor-container .tox-editor-header .tox-toolbar__group button.tox-tbtn--disabled {
  cursor: not-allowed !important;
}
.tox-editor-container .tox-editor-header .tox-toolbar__group button.tox-tbtn--disabled svg{fill:#888888}
.tox-editor-container .tox-editor-header .tox-toolbar__group button.tox-tbtn--disabled svg:is([data-mode="dark"] *){fill:#494949}
.tox-editor-container .tox-editor-header .tox-toolbar__group button svg{fill:#070707}
.tox-editor-container .tox-editor-header .tox-toolbar__group button svg:is([data-mode="dark"] *){fill:#fff}
.tox-editor-container .tox-tbtn__select-label{cursor:pointer !important;--tw-text-opacity:1 !important;color:rgb(7 7 7 / var(--tw-text-opacity)) !important}
.tox-editor-container .tox-tbtn__select-label:is([data-mode="dark"] *){--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}
.tox-editor-container .tox-sidebar-wrap {
  border: 1px solid #888888 !important;
  margin-top:0.5rem;
  border-radius:4px;
}
.tox-editor-container .tox-statusbar {
  background-color: transparent !important;
}
.tox-editor-container .tox-statusbar .tox-statusbar__path-item{--tw-text-opacity:1 !important;color:rgb(7 7 7 / var(--tw-text-opacity)) !important}
.tox-editor-container .tox-statusbar .tox-statusbar__path-item:hover{--tw-text-opacity:1 !important;color:rgb(136 136 136 / var(--tw-text-opacity)) !important}
.tox-editor-container .tox-statusbar .tox-statusbar__path-item:is([data-mode="dark"] *){--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}
.tox-editor-container .tox-statusbar svg{fill:#070707}
.tox-editor-container .tox-statusbar svg:is([data-mode="dark"] *){fill:#fff}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux, body .tox.tox-silver-sink.tox-tinymce-aux {
  /* Cancel button */
  /* Submit button */
  /* Modal window element that's doing backdrop only */
  /* Select box */
  /* Select box dropdown menu */
  /* Select box items */
}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog, body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog{border-radius:1.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:3.75rem;--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(23 26 28 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__header, body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__footer, body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__header, body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__footer{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__header:is([data-mode="dark"] *), body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__footer:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__header:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__footer:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(23 26 28 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__header .tox-dialog__title, body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__footer .tox-dialog__title, body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__header .tox-dialog__title, body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__footer .tox-dialog__title{font-size:1.5rem;line-height:2rem;font-weight:500}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux input, body .tox.tox-silver-sink.tox-tinymce-aux input{border-radius:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:1px;border-top-width:0px;--tw-border-opacity:1;border-color:rgb(136 136 136 / var(--tw-border-opacity));background-color:transparent;padding-left:0px;padding-right:0px;padding-bottom:0.5rem;padding-top:0.75rem;--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux input::-moz-placeholder, body .tox.tox-silver-sink.tox-tinymce-aux input::-moz-placeholder{--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity));color:transparent}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux input::placeholder, body .tox.tox-silver-sink.tox-tinymce-aux input::placeholder{--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity));color:transparent}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux input:hover, body .tox.tox-silver-sink.tox-tinymce-aux input:hover{outline:2px solid transparent;outline-offset:2px}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux input:focus, body .tox.tox-silver-sink.tox-tinymce-aux input:focus{--tw-border-opacity:1;border-bottom-color:rgb(7 7 7 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux input:active, body .tox.tox-silver-sink.tox-tinymce-aux input:active{outline:2px solid transparent;outline-offset:2px}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux input:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux input:is([data-mode="dark"] *){--tw-border-opacity:1;border-color:rgb(113 113 113 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux input:is([data-mode="dark"] *):focus, body .tox.tox-silver-sink.tox-tinymce-aux input:is([data-mode="dark"] *):focus{--tw-border-opacity:1;border-bottom-color:rgb(243 243 243 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux label, body .tox.tox-silver-sink.tox-tinymce-aux label{pointer-events:none;margin-bottom:0px;background-color:transparent;--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity));transition-duration:100ms;transition-timing-function:linear}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux label:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux label:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea, body .tox.tox-silver-sink.tox-tinymce-aux textarea{border-radius:4px;border-width:2px;--tw-border-opacity:1;border-color:rgb(136 136 136 / var(--tw-border-opacity));background-color:transparent;padding-top:0.75rem;padding-bottom:0.75rem;--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea::-webkit-scrollbar, body .tox.tox-silver-sink.tox-tinymce-aux textarea::-webkit-scrollbar {
  width: 12px;
}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea::-webkit-scrollbar-track, body .tox.tox-silver-sink.tox-tinymce-aux textarea::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(217 217 217 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea:is([data-mode="dark"] *)::-webkit-scrollbar-track, body .tox.tox-silver-sink.tox-tinymce-aux textarea:is([data-mode="dark"] *)::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(38 42 45 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea::-webkit-scrollbar-track, body .tox.tox-silver-sink.tox-tinymce-aux textarea::-webkit-scrollbar-track {
  border-radius: 5px;
}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea::-webkit-scrollbar-thumb, body .tox.tox-silver-sink.tox-tinymce-aux textarea::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(136 136 136 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea:is([data-mode="dark"] *)::-webkit-scrollbar-thumb, body .tox.tox-silver-sink.tox-tinymce-aux textarea:is([data-mode="dark"] *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(136 136 136 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea::-webkit-scrollbar-thumb, body .tox.tox-silver-sink.tox-tinymce-aux textarea::-webkit-scrollbar-thumb {
  border-radius: 14px;
  border: 3px solid;
  --tw-border-opacity:1;
  border-color:rgb(217 217 217 / var(--tw-border-opacity));
}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea:is([data-mode="dark"] *)::-webkit-scrollbar-thumb, body .tox.tox-silver-sink.tox-tinymce-aux textarea:is([data-mode="dark"] *)::-webkit-scrollbar-thumb{--tw-border-opacity:1;border-color:rgb(38 42 45 / var(--tw-border-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea::-moz-placeholder, body .tox.tox-silver-sink.tox-tinymce-aux textarea::-moz-placeholder{--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea::placeholder, body .tox.tox-silver-sink.tox-tinymce-aux textarea::placeholder{--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea:hover, body .tox.tox-silver-sink.tox-tinymce-aux textarea:hover{outline:2px solid transparent;outline-offset:2px}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea:focus, body .tox.tox-silver-sink.tox-tinymce-aux textarea:focus{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea:active, body .tox.tox-silver-sink.tox-tinymce-aux textarea:active{outline:2px solid transparent;outline-offset:2px}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux textarea:is([data-mode="dark"] *){--tw-border-opacity:1;border-color:rgb(113 113 113 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux textarea:is([data-mode="dark"] *):focus, body .tox.tox-silver-sink.tox-tinymce-aux textarea:is([data-mode="dark"] *):focus{--tw-border-opacity:1;border-color:rgb(243 243 243 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dropzone, body .tox.tox-silver-sink.tox-tinymce-aux .tox-dropzone {
  background: transparent !important;
}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dropzone p, body .tox.tox-silver-sink.tox-tinymce-aux .tox-dropzone p{--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dropzone p:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-dropzone p:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-form__group, body .tox.tox-silver-sink.tox-tinymce-aux .tox-form__group{margin-top:0.5rem}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-icon, body .tox.tox-silver-sink.tox-tinymce-aux .tox-icon{--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-icon:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-icon:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-button.tox-button--secondary, body .tox.tox-silver-sink.tox-tinymce-aux .tox-button.tox-button--secondary{cursor:pointer;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(7 7 7 / var(--tw-border-opacity));background-color:transparent;fill:#070707;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:1.5rem;padding-right:1.5rem;font-size:0.938rem;line-height:1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity));transition-duration:300ms}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-button.tox-button--secondary:hover, body .tox.tox-silver-sink.tox-tinymce-aux .tox-button.tox-button--secondary:hover{--tw-border-opacity:1;border-color:rgb(136 136 136 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-button.tox-button--secondary:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-button.tox-button--secondary:is([data-mode="dark"] *){--tw-border-opacity:1;border-color:rgb(243 243 243 / var(--tw-border-opacity));fill:#F3F3F3;--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-button:not(.tox-button--secondary):not(.tox-button--icon), body .tox.tox-silver-sink.tox-tinymce-aux .tox-button:not(.tox-button--secondary):not(.tox-button--icon){display:flex;cursor:pointer;flex-direction:row;align-items:center;-moz-column-gap:0.5rem;column-gap:0.5rem;border-radius:9999px;border-style:none;--tw-bg-opacity:1;background-color:rgb(0 0 243 / var(--tw-bg-opacity));padding-top:0.625rem;padding-bottom:0.625rem;padding-left:1.5rem;padding-right:1.5rem;font-size:0.875rem;font-weight:500;--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity));transition-duration:300ms}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-button:not(.tox-button--secondary):not(.tox-button--icon):hover, body .tox.tox-silver-sink.tox-tinymce-aux .tox-button:not(.tox-button--secondary):not(.tox-button--icon):hover{--tw-bg-opacity:1;background-color:rgb(7 25 178 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-button:not(.tox-button--secondary):not(.tox-button--icon):disabled, body .tox.tox-silver-sink.tox-tinymce-aux .tox-button:not(.tox-button--secondary):not(.tox-button--icon):disabled{--tw-bg-opacity:1;background-color:rgb(179 179 179 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog-wrap__backdrop, body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog-wrap__backdrop{background-color:rgb(7 7 7 / 0.3);--tw-backdrop-invert:invert(100%);--tw-backdrop-opacity:opacity(0.1);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select, body .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select{margin-top:0.25rem !important;min-height:0px !important;width:-moz-fit-content !important;width:fit-content !important;min-width:150px !important;cursor:pointer !important;border-radius:20px !important;border-width:1px !important;--tw-border-opacity:1 !important;border-color:rgb(7 7 7 / var(--tw-border-opacity)) !important;--tw-bg-opacity:1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity)) !important;padding-left:16px !important;padding-right:16px !important;font-size:0.875rem !important;font-weight:400 !important;line-height:1rem !important;--tw-text-opacity:1 !important;color:rgb(7 7 7 / var(--tw-text-opacity)) !important;transition-duration:300ms !important}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select:is([data-mode="dark"] *){border-style:none !important;background-color:rgb(23 26 28 / var(--tw-bg-opacity)) !important;--tw-bg-opacity:1 !important;background-color:rgb(38 42 45 / var(--tw-bg-opacity)) !important;--tw-text-opacity:1 !important;color:rgb(243 243 243 / var(--tw-text-opacity)) !important}
@media (min-width: 1280px){
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select, body .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select{min-width:200px !important;line-height:1.25rem !important}}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select .tox-listbox__select-chevron > svg, body .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select .tox-listbox__select-chevron > svg{fill:#070707}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select .tox-listbox__select-chevron > svg:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select .tox-listbox__select-chevron > svg:is([data-mode="dark"] *){fill:#F3F3F3}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select .tox-listbox__select-label, body .tox.tox-silver-sink.tox-tinymce-aux .tox-listbox.tox-listbox--select .tox-listbox__select-label{cursor:pointer;font-size:0.938rem;line-height:1.5rem}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu.tox-collection, body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu.tox-collection{margin-top:0.25rem;width:auto;min-width:150px;border-radius:16px;border-width:1px;--tw-border-opacity:1;border-color:rgb(179 179 179 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-left:0px;padding-right:0px;padding-bottom:1rem;padding-top:0.5rem;--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity));transition-duration:300ms}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu.tox-collection:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu.tox-collection:is([data-mode="dark"] *){border-style:none;--tw-bg-opacity:1;background-color:rgb(38 42 45 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(179 179 179 / var(--tw-text-opacity))}
@media (min-width: 1280px){
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu.tox-collection, body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu.tox-collection{min-width:200px}}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection, body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection{padding-bottom:0px;padding-top:0px}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-icon, body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-caret, body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-label, body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-insert-table-picker__label, body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-icon, body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-caret, body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-label, body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-insert-table-picker__label{--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-icon:is([data-mode="dark"] *), body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-caret:is([data-mode="dark"] *), body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-label:is([data-mode="dark"] *), body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-insert-table-picker__label:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-icon:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-caret:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-label:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-insert-table-picker__label:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(179 179 179 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-caret > svg, body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-caret > svg{fill:#888888}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-caret > svg:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item-caret > svg:is([data-mode="dark"] *){fill:#B3B3B3}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-insert-table-picker, body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-insert-table-picker{margin-left:4px;margin-top:4px}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item--active, body .tox.tox-silver-sink.tox-tinymce-aux .tox-tiered-menu > .tox-menu.tox-collection .tox-collection__item--active {
  background: transparent;
}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar, body .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(23 26 28 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar svg, body .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar svg{fill:#888888}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar svg:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar svg:is([data-mode="dark"] *){fill:#B3B3B3}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar button:hover, body .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar button:hover{cursor:pointer;background-color:transparent}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar button:hover svg, body .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar button:hover svg{fill:#494949}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar button:hover svg:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-pop__dialog .tox-toolbar button:hover svg:is([data-mode="dark"] *){fill:#fff}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item, body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item{border-radius:0px;padding-top:8px;padding-bottom:8px;padding-left:8px;padding-right:8px;font-size:0.875rem;font-weight:400;--tw-text-opacity:1;color:rgb(73 73 73 / var(--tw-text-opacity));transition-duration:300ms}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item:hover, body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item:hover{cursor:pointer}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item .tox-collection__item-label, body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item .tox-collection__item-label{font-size:0.938rem;line-height:1.5rem}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--active, body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--active{--tw-bg-opacity:1;background-color:rgb(242 241 242 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--active:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--active:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(52 57 61 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--enabled, body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--enabled{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--enabled:hover, body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--enabled:hover{--tw-bg-opacity:1;background-color:rgb(242 241 242 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--enabled:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--enabled:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(38 42 45 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--enabled:is([data-mode="dark"] *):hover, body .tox.tox-silver-sink.tox-tinymce-aux .tox-menu-nav__js.tox-collection__item.tox-collection__item--enabled:is([data-mode="dark"] *):hover{--tw-bg-opacity:1;background-color:rgb(52 57 61 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-listboxfield, body .tox.tox-silver-sink.tox-tinymce-aux .tox-listboxfield{width:-moz-fit-content;width:fit-content}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__body-content, body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__body-content{height:100%;min-height:200px}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__body-nav > div, body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__body-nav > div{background-color:transparent;font-size:0.938rem;line-height:1.5rem;font-weight:400;--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__body-nav > div:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__body-nav > div:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__body-nav > div.tox-dialog__body-nav-item--active, body .tox.tox-silver-sink.tox-tinymce-aux .tox-dialog__body-nav > div.tox-dialog__body-nav-item--active{border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(0 0 243 / var(--tw-border-opacity));background-color:transparent;font-weight:700}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-textarea-wrap, body .tox.tox-silver-sink.tox-tinymce-aux .tox-textarea-wrap{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox.tox-silver-sink.tox-tinymce-aux .tox-textarea-wrap:is([data-mode="dark"] *), body .tox.tox-silver-sink.tox-tinymce-aux .tox-textarea-wrap:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(23 26 28 / var(--tw-bg-opacity))}
body.tox-dialog__disable-scroll .tox-pop.tox-pop--bottom::before, body.tox-dialog__disable-scroll .tox-pop.tox-pop--bottom::after, body .tox-pop.tox-pop--bottom::before, body .tox-pop.tox-pop--bottom::after{--tw-border-opacity:1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity))}
body.tox-dialog__disable-scroll .tox-pop.tox-pop--bottom:is([data-mode="dark"] *)::before, body.tox-dialog__disable-scroll .tox-pop.tox-pop--bottom:is([data-mode="dark"] *)::after, body .tox-pop.tox-pop--bottom:is([data-mode="dark"] *)::before, body .tox-pop.tox-pop--bottom:is([data-mode="dark"] *)::after{--tw-border-opacity:1;border-top-color:rgb(179 179 179 / var(--tw-border-opacity))}
#cc-main {
  --cc-bg: #262A2D;
  --cc-btn-primary-bg: #004CFF;
  --cc-block-text: white;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-hover-bg: transparent;
  --cc-btn-secondary-text: white;
  --cc-btn-secondary-hover-text: white;
  --cc-cookie-category-block-bg: transparent;
  --cc-cookie-category-block-bg-hover: transparent;
  --cc-toggle-bg-on: #004CFF;
  --cc-toggle-off-bg: #494949;
  --cc-toggle-bg-readonly: #004CFF;
  --cc-cookie-category-block-border: transparent;
  --cc-btn-secondary-color: white;
  --cc-toggle-readonly-bg: #004CFF;
  --cc-toggle-on-bg: #004CFF;
  /* #s-ttl {
      font-size: 1.025rem;
      color: white;
  }
  #s-hdr {
      height: fit-content;
      border-bottom: 0;
      @apply mt-[1rem] px-[2rem] relative;
  }
  #s-bl {
      @apply py-0 px-[2rem] h-fit text-base;
  }
  #s-inr {
      @apply pt-[3.4rem] max-w-[386px] pb-0;
      padding-top: 0 !important;
  }
  .c-bl {
      @apply block;
  }
  #c-s-in {
      @apply max-h-[400px] h-fit;
  }
  #s-cnt .b-bn .b-tl {
      @apply text-white p-0 pl-[1.75rem];
      line-height: 38px;
  }
  #s-cnt .b-tl.exp {
      @apply pl-[1.75rem];

      &::before {
          @apply left-2;
      }
  }
  #s-cnt .b-bn {
      border-bottom: 1px solid #494949;
      border-radius: 0;
  }
  #s-bns {
      @apply border-0 block relative flex flex-row-reverse justify-end gap-[1rem] h-auto;
  }
  #s-rall-bn {
      @apply hidden;
  }
  #s-sv-bn {
      @apply px-[1rem] py-[4px] rounded-[24px] h-[2rem] text-white bg-secondary-600 hover:bg-secondary-500 text-base flex-none mt-0 w-fit;
      margin-left: 0 !important;
      margin-top: 0 !important;

      &:hover {
          background-color: #0719B2 !important;
      }
  }
  #s-all-bn {
      @apply px-[1rem] py-[4px] rounded-[24px] h-[2rem] w-fit text-base flex-none;

      &:hover {
          background-color: #0719B2 !important;
      }
  }
  .c-tgl {
      @apply bg-transparent;
  }

  .cm__body {
      @apply bg-secondary-500 rounded-[24px] py-[1rem] px-[1.5rem] max-w-[90%] xl:max-w-[1072px] fixed bottom-[10px] z-[1000] mx-auto left-0 right-0 text-white;

      .cm__texts {
          @apply flex flex-col md:flex-row gap-8 md:gap-0 mt-2;
      }

      .cm__btns {
          @apply flex flex-row gap-[1rem] min-w-fit items-center justify-start;
      }

      #c-p-bn {
          @apply px-[1rem] py-[4px] rounded-[24px] h-[2rem] w-fit text-base flex-none float-none;

          &:hover {
              background-color: #0719B2 !important;
          }
      }

      #c-s-bn {
          @apply px-[1rem] py-[4px] rounded-[24px] h-[2rem] text-white bg-secondary-600 hover:bg-secondary-500 text-base flex-none float-none mt-0 w-fit;
          margin-left: 0 !important;

          &:hover {
              background-color: #0719B2 !important;
          }
      }

      #c-txt {
          @apply text-base;
      }
  }

  #c-ac-2 {
      @apply text-white;
  } */
}
#cc-main .cm__body{margin-top:0.5rem;display:flex;max-width:1080px;flex-direction:column;gap:0.5rem}
@media (min-width: 768px){
#cc-main .cm__body{flex-direction:row;gap:0px}}
#cc-main .cm.cm--box.cm--bottom.cm--right{position:fixed;bottom:10px;left:0px;right:0px;z-index:1000;margin-left:auto;margin-right:auto;max-width:90%;border-radius:24px;--tw-bg-opacity:1;background-color:rgb(38 42 45 / var(--tw-bg-opacity));padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
@media (min-width: 1280px){
#cc-main .cm.cm--box.cm--bottom.cm--right{max-width:1110px}}
#cc-main .cm__texts{max-width:800px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
#cc-main .cm__desc{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
#cc-main .cm__btns{border-top-width:0px !important}
#cc-main .cm__btns .cm__btn-group{display:flex !important;min-width:-moz-fit-content !important;min-width:fit-content !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:1rem !important}
#cc-main .cm__btns .cm__btn{float:none !important;height:2rem !important;min-height:32px !important;width:-moz-fit-content !important;width:fit-content !important;flex:none !important;border-radius:24px !important;border-width:0px !important;padding-left:1rem !important;padding-right:1rem !important;padding-top:4px !important;padding-bottom:4px !important;font-size:0.938rem !important;line-height:1.5rem !important;font-weight:500 !important}
#cc-main .cm__btns .cm__btn:hover{--tw-bg-opacity:1 !important;background-color:rgb(7 25 178 / var(--tw-bg-opacity)) !important}
#cc-main .cm__btns .cm__btn.cm__btn--secondary{float:none !important;margin-top:0px !important;margin-left:0px !important;height:2rem !important;min-height:32px !important;width:-moz-fit-content !important;width:fit-content !important;flex:none !important;border-radius:24px !important;border-width:0px !important;--tw-bg-opacity:1 !important;background-color:rgb(23 26 28 / var(--tw-bg-opacity)) !important;padding-left:1rem !important;padding-right:1rem !important;padding-top:4px !important;padding-bottom:4px !important;font-size:0.938rem !important;line-height:1.5rem !important;font-weight:500 !important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}
#cc-main .cm__btns .cm__btn.cm__btn--secondary:hover{--tw-bg-opacity:1 !important;background-color:rgb(38 42 45 / var(--tw-bg-opacity)) !important}
#cc-main .pm.pm--box{height:-moz-fit-content !important;height:fit-content !important;max-width:386px !important;border-radius:24px !important;padding-top:2.4rem !important;padding-bottom:1rem !important}
#cc-main .pm.pm--box .pm__header{border-bottom-width:0px !important;padding-top:0px !important;padding-bottom:0px !important}
#cc-main .pm.pm--box .pm__header .pm__title{font-size:1.063rem !important;line-height:1.5rem !important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}
#cc-main .pm.pm--box .pm__header .pm__close-btn{max-height:3rem;border-width:0px}
#cc-main .pm.pm--box .pm__header .pm__close-btn:hover{--tw-text-opacity:1;color:rgb(248 250 252 / var(--tw-text-opacity))}
#cc-main .pm.pm--box .pm__header .pm__close-btn:hover svg {
  stroke: whitesmoke !important;
}
#cc-main .pm.pm--box .pm__footer{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:16px;border-width:0px}
#cc-main .pm.pm--box .pm__footer .pm__btn{float:none !important;height:2rem !important;min-height:32px !important;width:-moz-fit-content !important;width:fit-content !important;flex:none !important;border-radius:24px !important;border-width:0px !important;padding-left:1rem !important;padding-right:1rem !important;padding-top:4px !important;padding-bottom:4px !important;font-size:0.938rem !important;line-height:1.5rem !important;font-weight:500 !important}
#cc-main .pm.pm--box .pm__footer .pm__btn:hover{--tw-bg-opacity:1 !important;background-color:rgb(7 25 178 / var(--tw-bg-opacity)) !important}
#cc-main .pm.pm--box .pm__footer .pm__btn.pm__btn--secondary{float:none !important;margin-top:0px !important;margin-left:0px !important;height:2rem !important;min-height:32px !important;width:-moz-fit-content !important;width:fit-content !important;flex:none !important;border-radius:24px !important;border-width:0px !important;--tw-bg-opacity:1 !important;background-color:rgb(23 26 28 / var(--tw-bg-opacity)) !important;padding-left:1rem !important;padding-right:1rem !important;padding-top:4px !important;padding-bottom:4px !important;font-size:0.938rem !important;line-height:1.5rem !important;font-weight:500 !important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}
#cc-main .pm.pm--box .pm__footer .pm__btn.pm__btn--secondary:hover{--tw-bg-opacity:1 !important;background-color:rgb(38 42 45 / var(--tw-bg-opacity)) !important}
#cc-main .pm.pm--box .pm__body{overflow-y:hidden;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
#cc-main .pm.pm--box .pm__body .pm__section-desc{font-size:0.938rem !important;line-height:1.5rem !important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}
#cc-main .pm.pm--box .pm__body .pm__section-desc a{text-decoration-line:underline}
#cc-main .pm.pm--box .pm__body .pm__section-toggles{display:flex;flex-direction:column;gap:0.75rem}
#cc-main .pm.pm--box .pm__body .pm__section--toggle {
  border-bottom: 1px solid #494949;
  border-radius: 0;
}
#cc-main .pm.pm--box .pm__body .pm__section--toggle .pm__section-title-wrapper{margin-bottom:12px;height:-moz-fit-content;height:fit-content;padding:0px;padding-left:1.75rem;line-height:38px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
#cc-main .pm.pm--box .pm__body .pm__section--toggle .pm__section-title-wrapper .pm__section-title{min-height:0px !important;width:-moz-fit-content !important;width:fit-content !important;min-width:120px !important;border-width:0px !important;padding:0px !important;font-size:0.938rem !important;line-height:1.5rem !important}
#cc-main .pm.pm--box .pm__body .pm__section--toggle .pm__section-title-wrapper .pm__section-title:hover{background-color:transparent !important}
#cc-main .pm.pm--box .pm__body .pm__section--toggle .pm__section-title-wrapper .pm__section-arrow{left:-0.25rem;max-height:24px;background-color:transparent}
#cc-main .pm.pm--box .pm__body .pm__table-head .pm__table-th{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
#cc-main .pm.pm--box .pm__body .pm__table-td{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
#cc-main .pm.pm--box .pm__body .pm__table-tr:hover{background-color:transparent !important}
#cc-main .pm.pm--box .pm__body .pm__section-desc-wrapper{border-width:0px !important}
#cc-main .pm__table-head > tr {
  border-bottom: 1px solid white;
}
.oopsBubble::after{position:absolute;right:1.5rem;bottom:-21px;
  content: "";
  border-top: 21px solid #0000F3;
  border-left: 21px solid transparent}
/**
 * Add animation on input if Chrome autofills input to prevent floating labels overlapping autofilled value
 */
input:-webkit-autofill {
  animation-name: onAutoFillStart;
}
input:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
@keyframes onAutoFillStart {}
@keyframes onAutoFillCancel {}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: rgb(136, 136, 136) !important;
  font-size: 0.938rem !important;
  line-height: 1.5rem !important;
  font-weight: 450 !important;
  background-image: none !important;
  background-color: transparent !important;
}
.tox {
  box-shadow: none;
  box-sizing: content-box;
  color: #222f3e;
  cursor: auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  vertical-align: initial;
  white-space: normal;
}
.tox :not(svg):not(rect) {
  box-sizing: inherit;
  color: inherit;
  cursor: inherit;
  direction: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-tap-highlight-color: inherit;
  text-align: inherit;
  text-decoration: inherit;
  text-shadow: inherit;
  text-transform: inherit;
  vertical-align: inherit;
  white-space: inherit;
  background: 0 0;
  border: 0;
  box-shadow: none;
  float: none;
  height: auto;
  margin: 0;
  max-width: none;
  outline: 0;
  padding: 0;
  position: static;
  width: auto;
}
.tox:not([dir=rtl]) {
  direction: ltr;
  text-align: left;
}
.tox[dir=rtl] {
  direction: rtl;
  text-align: right;
}
.tox-tinymce {
  border: 2px solid #eee;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  overflow: hidden;
  position: relative;
  visibility: inherit !important;
}
.tox.tox-tinymce-inline {
  border: none;
  box-shadow: none;
  overflow: initial;
}
.tox.tox-tinymce-inline .tox-editor-container {
  overflow: initial;
}
.tox.tox-tinymce-inline .tox-editor-header {
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 10px;
  box-shadow: none;
  overflow: hidden;
}
.tox-tinymce-aux {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  z-index: 1300;
}
.tox-tinymce :focus, .tox-tinymce-aux :focus {
  outline: 0;
}
button::-moz-focus-inner {
  border: 0;
}
.tox[dir=rtl] .tox-icon--flip svg {
  transform: rotateY(180deg);
}
.tox .accessibility-issue__header {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
}
.tox .accessibility-issue__description {
  align-items: stretch;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
}
.tox .accessibility-issue__description > div {
  padding-bottom: 4px;
}
.tox .accessibility-issue__description > div > div {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
}
.tox .accessibility-issue__description > div > div .tox-icon svg {
  display: block;
}
.tox .accessibility-issue__repair {
  margin-top: 16px;
}
.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
  background-color: rgba(0, 101, 216, 0.1);
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
  color: #006ce7;
}
.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
  fill: #006ce7;
}
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
  background-color: #006ce7;
  color: #fff;
}
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus, .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover {
  background-color: #0060ce;
}
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
  background-color: #0054b4;
}
.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
  background-color: rgba(255, 165, 0, 0.08);
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
  color: #8f5d00;
}
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
  fill: #8f5d00;
}
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
  background-color: #ffe89d;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus, .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover {
  background-color: #f2d574;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
  background-color: #e8c657;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
  background-color: rgba(204, 0, 0, 0.1);
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
  color: #c00;
}
.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
  fill: #c00;
}
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
  background-color: #f2bfbf;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus, .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover {
  background-color: #e9a4a4;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
  background-color: #ee9494;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
  background-color: rgba(120, 171, 70, 0.1);
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > :last-child {
  display: none;
}
.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
  color: #527530;
}
.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
  fill: #527530;
}
.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1, .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
  font-size: 14px;
  margin-top: 0;
}
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
  margin-left: 4px;
}
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
  margin-left: auto;
}
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
  padding: 4px 4px 4px 8px;
}
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
  margin-right: 4px;
}
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
  margin-right: auto;
}
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
  padding: 4px 8px 4px 4px;
}
.tox .tox-advtemplate .tox-form__grid {
  flex: 1;
}
.tox .tox-advtemplate .tox-form__grid > div:first-child {
  display: flex;
  flex-direction: column;
  width: 30%;
}
.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  overflow: auto;
}
@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
    width: 100%;
  }
}
.tox .tox-advtemplate iframe {
  border-color: #eee;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  margin: 0 10px;
}
.tox .tox-anchorbar {
  display: flex;
  flex: 0 0 auto;
}
.tox .tox-bottom-anchorbar {
  display: flex;
  flex: 0 0 auto;
}
.tox .tox-bar {
  display: flex;
  flex: 0 0 auto;
}
.tox .tox-button {
  background-color: #006ce7;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  border-color: #006ce7;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 24px;
  margin: 0;
  outline: 0;
  padding: 4px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}
.tox .tox-button::before {
  border-radius: 6px;
  bottom: -1px;
  box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, 0.25);
  content: "";
  left: -1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: -1px;
}
.tox .tox-button[disabled] {
  background-color: #006ce7;
  background-image: none;
  border-color: #006ce7;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.tox .tox-button:focus:not(:disabled) {
  background-color: #0060ce;
  background-image: none;
  border-color: #0060ce;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button:focus-visible:not(:disabled)::before {
  opacity: 1;
}
.tox .tox-button:hover:not(:disabled) {
  background-color: #0060ce;
  background-image: none;
  border-color: #0060ce;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button:active:not(:disabled) {
  background-color: #0054b4;
  background-image: none;
  border-color: #0054b4;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button.tox-button--enabled {
  background-color: #0054b4;
  background-image: none;
  border-color: #0054b4;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button.tox-button--enabled[disabled] {
  background-color: #0054b4;
  background-image: none;
  border-color: #0054b4;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
  background-color: #00489b;
  background-image: none;
  border-color: #00489b;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
  background-color: #00489b;
  background-image: none;
  border-color: #00489b;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button.tox-button--enabled:active:not(:disabled) {
  background-color: #003c81;
  background-image: none;
  border-color: #003c81;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button--icon-and-text, .tox .tox-button.tox-button--icon-and-text, .tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
  display: flex;
  padding: 5px 4px;
}
.tox .tox-button--icon-and-text .tox-icon svg, .tox .tox-button.tox-button--icon-and-text .tox-icon svg, .tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
  display: block;
  fill: currentColor;
}
.tox .tox-button--secondary {
  background-color: #f0f0f0;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  border-color: #f0f0f0;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  color: #222f3e;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  outline: 0;
  padding: 4px 16px;
  text-decoration: none;
  text-transform: none;
}
.tox .tox-button--secondary[disabled] {
  background-color: #f0f0f0;
  background-image: none;
  border-color: #f0f0f0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
}
.tox .tox-button--secondary:focus:not(:disabled) {
  background-color: #e3e3e3;
  background-image: none;
  border-color: #e3e3e3;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary:hover:not(:disabled) {
  background-color: #e3e3e3;
  background-image: none;
  border-color: #e3e3e3;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary:active:not(:disabled) {
  background-color: #d6d6d6;
  background-image: none;
  border-color: #d6d6d6;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary.tox-button--enabled {
  background-color: #a8c8ed;
  background-image: none;
  border-color: #a8c8ed;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary.tox-button--enabled[disabled] {
  background-color: #a8c8ed;
  background-image: none;
  border-color: #a8c8ed;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
}
.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
  background-color: #93bbe9;
  background-image: none;
  border-color: #93bbe9;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
  background-color: #93bbe9;
  background-image: none;
  border-color: #93bbe9;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
  background-color: #7daee4;
  background-image: none;
  border-color: #7daee4;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--icon, .tox .tox-button.tox-button--icon, .tox .tox-button.tox-button--secondary.tox-button--icon {
  padding: 4px;
}
.tox .tox-button--icon .tox-icon svg, .tox .tox-button.tox-button--icon .tox-icon svg, .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
  display: block;
  fill: currentColor;
}
.tox .tox-button-link {
  background: 0;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.tox .tox-button-link--sm {
  font-size: 14px;
}
.tox .tox-button--naked {
  background-color: transparent;
  border-color: transparent;
  box-shadow: unset;
  color: #222f3e;
}
.tox .tox-button--naked[disabled] {
  background-color: rgba(34, 47, 62, 0.12);
  border-color: transparent;
  box-shadow: unset;
  color: rgba(34, 47, 62, 0.5);
}
.tox .tox-button--naked:hover:not(:disabled) {
  background-color: rgba(34, 47, 62, 0.12);
  border-color: transparent;
  box-shadow: unset;
  color: #222f3e;
}
.tox .tox-button--naked:focus:not(:disabled) {
  background-color: rgba(34, 47, 62, 0.12);
  border-color: transparent;
  box-shadow: unset;
  color: #222f3e;
}
.tox .tox-button--naked:active:not(:disabled) {
  background-color: rgba(34, 47, 62, 0.18);
  border-color: transparent;
  box-shadow: unset;
  color: #222f3e;
}
.tox .tox-button--naked .tox-icon svg {
  fill: currentColor;
}
.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
  color: #222f3e;
}
.tox .tox-checkbox {
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  height: 36px;
  min-width: 36px;
}
.tox .tox-checkbox__input {
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.tox .tox-checkbox__icons {
  align-items: center;
  border-radius: 6px;
  box-shadow: 0 0 0 2px transparent;
  box-sizing: content-box;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 3px;
  width: 24px;
}
.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  display: block;
  fill: rgba(34, 47, 62, 0.3);
}
.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  display: none;
  fill: #006ce7;
}
.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  display: none;
  fill: #006ce7;
}
.tox .tox-checkbox--disabled {
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  display: none;
}
.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  display: block;
}
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  display: none;
}
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  display: block;
}
.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px #006ce7;
  padding: 3px;
}
.tox:not([dir=rtl]) .tox-checkbox__label {
  margin-left: 4px;
}
.tox:not([dir=rtl]) .tox-checkbox__input {
  left: -10000px;
}
.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
  margin-left: 4px;
}
.tox[dir=rtl] .tox-checkbox__label {
  margin-right: 4px;
}
.tox[dir=rtl] .tox-checkbox__input {
  right: -10000px;
}
.tox[dir=rtl] .tox-bar .tox-checkbox {
  margin-right: 4px;
}
.tox .tox-collection--toolbar .tox-collection__group {
  display: flex;
  padding: 0;
}
.tox .tox-collection--grid .tox-collection__group {
  display: flex;
  flex-wrap: wrap;
  max-height: 208px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}
.tox .tox-collection--list .tox-collection__group {
  border-bottom-width: 0;
  border-color: #e3e3e3;
  border-left-width: 0;
  border-right-width: 0;
  border-style: solid;
  border-top-width: 1px;
  padding: 4px 0;
}
.tox .tox-collection--list .tox-collection__group:first-child {
  border-top-width: 0;
}
.tox .tox-collection__group-heading {
  background-color: #fcfcfc;
  color: rgba(34, 47, 62, 0.7);
  cursor: default;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 4px;
  margin-top: -4px;
  padding: 4px 8px;
  text-transform: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.tox .tox-collection__item {
  align-items: center;
  border-radius: 3px;
  color: #222f3e;
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.tox .tox-collection--list .tox-collection__item {
  padding: 4px 8px;
}
.tox .tox-collection--toolbar .tox-collection__item {
  border-radius: 3px;
  padding: 4px;
}
.tox .tox-collection--grid .tox-collection__item {
  border-radius: 3px;
  padding: 4px;
}
.tox .tox-collection--list .tox-collection__item--enabled {
  background-color: #fff;
  color: #222f3e;
}
.tox .tox-collection--list .tox-collection__item--active {
  background-color: #cce2fa;
}
.tox .tox-collection--toolbar .tox-collection__item--enabled {
  background-color: #a6ccf7;
  color: #222f3e;
}
.tox .tox-collection--toolbar .tox-collection__item--active {
  background-color: #cce2fa;
}
.tox .tox-collection--grid .tox-collection__item--enabled {
  background-color: #a6ccf7;
  color: #222f3e;
}
.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  background-color: #cce2fa;
  color: #222f3e;
}
.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  color: #222f3e;
}
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  color: #222f3e;
}
.tox .tox-collection__item-checkmark, .tox .tox-collection__item-icon {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.tox .tox-collection__item-checkmark svg, .tox .tox-collection__item-icon svg {
  fill: currentColor;
}
.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
  height: 48px;
  width: 48px;
}
.tox .tox-collection__item-label {
  color: currentColor;
  display: inline-block;
  flex: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  max-width: 100%;
  text-transform: none;
  word-break: break-all;
}
.tox .tox-collection__item-accessory {
  color: rgba(34, 47, 62, 0.7);
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  text-transform: none;
}
.tox .tox-collection__item-caret {
  align-items: center;
  display: flex;
  min-height: 24px;
}
.tox .tox-collection__item-caret::after {
  content: "";
  font-size: 0;
  min-height: inherit;
}
.tox .tox-collection__item-caret svg {
  fill: #222f3e;
}
.tox .tox-collection__item--state-disabled {
  background-color: transparent;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
  display: none;
}
.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
  display: none;
}
.tox .tox-collection--horizontal {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  display: flex;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin-bottom: 0;
  overflow-x: auto;
  padding: 0;
}
.tox .tox-collection--horizontal .tox-collection__group {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0 4px;
}
.tox .tox-collection--horizontal .tox-collection__item {
  height: 28px;
  margin: 6px 1px 5px 0;
  padding: 0 4px;
}
.tox .tox-collection--horizontal .tox-collection__item-label {
  white-space: nowrap;
}
.tox .tox-collection--horizontal .tox-collection__item-caret {
  margin-left: 4px;
}
.tox .tox-collection__item-container {
  display: flex;
}
.tox .tox-collection__item-container--row {
  align-items: center;
  flex: 1 1 auto;
  flex-direction: row;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
  margin-right: auto;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
  justify-content: flex-end;
  margin-left: auto;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
  align-items: flex-start;
  margin-bottom: auto;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
  align-items: center;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
  align-items: flex-end;
  margin-top: auto;
}
.tox .tox-collection__item-container--column {
  align-self: center;
  flex: 1 1 auto;
  flex-direction: column;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
  align-items: flex-start;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
  align-items: flex-end;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
  align-self: flex-start;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
  align-self: center;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
  align-self: flex-end;
}
.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  border-right: 1px solid transparent;
}
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > :not(:first-child) {
  margin-left: 8px;
}
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
  margin-left: 4px;
}
.tox:not([dir=rtl]) .tox-collection__item-accessory {
  margin-left: 16px;
  text-align: right;
}
.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
  margin-left: 16px;
}
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  border-left: 1px solid transparent;
}
.tox[dir=rtl] .tox-collection--list .tox-collection__item > :not(:first-child) {
  margin-right: 8px;
}
.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
  margin-right: 4px;
}
.tox[dir=rtl] .tox-collection__item-accessory {
  margin-right: 16px;
  text-align: left;
}
.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
  margin-right: 16px;
  transform: rotateY(180deg);
}
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
  margin-right: 4px;
}
.tox .tox-color-picker-container {
  display: flex;
  flex-direction: row;
  height: 225px;
  margin: 0;
}
.tox .tox-sv-palette {
  box-sizing: border-box;
  display: flex;
  height: 100%;
}
.tox .tox-sv-palette-spectrum {
  height: 100%;
}
.tox .tox-sv-palette, .tox .tox-sv-palette-spectrum {
  width: 225px;
}
.tox .tox-sv-palette-thumb {
  background: 0 0;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: content-box;
  height: 12px;
  position: absolute;
  width: 12px;
}
.tox .tox-sv-palette-inner-thumb {
  border: 1px solid #fff;
  border-radius: 50%;
  height: 10px;
  position: absolute;
  width: 10px;
}
.tox .tox-hue-slider {
  box-sizing: border-box;
  height: 100%;
  width: 25px;
}
.tox .tox-hue-slider-spectrum {
  background: linear-gradient(to bottom, red, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, red);
  height: 100%;
  width: 100%;
}
.tox .tox-hue-slider, .tox .tox-hue-slider-spectrum {
  width: 20px;
}
.tox .tox-hue-slider-spectrum:focus, .tox .tox-sv-palette-spectrum:focus {
  outline: #08f solid;
}
.tox .tox-hue-slider-thumb {
  background: #fff;
  border: 1px solid #000;
  box-sizing: content-box;
  height: 4px;
  width: 100%;
}
.tox .tox-rgb-form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tox .tox-rgb-form div {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  width: inherit;
}
.tox .tox-rgb-form input {
  width: 6em;
}
.tox .tox-rgb-form input.tox-invalid {
  border: 1px solid red !important;
}
.tox .tox-rgb-form .tox-rgba-preview {
  border: 1px solid #000;
  flex-grow: 2;
  margin-bottom: 0;
}
.tox:not([dir=rtl]) .tox-sv-palette {
  margin-right: 15px;
}
.tox:not([dir=rtl]) .tox-hue-slider {
  margin-right: 15px;
}
.tox:not([dir=rtl]) .tox-hue-slider-thumb {
  margin-left: -1px;
}
.tox:not([dir=rtl]) .tox-rgb-form label {
  margin-right: 0.5em;
}
.tox[dir=rtl] .tox-sv-palette {
  margin-left: 15px;
}
.tox[dir=rtl] .tox-hue-slider {
  margin-left: 15px;
}
.tox[dir=rtl] .tox-hue-slider-thumb {
  margin-right: -1px;
}
.tox[dir=rtl] .tox-rgb-form label {
  margin-left: 0.5em;
}
.tox .tox-toolbar .tox-swatches, .tox .tox-toolbar__overflow .tox-swatches, .tox .tox-toolbar__primary .tox-swatches {
  margin: 5px 0 6px 11px;
}
.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
  border: 0;
  margin: -4px -4px;
}
.tox .tox-swatches__row {
  display: flex;
}
.tox .tox-swatch {
  height: 30px;
  transition: transform 0.15s, box-shadow 0.15s;
  width: 30px;
}
.tox .tox-swatch:focus, .tox .tox-swatch:hover {
  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
  transform: scale(0.8);
}
.tox .tox-swatch--remove {
  align-items: center;
  display: flex;
  justify-content: center;
}
.tox .tox-swatch--remove svg path {
  stroke: #e74c3c;
}
.tox .tox-swatches__picker-btn {
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  outline: 0;
  padding: 0;
  width: 30px;
}
.tox .tox-swatches__picker-btn svg {
  fill: #222f3e;
  height: 24px;
  width: 24px;
}
.tox .tox-swatches__picker-btn:hover {
  background: #cce2fa;
}
.tox div.tox-swatch:not(.tox-swatch--remove) svg {
  display: none;
  fill: #222f3e;
  height: 24px;
  margin: 3px 3px;
  width: 24px;
}
.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
  fill: #fff;
  paint-order: stroke;
  stroke: #222f3e;
  stroke-width: 2px;
}
.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
  display: block;
}
.tox:not([dir=rtl]) .tox-swatches__picker-btn {
  margin-left: auto;
}
.tox[dir=rtl] .tox-swatches__picker-btn {
  margin-right: auto;
}
.tox .tox-comment-thread {
  background: #fff;
  position: relative;
}
.tox .tox-comment-thread > :not(:first-child) {
  margin-top: 8px;
}
.tox .tox-comment {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  padding: 8px 8px 16px 8px;
  position: relative;
}
.tox .tox-comment__header {
  align-items: center;
  color: #222f3e;
  display: flex;
  justify-content: space-between;
}
.tox .tox-comment__date {
  color: #222f3e;
  font-size: 12px;
  line-height: 18px;
}
.tox .tox-comment__body {
  color: #222f3e;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 8px;
  position: relative;
  text-transform: initial;
}
.tox .tox-comment__body textarea {
  resize: none;
  white-space: normal;
  width: 100%;
}
.tox .tox-comment__expander {
  padding-top: 8px;
}
.tox .tox-comment__expander p {
  color: rgba(34, 47, 62, 0.7);
  font-size: 14px;
  font-style: normal;
}
.tox .tox-comment__body p {
  margin: 0;
}
.tox .tox-comment__buttonspacing {
  padding-top: 16px;
  text-align: center;
}
.tox .tox-comment-thread__overlay::after {
  background: #fff;
  bottom: 0;
  content: "";
  display: flex;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.tox .tox-comment__reply {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 8px;
}
.tox .tox-comment__reply > :first-child {
  margin-bottom: 8px;
  width: 100%;
}
.tox .tox-comment__edit {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 16px;
}
.tox .tox-comment__gradient::after {
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
  bottom: 0;
  content: "";
  display: block;
  height: 5em;
  margin-top: -40px;
  position: absolute;
  width: 100%;
}
.tox .tox-comment__overlay {
  background: #fff;
  bottom: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 5;
}
.tox .tox-comment__loading-text {
  align-items: center;
  color: #222f3e;
  display: flex;
  flex-direction: column;
  position: relative;
}
.tox .tox-comment__loading-text > div {
  padding-bottom: 16px;
}
.tox .tox-comment__overlaytext {
  bottom: 0;
  flex-direction: column;
  font-size: 14px;
  left: 0;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.tox .tox-comment__overlaytext p {
  background-color: #fff;
  box-shadow: 0 0 8px 8px #fff;
  color: #222f3e;
  text-align: center;
}
.tox .tox-comment__overlaytext div:nth-of-type(2) {
  font-size: 0.8em;
}
.tox .tox-comment__busy-spinner {
  align-items: center;
  background-color: #fff;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
}
.tox .tox-comment__scroll {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  overflow: auto;
}
.tox .tox-conversations {
  margin: 8px;
}
.tox:not([dir=rtl]) .tox-comment__edit {
  margin-left: 8px;
}
.tox:not([dir=rtl]) .tox-comment__buttonspacing > :last-child, .tox:not([dir=rtl]) .tox-comment__edit > :last-child, .tox:not([dir=rtl]) .tox-comment__reply > :last-child {
  margin-left: 8px;
}
.tox[dir=rtl] .tox-comment__edit {
  margin-right: 8px;
}
.tox[dir=rtl] .tox-comment__buttonspacing > :last-child, .tox[dir=rtl] .tox-comment__edit > :last-child, .tox[dir=rtl] .tox-comment__reply > :last-child {
  margin-right: 8px;
}
.tox .tox-user {
  align-items: center;
  display: flex;
}
.tox .tox-user__avatar svg {
  fill: rgba(34, 47, 62, 0.7);
}
.tox .tox-user__avatar img {
  border-radius: 50%;
  height: 36px;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
  width: 36px;
}
.tox .tox-user__name {
  color: #222f3e;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  text-transform: none;
}
.tox:not([dir=rtl]) .tox-user__avatar img, .tox:not([dir=rtl]) .tox-user__avatar svg {
  margin-right: 8px;
}
.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
  margin-left: 8px;
}
.tox[dir=rtl] .tox-user__avatar img, .tox[dir=rtl] .tox-user__avatar svg {
  margin-left: 8px;
}
.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
  margin-right: 8px;
}
.tox .tox-dialog-wrap {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1100;
}
.tox .tox-dialog-wrap__backdrop {
  background-color: rgba(255, 255, 255, 0.75);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.tox .tox-dialog-wrap__backdrop--opaque {
  background-color: #fff;
}
.tox .tox-dialog {
  background-color: #fff;
  border-color: #eee;
  border-radius: 10px;
  border-style: solid;
  border-width: 0;
  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 480px;
  overflow: hidden;
  position: relative;
  width: 95vw;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox .tox-dialog {
    align-self: flex-start;
    margin: 8px auto;
    max-height: calc(100vh - 16px);
    width: calc(100vw - 16px);
  }
}
.tox .tox-dialog-inline {
  z-index: 1100;
}
.tox .tox-dialog__header {
  align-items: center;
  background-color: #fff;
  border-bottom: none;
  color: #222f3e;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  padding: 8px 16px 0 16px;
  position: relative;
}
.tox .tox-dialog__header .tox-button {
  z-index: 1;
}
.tox .tox-dialog__draghandle {
  cursor: grab;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.tox .tox-dialog__draghandle:active {
  cursor: grabbing;
}
.tox .tox-dialog__dismiss {
  margin-left: auto;
}
.tox .tox-dialog__title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
  text-transform: none;
}
.tox .tox-dialog__body {
  color: #222f3e;
  display: flex;
  flex: 1;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  min-width: 0;
  text-align: left;
  text-transform: none;
}
@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox .tox-dialog__body {
    flex-direction: column;
  }
}
.tox .tox-dialog__body-nav {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 16px 16px;
}
@media only screen and (min-width: 768px) {
  .tox .tox-dialog__body-nav {
    max-width: 11em;
  }
}
@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding-bottom: 0;
  }
}
.tox .tox-dialog__body-nav-item {
  border-bottom: 2px solid transparent;
  color: rgba(34, 47, 62, 0.7);
  display: inline-block;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 8px;
  max-width: 13em;
  text-decoration: none;
}
.tox .tox-dialog__body-nav-item:focus {
  background-color: rgba(0, 108, 231, 0.1);
}
.tox .tox-dialog__body-nav-item--active {
  border-bottom: 2px solid #006ce7;
  color: #006ce7;
}
.tox .tox-dialog__body-content {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: min(650px, 100vh - 110px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px;
}
.tox .tox-dialog__body-content > * {
  margin-bottom: 0;
  margin-top: 16px;
}
.tox .tox-dialog__body-content > :first-child {
  margin-top: 0;
}
.tox .tox-dialog__body-content > :last-child {
  margin-bottom: 0;
}
.tox .tox-dialog__body-content > :only-child {
  margin-bottom: 0;
  margin-top: 0;
}
.tox .tox-dialog__body-content a {
  color: #006ce7;
  cursor: pointer;
  text-decoration: underline;
}
.tox .tox-dialog__body-content a:focus, .tox .tox-dialog__body-content a:hover {
  color: #003c81;
  text-decoration: underline;
}
.tox .tox-dialog__body-content a:focus-visible {
  border-radius: 1px;
  outline: 2px solid #006ce7;
  outline-offset: 2px;
}
.tox .tox-dialog__body-content a:active {
  color: #00244e;
  text-decoration: underline;
}
.tox .tox-dialog__body-content svg {
  fill: #222f3e;
}
.tox .tox-dialog__body-content strong {
  font-weight: 700;
}
.tox .tox-dialog__body-content ul {
  list-style-type: disc;
}
.tox .tox-dialog__body-content dd, .tox .tox-dialog__body-content ol, .tox .tox-dialog__body-content ul {
  padding-inline-start: 2.5rem;
}
.tox .tox-dialog__body-content dl, .tox .tox-dialog__body-content ol, .tox .tox-dialog__body-content ul {
  margin-bottom: 16px;
}
.tox .tox-dialog__body-content dd, .tox .tox-dialog__body-content dl, .tox .tox-dialog__body-content dt, .tox .tox-dialog__body-content ol, .tox .tox-dialog__body-content ul {
  display: block;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.tox .tox-dialog__body-content .tox-form__group h1 {
  color: #222f3e;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  margin-bottom: 16px;
  margin-top: 2rem;
  text-transform: none;
}
.tox .tox-dialog__body-content .tox-form__group h2 {
  color: #222f3e;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  margin-bottom: 16px;
  margin-top: 2rem;
  text-transform: none;
}
.tox .tox-dialog__body-content .tox-form__group p {
  margin-bottom: 16px;
}
.tox .tox-dialog__body-content .tox-form__group h1:first-child, .tox .tox-dialog__body-content .tox-form__group h2:first-child, .tox .tox-dialog__body-content .tox-form__group p:first-child {
  margin-top: 0;
}
.tox .tox-dialog__body-content .tox-form__group h1:last-child, .tox .tox-dialog__body-content .tox-form__group h2:last-child, .tox .tox-dialog__body-content .tox-form__group p:last-child {
  margin-bottom: 0;
}
.tox .tox-dialog__body-content .tox-form__group h1:only-child, .tox .tox-dialog__body-content .tox-form__group h2:only-child, .tox .tox-dialog__body-content .tox-form__group p:only-child {
  margin-bottom: 0;
  margin-top: 0;
}
.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
  text-align: center;
}
.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
  text-align: end;
}
.tox .tox-dialog--width-lg {
  height: 650px;
  max-width: 1200px;
}
.tox .tox-dialog--fullscreen {
  height: 100%;
  max-width: 100%;
}
.tox .tox-dialog--fullscreen .tox-dialog__body-content {
  max-height: 100%;
}
.tox .tox-dialog--width-md {
  max-width: 800px;
}
.tox .tox-dialog--width-md .tox-dialog__body-content {
  overflow: auto;
}
.tox .tox-dialog__body-content--centered {
  text-align: center;
}
.tox .tox-dialog__footer {
  align-items: center;
  background-color: #fff;
  border-top: none;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
}
.tox .tox-dialog__footer-end, .tox .tox-dialog__footer-start {
  display: flex;
}
.tox .tox-dialog__busy-spinner {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.75);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.tox .tox-dialog__table {
  border-collapse: collapse;
  width: 100%;
}
.tox .tox-dialog__table thead th {
  font-weight: 700;
  padding-bottom: 8px;
}
.tox .tox-dialog__table thead th:first-child {
  padding-right: 8px;
}
.tox .tox-dialog__table tbody tr {
  border-bottom: 1px solid #626262;
}
.tox .tox-dialog__table tbody tr:last-child {
  border-bottom: none;
}
.tox .tox-dialog__table td {
  padding-bottom: 8px;
  padding-top: 8px;
}
.tox .tox-dialog__table td:first-child {
  padding-right: 8px;
}
.tox .tox-dialog__iframe {
  min-height: 200px;
}
.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
  background: #fff;
}
.tox .tox-navobj-bordered {
  position: relative;
}
.tox .tox-navobj-bordered::before {
  border: 1px solid #eee;
  border-radius: 6px;
  content: "";
  inset: 0;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
  border-color: #006ce7;
  box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
  outline: 0;
}
.tox .tox-dialog__popups {
  position: absolute;
  width: 100%;
  z-index: 1100;
}
.tox .tox-dialog__body-iframe {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.tox .tox-dialog__body-iframe .tox-navobj {
  display: flex;
  flex: 1;
}
.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
  flex: 1;
  height: 100%;
}
.tox .tox-dialog-dock-fadeout {
  opacity: 0;
  visibility: hidden;
}
.tox .tox-dialog-dock-fadein {
  opacity: 1;
  visibility: visible;
}
.tox .tox-dialog-dock-transition {
  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
}
.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
  transition-delay: 0s;
}
@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
    margin-right: 0;
  }
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
    margin-left: 8px;
  }
}
.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > *, .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > * {
  margin-left: 8px;
}
.tox[dir=rtl] .tox-dialog__body {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
    margin-left: 0;
  }
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
    margin-right: 8px;
  }
}
.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > *, .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > * {
  margin-right: 8px;
}
body.tox-dialog__disable-scroll {
  overflow: hidden;
}
.tox .tox-dropzone-container {
  display: flex;
  flex: 1;
}
.tox .tox-dropzone {
  align-items: center;
  background: #fff;
  border: 2px dashed #eee;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-height: 100px;
  padding: 10px;
}
.tox .tox-dropzone p {
  color: rgba(34, 47, 62, 0.7);
  margin: 0 0 16px 0;
}
.tox .tox-edit-area {
  display: flex;
  flex: 1;
  overflow: hidden;
  position: relative;
}
.tox .tox-edit-area::before {
  border: 2px solid #2d6adf;
  border-radius: 4px;
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.15s;
  z-index: 1;
}
.tox .tox-edit-area__iframe {
  background-color: #fff;
  border: 0;
  box-sizing: border-box;
  flex: 1;
  height: 100%;
  position: absolute;
  width: 100%;
}
.tox.tox-edit-focus .tox-edit-area::before {
  opacity: 1;
}
.tox.tox-inline-edit-area {
  border: 1px dotted #eee;
}
.tox .tox-editor-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}
.tox .tox-editor-header {
  display: grid;
  grid-template-columns: 1fr min-content;
  z-index: 2;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
  background-color: #fff;
  border-bottom: none;
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
  padding: 4px 0;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
  transition: box-shadow 0.5s;
}
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
  border-top: 1px solid #e3e3e3;
  box-shadow: none;
}
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
  background-color: #fff;
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
  padding: 4px 0;
}
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
}
.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
  background: 0 0;
  border: none;
  box-shadow: none;
  padding: 0;
}
.tox-editor-dock-fadeout {
  opacity: 0;
  visibility: hidden;
}
.tox-editor-dock-fadein {
  opacity: 1;
  visibility: visible;
}
.tox-editor-dock-transition {
  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
}
.tox-editor-dock-transition.tox-editor-dock-fadein {
  transition-delay: 0s;
}
.tox .tox-control-wrap {
  flex: 1;
  position: relative;
}
.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid, .tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown, .tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
  display: none;
}
.tox .tox-control-wrap svg {
  display: block;
}
.tox .tox-control-wrap__status-icon-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tox .tox-control-wrap__status-icon-invalid svg {
  fill: #c00;
}
.tox .tox-control-wrap__status-icon-unknown svg {
  fill: orange;
}
.tox .tox-control-wrap__status-icon-valid svg {
  fill: green;
}
.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield, .tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield, .tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
  padding-right: 32px;
}
.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
  right: 4px;
}
.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield, .tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield, .tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
  padding-left: 32px;
}
.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
  left: 4px;
}
.tox .tox-autocompleter {
  max-width: 25em;
}
.tox .tox-autocompleter .tox-menu {
  box-sizing: border-box;
  max-width: 25em;
}
.tox .tox-autocompleter .tox-autocompleter-highlight {
  font-weight: 700;
}
.tox .tox-color-input {
  display: flex;
  position: relative;
  z-index: 1;
}
.tox .tox-color-input .tox-textfield {
  z-index: -1;
}
.tox .tox-color-input span {
  border-color: rgba(34, 47, 62, 0.2);
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  height: 24px;
  position: absolute;
  top: 6px;
  width: 24px;
}
.tox .tox-color-input span:focus:not([aria-disabled=true]), .tox .tox-color-input span:hover:not([aria-disabled=true]) {
  border-color: #006ce7;
  cursor: pointer;
}
.tox .tox-color-input span::before {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
  background-size: 12px 12px;
  border: 1px solid #fff;
  border-radius: 6px;
  box-sizing: border-box;
  content: "";
  height: 24px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 24px;
  z-index: -1;
}
.tox .tox-color-input span[aria-disabled=true] {
  cursor: not-allowed;
}
.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
  padding-left: 36px;
}
.tox:not([dir=rtl]) .tox-color-input span {
  left: 6px;
}
.tox[dir=rtl] .tox-color-input .tox-textfield {
  padding-right: 36px;
}
.tox[dir=rtl] .tox-color-input span {
  right: 6px;
}
.tox .tox-label, .tox .tox-toolbar-label {
  color: rgba(34, 47, 62, 0.7);
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  padding: 0 8px 0 0;
  text-transform: none;
  white-space: nowrap;
}
.tox .tox-toolbar-label {
  padding: 0 8px;
}
.tox[dir=rtl] .tox-label {
  padding: 0 0 0 8px;
}
.tox .tox-form {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.tox .tox-form__group {
  box-sizing: border-box;
  margin-bottom: 4px;
}
.tox .tox-form-group--maximize {
  flex: 1;
}
.tox .tox-form__group--error {
  color: #c00;
}
.tox .tox-form__group--collection {
  display: flex;
}
.tox .tox-form__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tox .tox-form__grid--2col > .tox-form__group {
  width: calc(50% - 4px);
}
.tox .tox-form__grid--3col > .tox-form__group {
  width: calc(33.3333333333% - 4px);
}
.tox .tox-form__grid--4col > .tox-form__group {
  width: calc(25% - 4px);
}
.tox .tox-form__controls-h-stack {
  align-items: center;
  display: flex;
}
.tox .tox-form__group--inline {
  align-items: center;
  display: flex;
}
.tox .tox-form__group--stretched {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.tox .tox-form__group--stretched .tox-textarea {
  flex: 1;
}
.tox .tox-form__group--stretched .tox-navobj {
  display: flex;
  flex: 1;
}
.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
  flex: 1;
  height: 100%;
}
.tox:not([dir=rtl]) .tox-form__controls-h-stack > :not(:first-child) {
  margin-left: 4px;
}
.tox[dir=rtl] .tox-form__controls-h-stack > :not(:first-child) {
  margin-right: 4px;
}
.tox .tox-lock.tox-locked .tox-lock-icon__unlock, .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
  display: none;
}
.tox .tox-listboxfield .tox-listbox--select, .tox .tox-textarea, .tox .tox-textarea-wrap .tox-textarea:focus, .tox .tox-textfield, .tox .tox-toolbar-textfield {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #eee;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  color: #222f3e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  min-height: 34px;
  outline: 0;
  padding: 5px 5.5px;
  resize: none;
  width: 100%;
}
.tox .tox-textarea[disabled], .tox .tox-textfield[disabled] {
  background-color: #f2f2f2;
  color: rgba(34, 47, 62, 0.85);
  cursor: not-allowed;
}
.tox .tox-custom-editor:focus-within, .tox .tox-listboxfield .tox-listbox--select:focus, .tox .tox-textarea-wrap:focus-within, .tox .tox-textarea:focus, .tox .tox-textfield:focus {
  background-color: #fff;
  border-color: #006ce7;
  box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
  outline: 0;
}
.tox .tox-toolbar-textfield {
  border-width: 0;
  margin-bottom: 3px;
  margin-top: 2px;
  max-width: 250px;
}
.tox .tox-naked-btn {
  background-color: transparent;
  border: 0;
  border-color: transparent;
  box-shadow: unset;
  color: #006ce7;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
}
.tox .tox-naked-btn svg {
  display: block;
  fill: #222f3e;
}
.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
  margin-left: 4px;
}
.tox[dir=rtl] .tox-toolbar-textfield + * {
  margin-right: 4px;
}
.tox .tox-listboxfield {
  cursor: pointer;
  position: relative;
}
.tox .tox-listboxfield .tox-listbox--select[disabled] {
  background-color: #f2f2f2;
  color: rgba(34, 47, 62, 0.85);
  cursor: not-allowed;
}
.tox .tox-listbox__select-label {
  cursor: default;
  flex: 1;
  margin: 0 4px;
}
.tox .tox-listbox__select-chevron {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 16px;
}
.tox .tox-listbox__select-chevron svg {
  fill: #222f3e;
}
.tox .tox-listboxfield .tox-listbox--select {
  align-items: center;
  display: flex;
}
.tox:not([dir=rtl]) .tox-listboxfield svg {
  right: 8px;
}
.tox[dir=rtl] .tox-listboxfield svg {
  left: 8px;
}
.tox .tox-selectfield {
  cursor: pointer;
  position: relative;
}
.tox .tox-selectfield select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #eee;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  color: #222f3e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  min-height: 34px;
  outline: 0;
  padding: 5px 5.5px;
  resize: none;
  width: 100%;
}
.tox .tox-selectfield select[disabled] {
  background-color: #f2f2f2;
  color: rgba(34, 47, 62, 0.85);
  cursor: not-allowed;
}
.tox .tox-selectfield select::-ms-expand {
  display: none;
}
.tox .tox-selectfield select:focus {
  background-color: #fff;
  border-color: #006ce7;
  box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
  outline: 0;
}
.tox .tox-selectfield svg {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tox:not([dir=rtl]) .tox-selectfield select[size="0"], .tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
  padding-right: 24px;
}
.tox:not([dir=rtl]) .tox-selectfield svg {
  right: 8px;
}
.tox[dir=rtl] .tox-selectfield select[size="0"], .tox[dir=rtl] .tox-selectfield select[size="1"] {
  padding-left: 24px;
}
.tox[dir=rtl] .tox-selectfield svg {
  left: 8px;
}
.tox .tox-textarea-wrap {
  border-color: #eee;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex: 1;
  overflow: hidden;
}
.tox .tox-textarea {
  -webkit-appearance: textarea;
  -moz-appearance: textarea;
  appearance: textarea;
  white-space: pre-wrap;
}
.tox .tox-textarea-wrap .tox-textarea {
  border: none;
}
.tox .tox-textarea-wrap .tox-textarea:focus {
  border: none;
}
.tox-fullscreen {
  border: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  overscroll-behavior: none;
  padding: 0;
  touch-action: pinch-zoom;
  width: 100%;
}
.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
  display: none;
}
.tox-shadowhost.tox-fullscreen, .tox.tox-tinymce.tox-fullscreen {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1200;
}
.tox.tox-tinymce.tox-fullscreen {
  background-color: transparent;
}
.tox-fullscreen .tox.tox-tinymce-aux, .tox-fullscreen ~ .tox.tox-tinymce-aux {
  z-index: 1201;
}
.tox .tox-help__more-link {
  list-style: none;
  margin-top: 1em;
}
.tox .tox-imagepreview {
  background-color: #666;
  height: 380px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.tox .tox-imagepreview.tox-imagepreview__loaded {
  overflow: auto;
}
.tox .tox-imagepreview__container {
  display: flex;
  left: 100vw;
  position: absolute;
  top: 100vw;
}
.tox .tox-imagepreview__image {
  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
}
.tox .tox-image-tools .tox-spacer {
  flex: 1;
}
.tox .tox-image-tools .tox-bar {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
}
.tox .tox-image-tools .tox-imagepreview, .tox .tox-image-tools .tox-imagepreview + .tox-bar {
  margin-top: 8px;
}
.tox .tox-image-tools .tox-croprect-block {
  background: #000;
  opacity: 0.5;
  position: absolute;
  zoom: 1;
}
.tox .tox-image-tools .tox-croprect-handle {
  border: 2px solid #fff;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.tox .tox-image-tools .tox-croprect-handle-move {
  border: 0;
  cursor: move;
  position: absolute;
}
.tox .tox-image-tools .tox-croprect-handle-nw {
  border-width: 2px 0 0 2px;
  cursor: nw-resize;
  left: 100px;
  margin: -2px 0 0 -2px;
  top: 100px;
}
.tox .tox-image-tools .tox-croprect-handle-ne {
  border-width: 2px 2px 0 0;
  cursor: ne-resize;
  left: 200px;
  margin: -2px 0 0 -20px;
  top: 100px;
}
.tox .tox-image-tools .tox-croprect-handle-sw {
  border-width: 0 0 2px 2px;
  cursor: sw-resize;
  left: 100px;
  margin: -20px 2px 0 -2px;
  top: 200px;
}
.tox .tox-image-tools .tox-croprect-handle-se {
  border-width: 0 2px 2px 0;
  cursor: se-resize;
  left: 200px;
  margin: -20px 0 0 -20px;
  top: 200px;
}
.tox .tox-insert-table-picker {
  display: flex;
  flex-wrap: wrap;
  width: 170px;
}
.tox .tox-insert-table-picker > div {
  border-color: #eee;
  border-style: solid;
  border-width: 0 1px 1px 0;
  box-sizing: border-box;
  height: 17px;
  width: 17px;
}
.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
  margin: -4px -4px;
}
.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
  background-color: rgba(0, 108, 231, 0.5);
  border-color: rgba(0, 108, 231, 0.5);
}
.tox .tox-insert-table-picker__label {
  color: rgba(34, 47, 62, 0.7);
  display: block;
  font-size: 14px;
  padding: 4px;
  text-align: center;
  width: 100%;
}
.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
  border-right: 0;
}
.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
  border-right: 0;
}
.tox .tox-menu {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  z-index: 1150;
}
.tox .tox-menu.tox-collection.tox-collection--list {
  padding: 0 4px;
}
.tox .tox-menu.tox-collection.tox-collection--toolbar {
  padding: 8px;
}
.tox .tox-menu.tox-collection.tox-collection--grid {
  padding: 8px;
}
@media only screen and (min-width: 768px) {
  .tox .tox-menu .tox-collection__item-label {
    overflow-wrap: break-word;
    word-break: normal;
  }
  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
    word-break: break-all;
  }
}
.tox .tox-menu__label blockquote, .tox .tox-menu__label code, .tox .tox-menu__label h1, .tox .tox-menu__label h2, .tox .tox-menu__label h3, .tox .tox-menu__label h4, .tox .tox-menu__label h5, .tox .tox-menu__label h6, .tox .tox-menu__label p {
  margin: 0;
}
.tox .tox-menubar {
  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;
  background-color: #fff;
  display: flex;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: wrap;
  grid-column: 1/-1;
  grid-row: 1;
  padding: 0 11px 0 12px;
}
.tox .tox-promotion + .tox-menubar {
  grid-column: 1;
}
.tox .tox-promotion {
  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;
  background-color: #fff;
  grid-column: 2;
  grid-row: 1;
  padding-inline-end: 8px;
  padding-inline-start: 4px;
  padding-top: 5px;
}
.tox .tox-promotion-link {
  align-items: unsafe center;
  background-color: #e8f1f8;
  border-radius: 5px;
  color: #086be6;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 26.6px;
  padding: 4px 8px;
  white-space: nowrap;
}
.tox .tox-promotion-link:hover {
  background-color: #b4d7ff;
}
.tox .tox-promotion-link:focus {
  background-color: #d9edf7;
}
.tox .tox-mbtn {
  align-items: center;
  background: 0 0;
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #222f3e;
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  justify-content: center;
  margin: 5px 1px 6px 0;
  outline: 0;
  overflow: hidden;
  padding: 0 4px;
  text-transform: none;
  width: auto;
}
.tox .tox-mbtn[disabled] {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-mbtn:focus:not(:disabled) {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-mbtn--active {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-mbtn__select-label {
  cursor: default;
  font-weight: 400;
  margin: 0 4px;
}
.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
  cursor: not-allowed;
}
.tox .tox-mbtn__select-chevron {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 16px;
  display: none;
}
.tox .tox-notification {
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  display: grid;
  font-size: 14px;
  font-weight: 400;
  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
  margin-top: 4px;
  opacity: 0;
  padding: 4px;
  transition: transform 0.1s ease-in, opacity 150ms ease-in;
}
.tox .tox-notification p {
  font-size: 14px;
  font-weight: 400;
}
.tox .tox-notification a {
  cursor: pointer;
  text-decoration: underline;
}
.tox .tox-notification--in {
  opacity: 1;
}
.tox .tox-notification--success {
  background-color: #e4eeda;
  border-color: #d7e6c8;
  color: #222f3e;
}
.tox .tox-notification--success p {
  color: #222f3e;
}
.tox .tox-notification--success a {
  color: #517342;
}
.tox .tox-notification--success svg {
  fill: #222f3e;
}
.tox .tox-notification--error {
  background-color: #f5cccc;
  border-color: #f0b3b3;
  color: #222f3e;
}
.tox .tox-notification--error p {
  color: #222f3e;
}
.tox .tox-notification--error a {
  color: #77181f;
}
.tox .tox-notification--error svg {
  fill: #222f3e;
}
.tox .tox-notification--warn, .tox .tox-notification--warning {
  background-color: #fff5cc;
  border-color: #fff0b3;
  color: #222f3e;
}
.tox .tox-notification--warn p, .tox .tox-notification--warning p {
  color: #222f3e;
}
.tox .tox-notification--warn a, .tox .tox-notification--warning a {
  color: #7a6e25;
}
.tox .tox-notification--warn svg, .tox .tox-notification--warning svg {
  fill: #222f3e;
}
.tox .tox-notification--info {
  background-color: #d6e7fb;
  border-color: #c1dbf9;
  color: #222f3e;
}
.tox .tox-notification--info p {
  color: #222f3e;
}
.tox .tox-notification--info a {
  color: #2a64a6;
}
.tox .tox-notification--info svg {
  fill: #222f3e;
}
.tox .tox-notification__body {
  align-self: center;
  color: #222f3e;
  font-size: 14px;
  grid-column-end: 3;
  grid-column-start: 2;
  grid-row-end: 2;
  grid-row-start: 1;
  text-align: center;
  white-space: normal;
  word-break: break-all;
  word-break: break-word;
}
.tox .tox-notification__body > * {
  margin: 0;
}
.tox .tox-notification__body > * + * {
  margin-top: 1rem;
}
.tox .tox-notification__icon {
  align-self: center;
  grid-column-end: 2;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 1;
  justify-self: end;
}
.tox .tox-notification__icon svg {
  display: block;
}
.tox .tox-notification__dismiss {
  align-self: start;
  grid-column-end: 4;
  grid-column-start: 3;
  grid-row-end: 2;
  grid-row-start: 1;
  justify-self: end;
}
.tox .tox-notification .tox-progress-bar {
  grid-column-end: 4;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-row-start: 2;
  justify-self: center;
}
.tox .tox-pop {
  display: inline-block;
  position: relative;
}
.tox .tox-pop--resizing {
  transition: width 0.1s ease;
}
.tox .tox-pop--resizing .tox-toolbar, .tox .tox-pop--resizing .tox-toolbar__group {
  flex-wrap: nowrap;
}
.tox .tox-pop--transition {
  transition: 0.15s ease;
  transition-property: left, right, top, bottom;
}
.tox .tox-pop--transition::after, .tox .tox-pop--transition::before {
  transition: all 0.15s, visibility 0s, opacity 75ms ease 75ms;
}
.tox .tox-pop__dialog {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  min-width: 0;
  overflow: hidden;
}
.tox .tox-pop__dialog > :not(.tox-toolbar) {
  margin: 4px 4px 4px 8px;
}
.tox .tox-pop__dialog .tox-toolbar {
  background-color: transparent;
  margin-bottom: -1px;
}
.tox .tox-pop::after, .tox .tox-pop::before {
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  opacity: 1;
  position: absolute;
  width: 0;
}
.tox .tox-pop.tox-pop--inset::after, .tox .tox-pop.tox-pop--inset::before {
  opacity: 0;
  transition: all 0s 0.15s, visibility 0s, opacity 75ms ease;
}
.tox .tox-pop.tox-pop--bottom::after, .tox .tox-pop.tox-pop--bottom::before {
  left: 50%;
  top: 100%;
}
.tox .tox-pop.tox-pop--bottom::after {
  border-color: #fff transparent transparent transparent;
  border-width: 8px;
  margin-left: -8px;
  margin-top: -1px;
}
.tox .tox-pop.tox-pop--bottom::before {
  border-color: #eee transparent transparent transparent;
  border-width: 9px;
  margin-left: -9px;
}
.tox .tox-pop.tox-pop--top::after, .tox .tox-pop.tox-pop--top::before {
  left: 50%;
  top: 0;
  transform: translateY(-100%);
}
.tox .tox-pop.tox-pop--top::after {
  border-color: transparent transparent #fff transparent;
  border-width: 8px;
  margin-left: -8px;
  margin-top: 1px;
}
.tox .tox-pop.tox-pop--top::before {
  border-color: transparent transparent #eee transparent;
  border-width: 9px;
  margin-left: -9px;
}
.tox .tox-pop.tox-pop--left::after, .tox .tox-pop.tox-pop--left::before {
  left: 0;
  top: calc(50% - 1px);
  transform: translateY(-50%);
}
.tox .tox-pop.tox-pop--left::after {
  border-color: transparent #fff transparent transparent;
  border-width: 8px;
  margin-left: -15px;
}
.tox .tox-pop.tox-pop--left::before {
  border-color: transparent #eee transparent transparent;
  border-width: 10px;
  margin-left: -19px;
}
.tox .tox-pop.tox-pop--right::after, .tox .tox-pop.tox-pop--right::before {
  left: 100%;
  top: calc(50% + 1px);
  transform: translateY(-50%);
}
.tox .tox-pop.tox-pop--right::after {
  border-color: transparent transparent transparent #fff;
  border-width: 8px;
  margin-left: -1px;
}
.tox .tox-pop.tox-pop--right::before {
  border-color: transparent transparent transparent #eee;
  border-width: 10px;
  margin-left: -1px;
}
.tox .tox-pop.tox-pop--align-left::after, .tox .tox-pop.tox-pop--align-left::before {
  left: 20px;
}
.tox .tox-pop.tox-pop--align-right::after, .tox .tox-pop.tox-pop--align-right::before {
  left: calc(100% - 20px);
}
.tox .tox-sidebar-wrap {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  min-height: 0;
}
.tox .tox-sidebar {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.tox .tox-sidebar__slider {
  display: flex;
  overflow: hidden;
}
.tox .tox-sidebar__pane-container {
  display: flex;
}
.tox .tox-sidebar__pane {
  display: flex;
}
.tox .tox-sidebar--sliding-closed {
  opacity: 0;
}
.tox .tox-sidebar--sliding-open {
  opacity: 1;
}
.tox .tox-sidebar--sliding-growing, .tox .tox-sidebar--sliding-shrinking {
  transition: width 0.5s ease, opacity 0.5s ease;
}
.tox .tox-selector {
  background-color: #4099ff;
  border-color: #4099ff;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  display: inline-block;
  height: 10px;
  position: absolute;
  width: 10px;
}
.tox.tox-platform-touch .tox-selector {
  height: 12px;
  width: 12px;
}
.tox .tox-slider {
  align-items: center;
  display: flex;
  flex: 1;
  height: 24px;
  justify-content: center;
  position: relative;
}
.tox .tox-slider__rail {
  background-color: transparent;
  border: 1px solid #eee;
  border-radius: 6px;
  height: 10px;
  min-width: 120px;
  width: 100%;
}
.tox .tox-slider__handle {
  background-color: #006ce7;
  border: 2px solid #0054b4;
  border-radius: 6px;
  box-shadow: none;
  height: 24px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 14px;
}
.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
  margin-inline-start: 8px;
}
.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
  margin-inline-start: 32px;
}
.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
  margin-inline-start: 32px;
}
.tox .tox-source-code {
  overflow: auto;
}
.tox .tox-spinner {
  display: flex;
}
.tox .tox-spinner > div {
  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
  background-color: rgba(34, 47, 62, 0.7);
  border-radius: 100%;
  height: 8px;
  width: 8px;
}
.tox .tox-spinner > div:nth-child(1) {
  animation-delay: -0.32s;
}
.tox .tox-spinner > div:nth-child(2) {
  animation-delay: -0.16s;
}
@keyframes tam-bouncing-dots {
  0%, 100%, 80% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
  margin-left: 4px;
}
.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
  margin-right: 4px;
}
.tox .tox-statusbar {
  align-items: center;
  background-color: #fff;
  border-top: 1px solid #e3e3e3;
  color: rgba(34, 47, 62, 0.7);
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 400;
  height: 25px;
  overflow: hidden;
  padding: 0 8px;
  position: relative;
  text-transform: none;
}
.tox .tox-statusbar__path {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tox .tox-statusbar__right-container {
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
}
.tox .tox-statusbar__help-text {
  text-align: center;
}
.tox .tox-statusbar__text-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text, .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path, .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container {
    flex: 0 0 33.3333333333%;
  }
}
.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
  justify-content: flex-end;
}
.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
  justify-content: flex-start;
}
.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
  justify-content: space-around;
}
.tox .tox-statusbar__path > * {
  display: inline;
  white-space: nowrap;
}
.tox .tox-statusbar__wordcount {
  flex: 0 0 auto;
  margin-left: 1ch;
}
@media only screen and (max-width: 767px) {
  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
    display: none;
  }
  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
    display: block;
  }
}
.tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount {
  color: rgba(34, 47, 62, 0.7);
  text-decoration: none;
}
.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]) {
  color: #222f3e;
  cursor: pointer;
}
.tox .tox-statusbar__branding svg {
  fill: rgba(34, 47, 62, 0.8);
  height: 1.14em;
  vertical-align: -0.28em;
  width: 3.6em;
}
.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg, .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg {
  fill: #222f3e;
}
.tox .tox-statusbar__resize-handle {
  align-items: flex-end;
  align-self: stretch;
  cursor: nwse-resize;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: -8px;
  padding-bottom: 3px;
  padding-left: 1ch;
  padding-right: 3px;
}
.tox .tox-statusbar__resize-handle svg {
  display: block;
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-statusbar__resize-handle:focus svg {
  background-color: #dee0e2;
  border-radius: 1px 1px 5px 1px;
  box-shadow: 0 0 0 2px #dee0e2;
}
.tox:not([dir=rtl]) .tox-statusbar__path > * {
  margin-right: 4px;
}
.tox:not([dir=rtl]) .tox-statusbar__branding {
  margin-left: 2ch;
}
.tox[dir=rtl] .tox-statusbar {
  flex-direction: row-reverse;
}
.tox[dir=rtl] .tox-statusbar__path > * {
  margin-left: 4px;
}
.tox .tox-throbber {
  z-index: 1299;
}
.tox .tox-throbber__busy-spinner {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.tox .tox-tbtn {
  align-items: center;
  background: 0 0;
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #222f3e;
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  justify-content: center;
  margin: 6px 1px 5px 0;
  outline: 0;
  overflow: hidden;
  padding: 0;
  text-transform: none;
  width: 34px;
}
.tox .tox-tbtn svg {
  display: block;
  fill: #222f3e;
}
.tox .tox-tbtn.tox-tbtn-more {
  padding-left: 5px;
  padding-right: 5px;
  width: inherit;
}
.tox .tox-tbtn:focus {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
}
.tox .tox-tbtn:hover {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tbtn:hover svg {
  fill: #222f3e;
}
.tox .tox-tbtn:active {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tbtn:active svg {
  fill: #222f3e;
}
.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-tbtn--disabled, .tox .tox-tbtn--disabled:hover, .tox .tox-tbtn:disabled, .tox .tox-tbtn:disabled:hover {
  background: 0 0;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-tbtn--disabled svg, .tox .tox-tbtn--disabled:hover svg, .tox .tox-tbtn:disabled svg, .tox .tox-tbtn:disabled:hover svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:hover {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tbtn--enabled:hover > *, .tox .tox-tbtn--enabled > * {
  transform: none;
}
.tox .tox-tbtn--enabled svg, .tox .tox-tbtn--enabled:hover svg {
  fill: #222f3e;
}
.tox .tox-tbtn--enabled.tox-tbtn--disabled svg, .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
  color: #222f3e;
}
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
  fill: #222f3e;
}
.tox .tox-tbtn:active > * {
  transform: none;
}
.tox .tox-tbtn--md {
  height: 42px;
  width: 51px;
}
.tox .tox-tbtn--lg {
  flex-direction: column;
  height: 56px;
  width: 68px;
}
.tox .tox-tbtn--return {
  align-self: stretch;
  height: unset;
  width: 16px;
}
.tox .tox-tbtn--labeled {
  padding: 0 4px;
  width: unset;
}
.tox .tox-tbtn__vlabel {
  display: block;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: -0.025em;
  margin-bottom: 4px;
  white-space: nowrap;
}
.tox .tox-number-input {
  border-radius: 3px;
  display: flex;
  margin: 6px 1px 5px 0;
  padding: 0 4px;
  width: auto;
}
.tox .tox-number-input .tox-input-wrapper {
  background: #f7f7f7;
  display: flex;
  pointer-events: none;
  text-align: center;
}
.tox .tox-number-input .tox-input-wrapper:focus {
  background: #cce2fa;
}
.tox .tox-number-input input {
  border-radius: 3px;
  color: #222f3e;
  font-size: 14px;
  margin: 2px 0;
  pointer-events: all;
  width: 60px;
}
.tox .tox-number-input input:hover {
  background: #cce2fa;
  color: #222f3e;
}
.tox .tox-number-input input:focus {
  background: #fff;
  color: #222f3e;
}
.tox .tox-number-input input:disabled {
  background: 0 0;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-number-input button {
  background: #f7f7f7;
  color: #222f3e;
  height: 28px;
  text-align: center;
  width: 24px;
}
.tox .tox-number-input button svg {
  display: block;
  fill: #222f3e;
  margin: 0 auto;
  transform: scale(0.67);
}
.tox .tox-number-input button:focus {
  background: #cce2fa;
}
.tox .tox-number-input button:hover {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-number-input button:hover svg {
  fill: #222f3e;
}
.tox .tox-number-input button:active {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-number-input button:active svg {
  fill: #222f3e;
}
.tox .tox-number-input button:disabled {
  background: 0 0;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-number-input button:disabled svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-number-input button.minus {
  border-radius: 3px 0 0 3px;
}
.tox .tox-number-input button.plus {
  border-radius: 0 3px 3px 0;
}
.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper, .tox .tox-number-input:focus:not(:active) > button {
  background: #cce2fa;
}
.tox .tox-tbtn--select {
  margin: 6px 1px 5px 0;
  padding: 0 4px;
  width: auto;
}
.tox .tox-tbtn__select-label {
  cursor: default;
  font-weight: 400;
  height: initial;
  margin: 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tox .tox-tbtn__select-chevron {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 16px;
}
.tox .tox-tbtn__select-chevron svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-tbtn--bespoke {
  background: #f7f7f7;
}
.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
  margin-inline-start: 4px;
}
.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 7em;
}
.tox .tox-tbtn--disabled .tox-tbtn__select-label, .tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
  cursor: not-allowed;
}
.tox .tox-split-button {
  border: 0;
  border-radius: 3px;
  box-sizing: border-box;
  display: flex;
  margin: 6px 1px 5px 0;
  overflow: hidden;
}
.tox .tox-split-button:hover {
  box-shadow: 0 0 0 1px #cce2fa inset;
}
.tox .tox-split-button:focus {
  background: #cce2fa;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-split-button > * {
  border-radius: 0;
}
.tox .tox-split-button__chevron {
  width: 16px;
}
.tox .tox-split-button__chevron svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-split-button .tox-tbtn {
  margin: 0;
}
.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus, .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover, .tox .tox-split-button.tox-tbtn--disabled:focus, .tox .tox-split-button.tox-tbtn--disabled:hover {
  background: 0 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
}
.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
  padding: 0 0;
}
.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
  width: 30px;
}
.tox.tox-platform-touch .tox-split-button__chevron {
  width: 20px;
}
.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-highlight-bg-color__color, .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color {
  opacity: 0.6;
}
.tox .tox-toolbar-overlord {
  background-color: #fff;
}
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
  background-attachment: local;
  background-color: #fff;
  background-image: repeating-linear-gradient(#e3e3e3 0 1px, transparent 1px 39px);
  background-position: center top 40px;
  background-repeat: no-repeat;
  background-size: calc(100% - 22px) calc(100% - 41px);
  display: flex;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 0 0;
  transform: perspective(1px);
}
.tox .tox-toolbar-overlord > .tox-toolbar, .tox .tox-toolbar-overlord > .tox-toolbar__overflow, .tox .tox-toolbar-overlord > .tox-toolbar__primary {
  background-position: center top 0;
  background-size: calc(100% - 22px) calc(100% - 0px);
}
.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
  height: 0;
  opacity: 0;
  padding-bottom: 0;
  padding-top: 0;
  visibility: hidden;
}
.tox .tox-toolbar__overflow--growing {
  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
}
.tox .tox-toolbar__overflow--shrinking {
  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
}
.tox .tox-anchorbar, .tox .tox-toolbar-overlord {
  grid-column: 1/-1;
}
.tox .tox-menubar + .tox-toolbar, .tox .tox-menubar + .tox-toolbar-overlord {
  border-top: 1px solid transparent;
  margin-top: -1px;
  padding-bottom: 1px;
  padding-top: 1px;
}
.tox .tox-toolbar--scrolling {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.tox .tox-pop .tox-toolbar {
  border-width: 0;
}
.tox .tox-toolbar--no-divider {
  background-image: none;
}
.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child, .tox .tox-toolbar-overlord .tox-toolbar__primary {
  background-position: center top 39px;
}
.tox .tox-editor-header > .tox-toolbar--scrolling, .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
  background-image: none;
}
.tox.tox-tinymce-aux .tox-toolbar__overflow {
  background-color: #fff;
  background-position: center top 43px;
  background-size: calc(100% - 16px) calc(100% - 51px);
  border: none;
  border-radius: 6px;
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  overscroll-behavior: none;
  padding: 4px 0;
}
.tox-pop .tox-pop__dialog .tox-toolbar {
  background-position: center top 43px;
  background-size: calc(100% - 22px) calc(100% - 51px);
  padding: 4px 0;
}
.tox .tox-toolbar__group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0;
  padding: 0 11px 0 12px;
}
.tox .tox-toolbar__group--pull-right {
  margin-left: auto;
}
.tox .tox-toolbar--scrolling .tox-toolbar__group {
  flex-shrink: 0;
  flex-wrap: nowrap;
}
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid transparent;
}
.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
  border-left: 1px solid transparent;
}
.tox .tox-tooltip {
  display: inline-block;
  padding: 8px;
  position: relative;
}
.tox .tox-tooltip__body {
  background-color: #222f3e;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 4px 8px;
  text-transform: none;
}
.tox .tox-tooltip__arrow {
  position: absolute;
}
.tox .tox-tooltip--down .tox-tooltip__arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #222f3e;
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.tox .tox-tooltip--up .tox-tooltip__arrow {
  border-bottom: 8px solid #222f3e;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}
.tox .tox-tooltip--right .tox-tooltip__arrow {
  border-bottom: 8px solid transparent;
  border-left: 8px solid #222f3e;
  border-top: 8px solid transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.tox .tox-tooltip--left .tox-tooltip__arrow {
  border-bottom: 8px solid transparent;
  border-right: 8px solid #222f3e;
  border-top: 8px solid transparent;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tox .tox-tree {
  display: flex;
  flex-direction: column;
}
.tox .tox-tree .tox-trbtn {
  align-items: center;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  color: #222f3e;
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  margin-bottom: 4px;
  margin-top: 4px;
  outline: 0;
  overflow: hidden;
  padding: 0;
  padding-left: 8px;
  text-transform: none;
}
.tox .tox-tree .tox-trbtn .tox-tree__label {
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tox .tox-tree .tox-trbtn svg {
  display: block;
  fill: #222f3e;
}
.tox .tox-tree .tox-trbtn:focus {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
}
.tox .tox-tree .tox-trbtn:hover {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tree .tox-trbtn:hover svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-trbtn:active {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tree .tox-trbtn:active svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-trbtn--disabled, .tox .tox-tree .tox-trbtn--disabled:hover, .tox .tox-tree .tox-trbtn:disabled, .tox .tox-tree .tox-trbtn:disabled:hover {
  background: 0 0;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-tree .tox-trbtn--disabled svg, .tox .tox-tree .tox-trbtn--disabled:hover svg, .tox .tox-tree .tox-trbtn:disabled svg, .tox .tox-tree .tox-trbtn:disabled:hover svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-tree .tox-trbtn--enabled, .tox .tox-tree .tox-trbtn--enabled:hover {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tree .tox-trbtn--enabled:hover > *, .tox .tox-tree .tox-trbtn--enabled > * {
  transform: none;
}
.tox .tox-tree .tox-trbtn--enabled svg, .tox .tox-tree .tox-trbtn--enabled:hover svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
  color: #222f3e;
}
.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-trbtn:active > * {
  transform: none;
}
.tox .tox-tree .tox-trbtn--return {
  align-self: stretch;
  height: unset;
  width: 16px;
}
.tox .tox-tree .tox-trbtn--labeled {
  padding: 0 4px;
  width: unset;
}
.tox .tox-tree .tox-trbtn__vlabel {
  display: block;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: -0.025em;
  margin-bottom: 4px;
  white-space: nowrap;
}
.tox .tox-tree .tox-tree--directory {
  display: flex;
  flex-direction: column;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
  font-weight: 700;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
  margin-left: auto;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
  fill: transparent;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg, .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg, .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
  background-color: transparent;
  color: #222f3e;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
  margin-right: 6px;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron, .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
  transition: transform 0.5s ease-in-out;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron, .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
  transform: rotate(90deg);
}
.tox .tox-tree .tox-tree--leaf__label {
  font-weight: 400;
}
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
  margin-left: auto;
}
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
  fill: transparent;
}
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg, .tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
  background-color: transparent;
  color: #222f3e;
}
.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--directory__children {
  overflow: hidden;
  padding-left: 16px;
}
.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing, .tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
  transition: height 0.5s ease-in-out;
}
.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
  display: flex;
  justify-content: space-between;
}
.tox .tox-view-wrap, .tox .tox-view-wrap__slot-container {
  background-color: #fff;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.tox .tox-view {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}
.tox .tox-view__header {
  align-items: center;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  padding: 8px 8px 0 8px;
  position: relative;
}
.tox .tox-view--mobile.tox-view__header, .tox .tox-view--mobile.tox-view__toolbar {
  padding: 8px;
}
.tox .tox-view--scrolling {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.tox .tox-view__toolbar {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
  padding: 8px 8px 0 8px;
}
.tox .tox-view__toolbar__group {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.tox .tox-view__header-end, .tox .tox-view__header-start {
  display: flex;
}
.tox .tox-view__pane {
  height: 100%;
  padding: 8px;
  width: 100%;
}
.tox .tox-view__pane_panel {
  border: 1px solid #eee;
  border-radius: 6px;
}
.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > *, .tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > * {
  margin-left: 8px;
}
.tox[dir=rtl] .tox-view__header .tox-view__header-end > *, .tox[dir=rtl] .tox-view__header .tox-view__header-start > * {
  margin-right: 8px;
}
.tox .tox-well {
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 8px;
  width: 100%;
}
.tox .tox-well > :first-child {
  margin-top: 0;
}
.tox .tox-well > :last-child {
  margin-bottom: 0;
}
.tox .tox-well > :only-child {
  margin: 0;
}
.tox .tox-custom-editor {
  border: 1px solid #eee;
  border-radius: 6px;
  display: flex;
  flex: 1;
  overflow: hidden;
  position: relative;
}
.tox .tox-dialog-loading::before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1000;
}
.tox .tox-tab {
  cursor: pointer;
}
.tox .tox-dialog__content-js {
  display: flex;
  flex: 1;
}
.tox .tox-dialog__body-content .tox-collection {
  display: flex;
  flex: 1;
}
.placeholder\:text-secondary-200::-moz-placeholder{--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
.placeholder\:text-secondary-200::placeholder{--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
.placeholder\:text-secondary-300::-moz-placeholder{--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
.placeholder\:text-secondary-300::placeholder{--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
.placeholder\:text-transparent::-moz-placeholder{color:transparent}
.placeholder\:text-transparent::placeholder{color:transparent}
.before\:absolute::before{content:var(--tw-content);position:absolute}
.before\:-top-2::before{content:var(--tw-content);top:-0.5rem}
.before\:left-0::before{content:var(--tw-content);left:0px}
.before\:left-1\/2::before{content:var(--tw-content);left:50%}
.before\:top-\[1\.75rem\]::before{content:var(--tw-content);top:1.75rem}
.before\:z-0::before{content:var(--tw-content);z-index:0}
.before\:mr-1\.5::before{content:var(--tw-content);margin-right:0.375rem}
.before\:block::before{content:var(--tw-content);display:block}
.before\:h-8::before{content:var(--tw-content);height:0.5rem}
.before\:h-\[1rem\]::before{content:var(--tw-content);height:1rem}
.before\:w-8::before{content:var(--tw-content);width:0.5rem}
.before\:w-\[1rem\]::before{content:var(--tw-content);width:1rem}
.before\:-translate-x-1\/2::before{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.before\:rotate-\[-135deg\]::before{content:var(--tw-content);--tw-rotate:-135deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.before\:rounded-full::before{content:var(--tw-content);border-radius:9999px}
.before\:border-\[5px\]::before{content:var(--tw-content);border-width:5px}
.before\:border-secondary-25::before{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(243 243 243 / var(--tw-border-opacity))}
.before\:border-secondary-700::before{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(15 18 20 / var(--tw-border-opacity))}
.before\:border-white::before{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}
.before\:bg-\[\#24D8FF\]::before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(36 216 255 / var(--tw-bg-opacity))}
.before\:bg-secondary-25::before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(243 243 243 / var(--tw-bg-opacity))}
.before\:bg-secondary-700::before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(15 18 20 / var(--tw-bg-opacity))}
.before\:bg-white::before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.before\:text-secondary-800::before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity))}
.before\:duration-300::before{content:var(--tw-content);transition-duration:300ms}
.before\:content-\[\"\"\]::before{--tw-content:"";content:var(--tw-content)}
.before\:content-\[\"\2022\"\]::before{--tw-content:"•";content:var(--tw-content)}
.odd\:bg-white:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.autofill\:\!bg-transparent:-webkit-autofill{background-color:transparent !important}
.autofill\:\!bg-transparent:autofill{background-color:transparent !important}
.hover\:cursor-pointer:hover{cursor:pointer}
.hover\:\!border-secondary-200:hover{--tw-border-opacity:1 !important;border-color:rgb(136 136 136 / var(--tw-border-opacity)) !important}
.hover\:\!border-secondary-400:hover{--tw-border-opacity:1 !important;border-color:rgb(73 73 73 / var(--tw-border-opacity)) !important}
.hover\:border-secondary-100:hover{--tw-border-opacity:1;border-color:rgb(217 217 217 / var(--tw-border-opacity))}
.hover\:border-secondary-200:hover{--tw-border-opacity:1;border-color:rgb(136 136 136 / var(--tw-border-opacity))}
.hover\:border-secondary-400:hover{--tw-border-opacity:1;border-color:rgb(73 73 73 / var(--tw-border-opacity))}
.hover\:\!bg-primary-500:hover{--tw-bg-opacity:1 !important;background-color:rgb(7 25 178 / var(--tw-bg-opacity)) !important}
.hover\:\!bg-secondary-150:hover{--tw-bg-opacity:1 !important;background-color:rgb(179 179 179 / var(--tw-bg-opacity)) !important}
.hover\:bg-\[\#F2F1F2\]:hover{--tw-bg-opacity:1;background-color:rgb(242 241 242 / var(--tw-bg-opacity))}
.hover\:bg-primary-500:hover{--tw-bg-opacity:1;background-color:rgb(7 25 178 / var(--tw-bg-opacity))}
.hover\:bg-secondary-100:hover{--tw-bg-opacity:1;background-color:rgb(217 217 217 / var(--tw-bg-opacity))}
.hover\:bg-secondary-25:hover{--tw-bg-opacity:1;background-color:rgb(243 243 243 / var(--tw-bg-opacity))}
.hover\:bg-secondary-50:hover{--tw-bg-opacity:1;background-color:rgb(232 232 232 / var(--tw-bg-opacity))}
.hover\:bg-secondary-600:hover{--tw-bg-opacity:1;background-color:rgb(23 26 28 / var(--tw-bg-opacity))}
.hover\:bg-secondary-700:hover{--tw-bg-opacity:1;background-color:rgb(15 18 20 / var(--tw-bg-opacity))}
.hover\:\!text-secondary-200:hover{--tw-text-opacity:1 !important;color:rgb(136 136 136 / var(--tw-text-opacity)) !important}
.hover\:\!text-secondary-300:hover{--tw-text-opacity:1 !important;color:rgb(113 113 113 / var(--tw-text-opacity)) !important}
.hover\:\!text-secondary-400:hover{--tw-text-opacity:1 !important;color:rgb(73 73 73 / var(--tw-text-opacity)) !important}
.hover\:text-secondary-100:hover{--tw-text-opacity:1;color:rgb(217 217 217 / var(--tw-text-opacity))}
.hover\:text-secondary-200:hover{--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
.hover\:text-secondary-25:hover{--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
.hover\:text-secondary-300:hover{--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
.hover\:text-secondary-400:hover{--tw-text-opacity:1;color:rgb(73 73 73 / var(--tw-text-opacity))}
.hover\:text-secondary-800:hover{--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity))}
.hover\:text-secondary-900:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.hover\:\!underline:hover{text-decoration-line:underline !important}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:outline-none:hover{outline:2px solid transparent;outline-offset:2px}
.hover\:outline:hover{outline-style:solid}
.hover\:outline-2:hover{outline-width:2px}
.hover\:outline-primary-100:hover{outline-color:#6225FB}
.before\:hover\:text-secondary-300:hover::before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
.focus\:border-secondary-900:focus{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}
.focus\:border-b-secondary-25:focus{--tw-border-opacity:1;border-bottom-color:rgb(243 243 243 / var(--tw-border-opacity))}
.focus\:border-b-secondary-800:focus{--tw-border-opacity:1;border-bottom-color:rgb(7 7 7 / var(--tw-border-opacity))}
.focus\:text-secondary-25:focus{--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
.focus\:text-secondary-800:focus{--tw-text-opacity:1;color:rgb(7 7 7 / var(--tw-text-opacity))}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.active\:outline-none:active{outline:2px solid transparent;outline-offset:2px}
.disabled\:bg-grey-150:disabled{--tw-bg-opacity:1;background-color:rgb(179 179 179 / var(--tw-bg-opacity))}
.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:top-\[0\.95rem\]{top:0.95rem}
.peer:placeholder-shown ~ .peer-placeholder-shown\:top-\[0\.95rem\]{top:0.95rem}
.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:text-base{font-size:0.938rem;line-height:1.5rem}
.peer:placeholder-shown ~ .peer-placeholder-shown\:text-base{font-size:0.938rem;line-height:1.5rem}
.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity))}
.peer:placeholder-shown ~ .peer-placeholder-shown\:text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity))}
.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:text-secondary-300{--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
.peer:placeholder-shown ~ .peer-placeholder-shown\:text-secondary-300{--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
.peer:-webkit-autofill ~ .peer-autofill\:top-auto{top:auto}
.peer:autofill ~ .peer-autofill\:top-auto{top:auto}
.peer:-webkit-autofill ~ .peer-autofill\:-translate-y-3{--tw-translate-y:-0.75rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.peer:autofill ~ .peer-autofill\:-translate-y-3{--tw-translate-y:-0.75rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.peer:-webkit-autofill ~ .peer-autofill\:text-sm{font-size:0.813rem;line-height:1rem}
.peer:autofill ~ .peer-autofill\:text-sm{font-size:0.813rem;line-height:1rem}
.peer:focus ~ .peer-focus\:top-auto{top:auto}
.peer:focus ~ .peer-focus\:-translate-y-3{--tw-translate-y:-0.75rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.dark\:border:is([data-mode="dark"] *){border-width:1px}
.dark\:border-none:is([data-mode="dark"] *){border-style:none}
.dark\:\!border-white:is([data-mode="dark"] *){--tw-border-opacity:1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity)) !important}
.dark\:border-secondary-25:is([data-mode="dark"] *){--tw-border-opacity:1;border-color:rgb(243 243 243 / var(--tw-border-opacity))}
.dark\:border-secondary-300:is([data-mode="dark"] *){--tw-border-opacity:1;border-color:rgb(113 113 113 / var(--tw-border-opacity))}
.dark\:border-secondary-450:is([data-mode="dark"] *){--tw-border-opacity:1;border-color:rgb(52 57 61 / var(--tw-border-opacity))}
.dark\:border-secondary-500:is([data-mode="dark"] *){--tw-border-opacity:1;border-color:rgb(38 42 45 / var(--tw-border-opacity))}
.dark\:border-secondary-600:is([data-mode="dark"] *){--tw-border-opacity:1;border-color:rgb(23 26 28 / var(--tw-border-opacity))}
.dark\:border-white:is([data-mode="dark"] *){--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}
.dark\:\!bg-secondary-500:is([data-mode="dark"] *){--tw-bg-opacity:1 !important;background-color:rgb(38 42 45 / var(--tw-bg-opacity)) !important}
.dark\:\!bg-secondary-600:is([data-mode="dark"] *){--tw-bg-opacity:1 !important;background-color:rgb(23 26 28 / var(--tw-bg-opacity)) !important}
.dark\:bg-primary-100:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(98 37 251 / var(--tw-bg-opacity))}
.dark\:bg-secondary-400:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(73 73 73 / var(--tw-bg-opacity))}
.dark\:bg-secondary-450:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(52 57 61 / var(--tw-bg-opacity))}
.dark\:bg-secondary-500:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(38 42 45 / var(--tw-bg-opacity))}
.dark\:bg-secondary-600:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(23 26 28 / var(--tw-bg-opacity))}
.dark\:bg-secondary-700:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(15 18 20 / var(--tw-bg-opacity))}
.dark\:bg-secondary-800:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(7 7 7 / var(--tw-bg-opacity))}
.dark\:bg-secondary-900:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}
.dark\:bg-\[linear-gradient\(180deg\2c rgba\(17\2c 17\2c 18\2c 0\)_0\%\2c \#070707_100\%\)\]:is([data-mode="dark"] *){background-image:linear-gradient(180deg,rgba(17,17,18,0) 0%,#070707 100%)}
.dark\:fill-secondary-25:is([data-mode="dark"] *){fill:#F3F3F3}
.dark\:\!text-secondary-200:is([data-mode="dark"] *){--tw-text-opacity:1 !important;color:rgb(136 136 136 / var(--tw-text-opacity)) !important}
.dark\:\!text-secondary-25:is([data-mode="dark"] *){--tw-text-opacity:1 !important;color:rgb(243 243 243 / var(--tw-text-opacity)) !important}
.dark\:\!text-white:is([data-mode="dark"] *){--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}
.dark\:text-grey-150:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(179 179 179 / var(--tw-text-opacity))}
.dark\:text-grey-300:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
.dark\:text-secondary-100:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(217 217 217 / var(--tw-text-opacity))}
.dark\:text-secondary-150:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(179 179 179 / var(--tw-text-opacity))}
.dark\:text-secondary-200:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity))}
.dark\:text-secondary-25:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
.dark\:text-secondary-300:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
.dark\:text-secondary-400:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(73 73 73 / var(--tw-text-opacity))}
.dark\:text-secondary-50:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(232 232 232 / var(--tw-text-opacity))}
.dark\:text-white:is([data-mode="dark"] *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.before\:dark\:border-secondary-700:is([data-mode="dark"] *)::before{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(15 18 20 / var(--tw-border-opacity))}
.before\:dark\:bg-secondary-700:is([data-mode="dark"] *)::before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(15 18 20 / var(--tw-bg-opacity))}
.before\:dark\:text-secondary-100:is([data-mode="dark"] *)::before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(217 217 217 / var(--tw-text-opacity))}
.odd\:dark\:bg-secondary-700:is([data-mode="dark"] *):nth-child(odd){--tw-bg-opacity:1;background-color:rgb(15 18 20 / var(--tw-bg-opacity))}
.dark\:hover\:bg-secondary-400:hover:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(73 73 73 / var(--tw-bg-opacity))}
.dark\:hover\:bg-secondary-600:hover:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(23 26 28 / var(--tw-bg-opacity))}
.dark\:hover\:dark\:bg-secondary-500:is([data-mode="dark"] *):hover:is([data-mode="dark"] *){--tw-bg-opacity:1;background-color:rgb(38 42 45 / var(--tw-bg-opacity))}
.hover\:dark\:\!bg-secondary-500:is([data-mode="dark"] *):hover{--tw-bg-opacity:1 !important;background-color:rgb(38 42 45 / var(--tw-bg-opacity)) !important}
.hover\:dark\:bg-primary-500:is([data-mode="dark"] *):hover{--tw-bg-opacity:1;background-color:rgb(7 25 178 / var(--tw-bg-opacity))}
.hover\:dark\:bg-secondary-450:is([data-mode="dark"] *):hover{--tw-bg-opacity:1;background-color:rgb(52 57 61 / var(--tw-bg-opacity))}
.hover\:dark\:bg-secondary-500:is([data-mode="dark"] *):hover{--tw-bg-opacity:1;background-color:rgb(38 42 45 / var(--tw-bg-opacity))}
.hover\:dark\:bg-secondary-600:is([data-mode="dark"] *):hover{--tw-bg-opacity:1;background-color:rgb(23 26 28 / var(--tw-bg-opacity))}
.hover\:dark\:bg-secondary-700:is([data-mode="dark"] *):hover{--tw-bg-opacity:1;background-color:rgb(15 18 20 / var(--tw-bg-opacity))}
.hover\:dark\:\!text-secondary-300:is([data-mode="dark"] *):hover{--tw-text-opacity:1 !important;color:rgb(113 113 113 / var(--tw-text-opacity)) !important}
.hover\:dark\:text-secondary-25:is([data-mode="dark"] *):hover{--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
.hover\:dark\:text-white:is([data-mode="dark"] *):hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.before\:dark\:hover\:text-secondary-300:hover:is([data-mode="dark"] *)::before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(113 113 113 / var(--tw-text-opacity))}
.focus\:dark\:border-secondary-25:is([data-mode="dark"] *):focus{--tw-border-opacity:1;border-color:rgb(243 243 243 / var(--tw-border-opacity))}
.focus\:dark\:border-b-secondary-25:is([data-mode="dark"] *):focus{--tw-border-opacity:1;border-bottom-color:rgb(243 243 243 / var(--tw-border-opacity))}
.focus\:dark\:text-secondary-25:is([data-mode="dark"] *):focus{--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}
@media (min-width: 640px){
.sm\:mb-\[3\.5625rem\]{margin-bottom:3.5625rem}
.sm\:w-auto{width:auto}
.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.sm\:flex-row{flex-direction:row}
.sm\:gap-8{gap:0.5rem}}
@media (min-width: 768px){
.md\:min-h-\[calc\(100vh_-_136px\)\]{min-height:calc(100vh - 136px)}
.md\:w-fit{width:-moz-fit-content;width:fit-content}
.md\:max-w-\[50\%\]{max-width:50%}
.md\:gap-\[2\.9375rem\]{gap:2.9375rem}
.md\:py-\[3\.5rem\]{padding-top:3.5rem;padding-bottom:3.5rem}}
@media (min-width: 940px){
.min-\[940px\]\:ml-\[2rem\]{margin-left:2rem}
.min-\[940px\]\:flex-row{flex-direction:row}
.min-\[940px\]\:items-center{align-items:center}
.min-\[940px\]\:gap-\[2rem\]{gap:2rem}}
@media (min-width: 1024px){
.lg\:absolute{position:absolute}
.lg\:-top-\[112px\]{top:-112px}
.lg\:bottom-0{bottom:0px}
.lg\:mb-0{margin-bottom:0px}
.lg\:mt-0{margin-top:0px}
.lg\:min-w-\[720px\]{min-width:720px}
.lg\:flex-row{flex-direction:row}
.lg\:p-\[2rem\]{padding:2rem}
.lg\:px-0{padding-left:0px;padding-right:0px}
.lg\:px-\[1rem\]{padding-left:1rem;padding-right:1rem}
.lg\:py-\[1rem\]{padding-top:1rem;padding-bottom:1rem}}
@media (min-width: 1280px){
.xl\:absolute{position:absolute}
.xl\:-right-\[0\.625rem\]{right:-0.625rem}
.xl\:-top-\[0\.375rem\]{top:-0.375rem}
.xl\:left-0{left:0px}
.xl\:mx-0{margin-left:0px;margin-right:0px}
.xl\:my-0{margin-top:0px;margin-bottom:0px}
.xl\:my-\[11\.875rem\]{margin-top:11.875rem;margin-bottom:11.875rem}
.xl\:\!mt-0{margin-top:0px !important}
.xl\:mb-\[12\.5rem\]{margin-bottom:12.5rem}
.xl\:mb-\[46px\]{margin-bottom:46px}
.xl\:mt-\[10rem\]{margin-top:10rem}
.xl\:mt-\[11\.875rem\]{margin-top:11.875rem}
.xl\:block{display:block}
.xl\:flex{display:flex}
.xl\:h-\[230px\]{height:230px}
.xl\:h-\[44px\]{height:44px}
.xl\:h-\[450px\]{height:450px}
.xl\:h-\[58px\]{height:58px}
.xl\:h-fit{height:-moz-fit-content;height:fit-content}
.xl\:max-h-\[90vh\]{max-height:90vh}
.xl\:w-1\/2{width:50%}
.xl\:w-\[264px\]{width:264px}
.xl\:w-\[424px\]{width:424px}
.xl\:min-w-\[200px\]{min-width:200px}
.xl\:min-w-\[296px\]{min-width:296px}
.xl\:min-w-\[300px\]{min-width:300px}
.xl\:min-w-\[425px\]{min-width:425px}
.xl\:min-w-\[600px\]{min-width:600px}
.xl\:min-w-\[952px\]{min-width:952px}
.xl\:max-w-\[425px\]{max-width:425px}
.xl\:max-w-fit{max-width:-moz-fit-content;max-width:fit-content}
.xl\:auto-rows-\[58px\]{grid-auto-rows:58px}
.xl\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.xl\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.xl\:grid-cols-\[repeat\(auto-fill\2c 264px\)\]{grid-template-columns:repeat(auto-fill,264px)}
.xl\:flex-row{flex-direction:row}
.xl\:items-end{align-items:flex-end}
.xl\:gap-0{gap:0px}
.xl\:gap-\[16px\]{gap:16px}
.xl\:gap-\[3rem\]{gap:3rem}
.xl\:px-12{padding-left:3rem;padding-right:3rem}
.xl\:px-\[120px\]{padding-left:120px;padding-right:120px}
.xl\:px-\[176px\]{padding-left:176px;padding-right:176px}
.xl\:py-\[72px\]{padding-top:72px;padding-bottom:72px}
.xl\:pl-12{padding-left:3rem}
.xl\:pt-\[150px\]{padding-top:150px}
.xl\:\!text-5xl{font-size:5rem !important;line-height:5.25rem !important}
.xl\:\!text-6xl{font-size:5.5rem !important;line-height:7rem !important}
.xl\:leading-5{line-height:1.25rem}}
@media (min-width: 1440px){
.\33xl\:grid{display:grid}
.\33xl\:flex-col{flex-direction:column}
.\33xl\:items-start{align-items:flex-start}}
@media (min-width: 1536px){
.\32xl\:relative{position:relative}
.\32xl\:col-span-1{grid-column:span 1 / span 1}
.\32xl\:col-span-2{grid-column:span 2 / span 2}
.\32xl\:min-h-\[500px\]{min-height:500px}
.\32xl\:min-h-\[650px\]{min-height:650px}
.\32xl\:w-2\/3{width:66.666667%}
.\32xl\:w-\[424px\]{width:424px}
.\32xl\:min-w-\[424px\]{min-width:424px}
.\32xl\:min-w-\[896px\]{min-width:896px}
.\32xl\:max-w-\[16\.5rem\]{max-width:16.5rem}
.\32xl\:max-w-\[34\.5rem\]{max-width:34.5rem}
.\32xl\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.\32xl\:whitespace-nowrap{white-space:nowrap}
.\32xl\:px-\[4rem\]{padding-left:4rem;padding-right:4rem}
.\32xl\:pt-\[200px\]{padding-top:200px}}@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    90deg,
    var(--base-color),
    var(--highlight-color),
    var(--base-color)
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*# sourceMappingURL=ReactToastify.css.map *//* AI_Terminal.css - Simplified */

:root {
  --corporate-blue: #0000F3;
  --corporate-blue-light: #3333F6;
  --text-primary: #1e293b;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --border-light: #e2e8f0;
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --radius-md: 12px;
  --transition-fast: 0.15s ease;
}

/* Main Container */
.sql-chatbot {
  max-width: 1000px;
  margin: 2rem auto;
  height: 70vh;
  min-height: 700px;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  border: 1px solid var(--border-light);
}

/* Header */
.chatbot-header {
  background: linear-gradient(135deg, var(--corporate-blue), var(--corporate-blue-light));
  color: white;
  padding: 1.5rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-content h3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
}

.service-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}

.status-healthy, .status-unhealthy {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.95);
  font-weight: 600;
  cursor: pointer;
}

.status-healthy { color: #16a34a; }
.status-unhealthy { color: #dc2626; }

.status-indicator {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #22c55e;
}

.status-indicator.error { background: #ef4444; }

/* Messages Container */
.messages-container {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
  background: var(--bg-secondary);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.messages-container::-webkit-scrollbar {
  width: 8px;
}

.messages-container::-webkit-scrollbar-thumb {
  background: var(--corporate-blue-light);
  border-radius: 4px;
}

/* Messages */
.message {
  display: flex;
  animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.user-message { justify-content: flex-end; }
.bot-message { justify-content: flex-start; }

.message-content {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  max-width: 85%;
}

.user-message .message-content { flex-direction: row-reverse; }

.message-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}

.user-message .message-avatar {
  background: var(--corporate-blue-light);
  color: white;
}

.bot-message .message-avatar {
  background: #6b7280;
}

.message-bubble {
  padding: 1rem 1.25rem;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.user-message .message-bubble {
  background: var(--corporate-blue-light);
  color: white;
  border-bottom-right-radius: 8px;
}

.bot-message .message-bubble {
  background: var(--bg-primary);
  border: 1px solid var(--border-light);
  color: var(--text-primary);
  border-bottom-left-radius: 8px;
}

.message-time {
  font-size: 0.7rem;
  color: var(--text-muted);
  display: block;
  margin-top: 0.5rem;
  opacity: 0.7;
}

.user-message .message-time {
  text-align: right;
  color: rgba(255, 255, 255, 0.9);
}

/* Company Context */
.company-context {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
}

/* Error Messages */
.error-message .message-bubble {
  background: linear-gradient(135deg, #fef2f2, #fee2e2);
  border: 2px solid #f87171;
  color: #7f1d1d;
}

.error-content {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.error-icon {
  font-size: 1.2rem;
  color: #dc2626;
  flex-shrink: 0;
}

.error-text h4 {
  margin: 0 0 0.25rem 0;
  color: #dc2626;
  font-size: 0.9rem;
  font-weight: 600;
}

.error-text p {
  margin: 0 0 0.5rem 0;
  color: #7f1d1d;
  font-size: 0.85rem;
}

.error-suggestion {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  font-size: 0.8rem;
  color: #7c2d12;
}

/* Data Response */
.response-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-light);
}

.response-header h4 {
  margin: 0;
  color: var(--text-primary);
  font-size: 1rem;
  font-weight: 600;
}

/* Results Table */
.results-section {
  margin-top: 1.5rem;
  border-top: 1px solid var(--border-light);
  padding-top: 1.5rem;
}

.results-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.results-header h5 {
  margin: 0;
  color: var(--text-primary);
  font-size: 1rem;
  font-weight: 600;
}

.exec-time {
  font-size: 0.75rem;
  color: var(--text-secondary);
  background: var(--bg-secondary);
  padding: 0.25rem 0.6rem;
  border-radius: 20px;
  font-weight: 500;
}

.results-table-container {
  background: var(--bg-primary);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  overflow: hidden;
}

.results-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.results-table th {
  background: var(--bg-secondary);
  padding: 0.75rem 0.5rem;
  text-align: left;
  border-bottom: 2px solid var(--border-light);
  font-weight: 600;
  color: var(--text-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
}

.results-table td {
  padding: 0.75rem 0.5rem;
  border-bottom: 1px solid var(--bg-secondary);
  color: var(--text-secondary);
  word-break: break-word;
  max-width: 200px;
}

.results-table tbody tr:hover {
  background: var(--bg-secondary);
}

.results-truncated {
  text-align: center;
  color: var(--text-muted);
  font-size: 0.8rem;
  margin: 1rem 0;
  font-style: italic;
  padding: 0.75rem;
  background: var(--bg-secondary);
  border-radius: 8px;
}

.no-results {
  text-align: center;
  padding: 2rem;
  color: var(--text-muted);
  background: var(--bg-secondary);
  border-radius: 8px;
}

.no-results-icon {
  font-size: 2rem;
  opacity: 0.7;
}

/* Loading Animation */
.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
}

.loading-spinner {
  position: relative;
  width: 50px;
  height: 50px;
}

.spinner-ring {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-top: 3px solid var(--corporate-blue);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.spinner-ring:nth-child(2) {
  animation-delay: 0.3s;
  transform: scale(0.8);
  border-top-color: var(--corporate-blue-light);
}

.spinner-ring:nth-child(3) {
  animation-delay: 0.6s;
  transform: scale(0.6);
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-text {
  font-weight: 600;
  color: var(--text-primary);
  font-size: 0.9rem;
  text-align: center;
  width: 250px;
}

.loading-progress {
  width: 200px;
  height: 4px;
  background: var(--bg-secondary);
  border-radius: 2px;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  background: linear-gradient(135deg, var(--corporate-blue-light), var(--corporate-blue));
  border-radius: 2px;
  transition: width 0.3s ease;
}

.loading-note {
  font-size: 0.75rem;
  color: var(--text-muted);
  text-align: center;
  margin-top: 0.5rem;
  opacity: 0.8;
  font-style: italic;
}

.cancel-button {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: white;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  transition: var(--transition-fast);
  margin-top: 1rem;
}

.cancel-button:hover {
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  transform: translateY(-1px);
}

/* Input Section */
.input-section {
  border-top: 1px solid var(--border-light);
  background: var(--bg-primary);
  padding: 1.5rem 2rem;
}

.company-selection-warning {
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  border: 2px solid #f59e0b;
  border-radius: 8px;
  padding: 1.5rem;
  margin: 1rem 0;
  text-align: center;
}

.warning-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  color: #d35400;
}

.warning-icon {
  font-size: 1.5rem;
}

.warning-content p {
  margin: 0;
  font-weight: 600;
  font-size: 0.95rem;
}

.quick-examples {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  justify-content: center;
}

.quick-examples button {
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: 20px;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  cursor: pointer;
  transition: var(--transition-fast);
  color: var(--text-secondary);
  font-weight: 500;
}

.quick-examples button:hover {
  background: var(--corporate-blue);
  color: white;
  transform: translateY(-2px);
}

.input-container {
  margin-bottom: 1rem;
}

.input-wrapper {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
}

.input-wrapper textarea {
  flex: 1;
  border: 2px solid var(--border-light);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  resize: none;
  font-family: inherit;
  font-size: 0.95rem;
  line-height: 1.5;
  transition: var(--transition-fast);
  background: var(--bg-secondary);
  min-height: 56px;
  max-height: 120px;
}

.input-wrapper textarea:focus {
  outline: none;
  border-color: var(--corporate-blue);
  box-shadow: 0 0 0 3px rgba(0, 0, 243, 0.1);
  background: var(--bg-primary);
}

.input-wrapper textarea::-moz-placeholder {
  color: var(--text-muted);
}

.input-wrapper textarea::placeholder {
  color: var(--text-muted);
}

.send-button {
  background: linear-gradient(135deg, var(--corporate-blue), var(--corporate-blue-light));
  color: white;
  border: none;
  border-radius: 8px;
  padding: 1rem 1.5rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
  transition: var(--transition-fast);
  min-width: 100px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.send-button:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.send-button:disabled {
  background: var(--text-muted);
  cursor: not-allowed;
  transform: none;
}

.button-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid white;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.company-branding {
  text-align: center;
  margin-top: 0.5rem;
}

.company-logo {
  height: 32px;
  width: auto;
  opacity: 0.8;
  transition: var(--transition-fast);
}

.company-logo:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Debug Info */
.debug-info {
  margin-top: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 243, 0.1);
  border-left: 4px solid var(--corporate-blue);
  border-radius: 8px;
}

.debug-info h5 {
  margin: 0 0 0.5rem 0;
  color: var(--corporate-blue);
  font-size: 0.9rem;
  font-weight: 600;
}

.debug-content {
  background: #f8fafc;
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--border-light);
}

.debug-item {
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
  color: #475569;
  padding: 0.25rem 0;
  border-bottom: 1px solid var(--border-light);
}

.debug-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.debug-item strong {
  color: var(--corporate-blue);
  margin-right: 0.5rem;
  min-width: 120px;
  display: inline-block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .sql-chatbot {
    margin: 1rem;
    height: calc(100vh - 2rem);
    min-height: calc(100vh - 2rem);
  }
  
  .chatbot-header {
    padding: 1rem 1.5rem;
    flex-direction: column;
    gap: 0.75rem;
    text-align: center;
  }
  
  .messages-container {
    padding: 1rem;
  }
  
  .message-content {
    max-width: 95%;
  }
  
  .input-section {
    padding: 1rem 1.5rem;
  }
  
  .input-wrapper {
    flex-direction: column;
    gap: 0.75rem;
  }
  
  .send-button {
    width: 100%;
  }
  
  .quick-examples button {
    font-size: 0.75rem;
    padding: 0.4rem 0.8rem;
  }
  
  .results-table {
    font-size: 0.75rem;
  }
  
  .results-table th,
  .results-table td {
    padding: 0.5rem 0.25rem;
    max-width: 120px;
  }
}/* =============================================================================
   MAIN.CSS - Imports all CSS files in correct order
   ============================================================================= */

/* Base styles */

/* =============================================================================
   BASE.CSS - CSS Variables, Utilities, Breakpoints (SCOPED VERSION)
   ============================================================================= */

/* CSS VARIABLES - Keep global as they don't conflict */

:root {
  /* Brand Colors */
  --primary-blue: #0000F3;
  --primary-blue-hover: #3333f5;
  --primary-blue-active: #0000D1;
  --primary-blue-light: rgba(0, 0, 243, 0.1);
  --primary-blue-medium: rgba(0, 0, 243, 0.2);
  --primary-blue-dark: rgba(0, 0, 243, 0.4);

  /* Text Colors */
  --text-primary: #1f2937;
  --text-secondary: #374151;
  --text-muted: #6b7280;
  --text-heading: #1a1a1a;
  --text-light: #9ca3af;
  --text-white: #ffffff;
  --text-dark: #333333;

  /* Background Colors */
  --bg-white: #ffffff;
  --bg-light: #f9fafb;
  --bg-lighter: #f3f4f6;
  --bg-card: #f8fafc;
  --bg-entity: rgba(249, 250, 251, 0.5);
  --bg-glass: rgba(255, 255, 255, 0.95);
  --bg-glass-dark: rgba(255, 255, 255, 0.1);

  /* Border Colors */
  --border-light: #d1d5db;
  --border-primary: #e5e7eb;
  --border-medium: #e2e8f0;
  --border-dark: #4b5563;

  /* Status Colors */
  --success-color: #10b981;
  --success-bg: #d1fae5;
  --warning-color: #f59e0b;
  --warning-bg: #fef3c7;
  --error-color: #ef4444;
  --error-bg: #fef2f2;
  --error-border: #fecaca;
  --info-color: #3b82f6;

  /* Error Level Colors */
  --error-level-21: #fd7e14;
  --error-level-22: #e67700;
  --error-level-31: #dc3545;
  --error-level-32: #c82333;
  --error-level-33: #b21e2b;
  --error-level-34: #8B0000;

  /* Badge Colors */
  --unit-gradient: linear-gradient(135deg, #4299e1, #3182ce);
  --fleet-gradient: linear-gradient(135deg, #9f7aea, #805ad5);
  --level2-gradient: linear-gradient(135deg, #fd7e14, #e67700);
  --level3-gradient: linear-gradient(135deg, #dc3545, #8B0000);

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 20px;
  --spacing-2xl: 24px;
  --spacing-3xl: 32px;
  --spacing-4xl: 40px;
  --spacing-5xl: 48px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-full: 15%;

  /* Box Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-blue: 0 4px 12px rgba(0, 0, 243, 0.1);
  --shadow-blue-lg: 0 8px 25px rgba(0, 0, 243, 0.15);

  /* Typography */
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-md: 13px;
  --font-size-base: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 24px;
  --font-size-3xl: 32px;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --line-height-tight: 1.2;
  --line-height-normal: 1.4;
  --line-height-relaxed: 1.5;

  /* Z-Index Scale */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal-backdrop: 400;
  --z-modal: 500;
  --z-popover: 600;
  --z-tooltip: 700;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* Container Widths */
  --container-min-width: 1200px;
  --container-min-width-lg: 1000px;
  --container-min-width-md: 800px;
  --container-min-width-sm: 600px;
  --container-min-width-xs: 400px;
}

/* =============================================================================
   SCOPED UTILITIES - Only apply within .report-container
   ============================================================================= */

.report-container {
  /* Flex Utilities */
  .flex { display: flex; }
  .flex-col { flex-direction: column; }
  .flex-wrap { flex-wrap: wrap; }
  .items-center { align-items: center; }
  .items-start { align-items: flex-start; }
  .items-end { align-items: flex-end; }
  .justify-center { justify-content: center; }
  .justify-between { justify-content: space-between; }
  .justify-end { justify-content: flex-end; }
  .flex-1 { flex: 1; }
  .flex-shrink-0 { flex-shrink: 0; }

  /* Grid Utilities */
  .grid { display: grid; }
  .grid-cols-auto { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }

  /* Spacing Utilities */
  .gap-xs { gap: var(--spacing-xs); }
  .gap-sm { gap: var(--spacing-sm); }
  .gap-md { gap: var(--spacing-md); }
  .gap-lg { gap: var(--spacing-lg); }
  .gap-xl { gap: var(--spacing-xl); }
  .gap-2xl { gap: var(--spacing-2xl); }

  .m-0 { margin: 0; }
  .mb-sm { margin-bottom: var(--spacing-sm); }
  .mb-md { margin-bottom: var(--spacing-md); }
  .mb-lg { margin-bottom: var(--spacing-lg); }
  .mb-xl { margin-bottom: var(--spacing-xl); }
  .mb-2xl { margin-bottom: var(--spacing-2xl); }

  .p-0 { padding: 0; }
  .p-sm { padding: var(--spacing-sm); }
  .p-md { padding: var(--spacing-md); }
  .p-lg { padding: var(--spacing-lg); }
  .p-xl { padding: var(--spacing-xl); }
  .p-2xl { padding: var(--spacing-2xl); }

  /* Text Utilities */
  .text-center { text-align: center; }
  .text-left { text-align: left; }
  .text-right { text-align: right; }

  .text-xs { font-size: var(--font-size-xs); }
  .text-sm { font-size: var(--font-size-sm); }
  .text-md { font-size: var(--font-size-md); }
  .text-base { font-size: var(--font-size-base); }
  .text-lg { font-size: var(--font-size-lg); }
  .text-xl { font-size: var(--font-size-xl); }
  .text-2xl { font-size: var(--font-size-2xl); }

  .font-normal { font-weight: var(--font-weight-normal); }
  .font-medium { font-weight: var(--font-weight-medium); }
  .font-semibold { font-weight: var(--font-weight-semibold); }
  .font-bold { font-weight: var(--font-weight-bold); }

  .text-primary { color: var(--text-primary); }
  .text-secondary { color: var(--text-secondary); }
  .text-muted { color: var(--text-muted); }
  .text-white { color: var(--text-white); }

  /* Border Utilities */
  .border { border: 1px solid var(--border-primary); }
  .border-light { border: 1px solid var(--border-light); }
  .border-blue { border: 1px solid var(--primary-blue); }
  .border-2 { border-width: 2px; }

  .rounded { border-radius: var(--radius-md); }
  .rounded-sm { border-radius: var(--radius-sm); }
  .rounded-lg { border-radius: var(--radius-lg); }
  .rounded-xl { border-radius: var(--radius-xl); }
  .rounded-2xl { border-radius: var(--radius-2xl); }
  .rounded-full { border-radius: var(--radius-full); }

  /* Background Utilities */
  .bg-white { background-color: var(--bg-white); }
  .bg-light { background-color: var(--bg-light); }
  .bg-card { background-color: var(--bg-card); }
  .bg-glass { background-color: var(--bg-glass); }

  /* Shadow Utilities */
  .shadow-sm { box-shadow: var(--shadow-sm); }
  .shadow-md { box-shadow: var(--shadow-md); }
  .shadow-lg { box-shadow: var(--shadow-lg); }
  .shadow-xl { box-shadow: var(--shadow-xl); }
  .shadow-blue { box-shadow: var(--shadow-blue); }

  /* Transition Utilities */
  .transition { transition: var(--transition-fast); }
  .transition-normal { transition: var(--transition-normal); }
  .transition-slow { transition: var(--transition-slow); }

  /* Display Utilities */
  .hidden { display: none; }
  .block { display: block; }
  .inline-block { display: inline-block; }

  /* Position Utilities */
  .relative { position: relative; }
  .absolute { position: absolute; }
  .fixed { position: fixed; }

  /* Overflow Utilities */
  .overflow-hidden { overflow: hidden; }
  .overflow-x-auto { overflow-x: auto; }
  .overflow-y-auto { overflow-y: auto; }

  /* Width & Height Utilities */
  .w-full { width: 100%; }
  .h-full { height: 100%; }
  .min-w-0 { min-width: 0; }

  /* Cursor Utilities */
  .cursor-pointer { cursor: pointer; }
  .cursor-not-allowed { cursor: not-allowed; }

  /* User Select */
  .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
}

/* =============================================================================
   ANIMATIONS - Keep global as they don't conflict by class name
   ============================================================================= */

@keyframes fadeIn {
  from { 
    opacity: 0;
    transform: translateY(-10px);
  }
  to { 
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

@keyframes slideIn {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}

/* Animation utilities - scoped to report container */

.report-container {
  .animate-fadeIn { animation: fadeIn var(--transition-normal) ease-out; }
  .animate-spin { animation: spin 1s linear infinite; }
  .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
}

/* =============================================================================
   BREAKPOINTS - Keep global as they only affect CSS variables
   ============================================================================= */

/* Large Desktop */

@media (max-width: 1400px) {
  :root {
    --container-min-width: var(--container-min-width-lg);
  }
}

/* Standard Desktop */

@media (max-width: 1200px) {
  :root {
    --container-min-width: var(--container-min-width-md);
  }
}

/* Core components - foundation elements */

/* =============================================================================
   COMPONENTS.CSS - Buttons, Forms, Badges, Cards, etc.
   ============================================================================= */

/* =============================================================================
   BUTTONS
   ============================================================================= */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: var(--transition-fast);
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
}

.btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

/* Button Variants */

.btn-primary {
  background: var(--primary-blue);
  color: var(--text-white);
  box-shadow: var(--shadow-blue);
}

.btn-primary:hover:not(:disabled) {
  background: var(--primary-blue-hover);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 243, 0.3);
}

.btn-secondary {
  background: var(--bg-white);
  color: var(--text-secondary);
  border: 1px solid var(--border-light);
}

.btn-secondary:hover:not(:disabled) {
  background: var(--bg-light);
  border-color: var(--text-muted);
}

.btn-success {
  background: var(--success-color);
  color: var(--text-white);
}

.btn-success:hover:not(:disabled) {
  background: #059669;
  transform: translateY(-1px);
}

.btn-danger {
  background: var(--error-color);
  color: var(--text-white);
}

.btn-danger:hover:not(:disabled) {
  background: #dc2626;
  transform: translateY(-1px);
}

/* Button Sizes */

.btn-sm {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  min-width: 70px;
}

.btn-lg {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: var(--font-size-lg);
  min-width: 120px;
}

/* Special Buttons */

.btn-icon {
  padding: var(--spacing-sm);
  min-width: auto;
  width: 32px;
  height: 32px;
}

.btn-refresh {
  gap: var(--spacing-sm);
}

.btn-refresh.refreshing {
  border-color: var(--primary-blue);
  color: var(--primary-blue);
  background: var(--bg-lighter);
}

.export-btn {
  gap: var(--spacing-sm);
  min-width: 80px;
  background: var(--text-muted);
  color: var(--success-color);
}

.export-btn.csv-btn:hover:not(:disabled) {
  background: var(--success-color);
  color: var(--text-white);
}

.export-btn.xlsx-btn {
  color: var(--info-color);
}

.export-btn.xlsx-btn:hover:not(:disabled) {
  background: var(--info-color);
  color: var(--text-white);
}

/* =============================================================================
   FORMS & INPUTS
   ============================================================================= */

.form-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  min-width: 200px;
  max-width: 250px;
}

.form-label {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--primary-blue);
  margin: 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

/* Dropdowns */

.dropdown {
  padding: 10px 14px;
  padding-right: 40px;
  border: 2px solid var(--border-light);
  border-radius: var(--radius-lg);
  font-size: var(--font-size-base);
  background-color: var(--bg-white);
  color: var(--text-secondary);
  cursor: pointer;
  transition: var(--transition-fast);
  height: 44px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
}

.dropdown:hover {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue-light);
}

.dropdown:focus {
  outline: none;
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 3px var(--primary-blue-light);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230000F3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

.dropdown option {
  background-color: var(--bg-white);
  color: var(--text-secondary);
  padding: var(--spacing-sm) var(--spacing-md);
}

.dropdown option:checked {
  background-color: var(--primary-blue);
  color: var(--text-white);
}

/* Slider Toggle */

.slider-track {
  background: var(--bg-white);
  border-radius: var(--radius-lg);
  padding: 2px;
  border: 2px solid var(--border-light);
  transition: var(--transition-fast);
  display: flex;
  height: 44px;
  box-sizing: border-box;
  align-items: center;
}

.slider-track:hover {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue-light);
}

.slider-button {
  flex: 1;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: var(--transition-fast);
  color: var(--text-muted);
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-button.active {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue-hover));
  color: var(--text-white);
  box-shadow: 0 2px 8px var(--primary-blue-medium);
  transform: translateY(-1px);
}

.slider-button:disabled {
  background: var(--bg-lighter);
  color: var(--text-muted);
  cursor: not-allowed;
  opacity: 0.6;
}

.slider-button:hover:not(.disabled):not(.active) {
  background: var(--primary-blue-light);
  color: var(--primary-blue);
}

/* Checkboxes */

.checkbox-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  align-items: center;
}

.checkbox-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: var(--font-size-md);
  color: var(--text-secondary);
  cursor: pointer;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  white-space: nowrap;
  transition: var(--transition-fast);
}

.checkbox-item:hover { 
  background-color: var(--bg-lighter);
}

.checkbox-item input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--primary-blue);
  cursor: pointer;
}

.checkbox-item span {
  font-weight: var(--font-weight-medium);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* =============================================================================
   BADGES
   ============================================================================= */

.badge {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-xl);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: var(--transition-fast);
}

/* Badge Variants */

.badge-unit {
  background: var(--unit-gradient);
  color: var(--text-white);
  box-shadow: 0 2px 4px rgba(66, 153, 225, 0.3);
}

.badge-fleet {
  background: var(--fleet-gradient);
  color: var(--text-white);
  box-shadow: 0 2px 4px rgba(159, 122, 234, 0.3);
}

.badge-shift {
  background: var(--bg-lighter);
  color: var(--text-secondary);
}

.badge-time {
  background: linear-gradient(135deg, #68d391, #48bb78);
  color: var(--text-white);
  font-family: 'Courier New', monospace;
}

.badge-component {
  background: linear-gradient(135deg, #a78bfa, #8b5cf6);
  color: var(--text-white);
}

.badge-remedy {
  background: linear-gradient(135deg, #34d399, #10b981);
  color: var(--text-white);
}

.badge-na {
  background: linear-gradient(135deg, var(--bg-lighter), #cbd5e0);
  color: var(--text-muted);
  font-style: italic;
}

.badge-coming-soon {
  background: linear-gradient(135deg, var(--warning-color), #d97706);
  color: var(--text-white);
  font-style: italic;
}

/* Error Level Badges */

.badge-error {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  padding: var(--spacing-sm) 10px;
  border-radius: 10px;
}

.badge-error-unknown {
  background: linear-gradient(135deg, var(--error-level-31), var(--error-level-32));
  color: var(--text-white);
  box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}

.badge-error-question {
  background: linear-gradient(135deg, var(--text-muted), #5a6268);
  color: var(--text-white);
  box-shadow: 0 2px 4px rgba(108, 117, 125, 0.3);
}

.badge-error-level0 {
  background: linear-gradient(135deg, var(--success-color), #20c997);
  color: var(--text-white);
  box-shadow: 0 2px 4px rgba(40, 167, 69, 0.3);
}

.badge-error-level1 {
  background: linear-gradient(135deg, var(--info-color), #138496);
  color: var(--text-white);
  box-shadow: 0 2px 4px rgba(23, 162, 184, 0.3);
}

.badge-error-level2 {
  background: var(--level2-gradient);
  color: var(--text-white);
  box-shadow: 0 2px 4px rgba(253, 126, 20, 0.3);
}

.badge-error-level3 {
  background: var(--level3-gradient);
  color: var(--text-white);
  box-shadow: 0 2px 4px rgba(220, 53, 69, 0.4);
}

.badge-warning {
  background: linear-gradient(135deg, var(--warning-color), #e0a800);
  color: #212529;
  box-shadow: 0 2px 4px rgba(255, 193, 7, 0.3);
}

.badge-other {
  background: linear-gradient(135deg, var(--text-muted), #5a6268);
  color: var(--text-white);
  box-shadow: 0 2px 4px rgba(108, 117, 125, 0.3);
}

/* Error Code Badge */

.badge-error-code {
  background: linear-gradient(135deg, #fc8181, #e53e3e);
  color: var(--text-white);
  font-family: 'Courier New', monospace;
  letter-spacing: 1px;
  position: relative;
}

.badge-error-code.outdated {
  background: linear-gradient(135deg, var(--warning-color), #f59e0b);
  color: var(--text-primary);
}

.outdated-warning {
  position: absolute;
  top: -8px;
  right: -8px;
  background: var(--error-color);
  color: var(--text-white);
  font-size: 8px;
  padding: 2px 4px;
  border-radius: var(--radius-sm);
  white-space: nowrap;
}

/* Badge Hover Effects */

.badge:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* =============================================================================
   CARDS
   ============================================================================= */

.card {
  background: var(--bg-white);
  border-radius: var(--radius-xl);
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border-primary);
  transition: var(--transition-fast);
}

.card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

/* Card Variants */

.card-summary {
  border: 1px solid var(--border-medium);
  background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-lighter) 100%);
  box-shadow: var(--shadow-sm);
  text-align: center;
}

.card-summary h5 {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

.card-glass {
  background: var(--bg-glass);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid var(--border-medium);
}

.card-compare {
  min-width: 250px;
  min-height: 300px;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid var(--primary-blue-medium);
  position: relative;
}

.card-compare::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--primary-blue) 0%, var(--primary-blue-hover) 100%);
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}

.card-compare:hover {
  transform: scale(1.02);
  background-color: rgba(255, 255, 255, 0.4);
  border-color: var(--primary-blue);
  box-shadow: var(--shadow-blue-lg);
}

/* =============================================================================
   LOADING STATES
   ============================================================================= */

.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-4xl) var(--spacing-xl);
  text-align: center;
  color: var(--text-muted);
}

.loading-spinner {
  font-size: 32px;
  color: var(--primary-blue);
  margin-bottom: var(--spacing-xl);
}

.loading-content,
.no-data-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.no-data-icon {
  font-size: 48px;
  color: var(--text-light);
}

.no-data-content p {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  margin: 0;
}

.no-data-subtitle {
  font-size: var(--font-size-base);
  color: var(--text-muted);
}

/* =============================================================================
   ERROR STATES
   ============================================================================= */

.error-message {
  color: var(--error-color);
  background: var(--error-bg);
  border: 1px solid var(--error-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  margin: var(--spacing-xl) 0;
  text-align: center;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
}

/* =============================================================================
   UTILITIES FOR COMPONENTS
   ============================================================================= */

.spinning {
  animation: spin 1s linear infinite;
}

.no-error-code {
  color: #cbd5e0;
  font-size: var(--font-size-lg);
}

.na-text {
  background: none;
  padding: 4px 0;
  border-radius: 0;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-normal);
  text-transform: none;
  letter-spacing: normal;
  color: var(--text-secondary);
  line-height: var(--line-height-normal);
}

.lookup-description-text,
.event-description-text {
  background: none;
  padding: 4px 0;
  border-radius: 0;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-normal);
  text-transform: none;
  letter-spacing: normal;
  color: var(--text-secondary);
  line-height: var(--line-height-normal);
}

/* =============================================================================
   RESPONSIVE ADJUSTMENTS
   ============================================================================= */

@media (max-width: 768px) {
  .form-group {
    width: 100%;
    max-width: none;
  }
  
  .dropdown {
    height: 42px;
    padding: var(--spacing-sm) var(--spacing-base);
    padding-right: 36px;
  }
  
  .slider-button {
    height: 38px;
    font-size: var(--font-size-md);
  }
  
  .btn {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  
  .btn-sm {
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--font-size-xs);
  }
  
  .card {
    padding: var(--spacing-lg);
  }
  
  .card-summary h5 {
    font-size: var(--font-size-base);
  }
}

@media (max-width: 480px) {
  .dropdown {
    height: 40px;
    padding: var(--spacing-sm) var(--spacing-md);
    padding-right: 32px;
    font-size: var(--font-size-md);
  }
  
  .slider-button {
    height: 36px;
    font-size: var(--font-size-sm);
  }
  
  .slider-track {
    padding: 3px;
  }
  
  .badge {
    font-size: 9px;
    padding: 3px 6px;
  }
  
  .badge-error {
    font-size: 8px;
    padding: 2px 4px;
  }
}

/* Layout containers */

/* =============================================================================
   MASTER-REPORT-CONTAINER.CSS - Main Container Layout
   ============================================================================= */

.report-container {
  width: 100%;
  max-width: none;
  min-width: var(--container-min-width);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  color: var(--text-dark);
  background-color: transparent;
}

.report-container.dark {
  color: var(--text-white);
}

/* =============================================================================
   HEADER SECTION
   ============================================================================= */

.report-header {
  width: 100%;
  text-align: center;
  margin-bottom: var(--spacing-2xl);
  padding: 0 var(--spacing-xl);
  box-sizing: border-box;
}

.report-main-title {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  margin: 0;
  color: var(--text-heading);
  letter-spacing: -0.5px;
  line-height: var(--line-height-tight);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* =============================================================================
   CONTENT SECTION
   ============================================================================= */

.report-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* Content Spacing Rules */

.report-content > * {
  margin: 0 0 var(--spacing-sm) 0 !important;
}

.report-content > *:last-child {
  margin: 0 !important;
}

/* Specific Component Margins */

.report-content .report-summary-container {
  margin: 0 !important;
  padding: var(--spacing-xl);
}

.report-content .report-details-container {
  margin: 0 !important;
  padding: var(--spacing-xl);
}

/* =============================================================================
   RESPONSIVE DESIGN
   ============================================================================= */

/* Large Desktop */

@media (max-width: 1400px) {
  .report-container {
    min-width: var(--container-min-width-lg);
  }
}

/* Standard Desktop */

@media (max-width: 1200px) {
  .report-container {
    min-width: var(--container-min-width-md);
  }
}

/* Tablet */

@media (max-width: 768px) {
  .report-container {
    min-width: var(--container-min-width-sm);
  }
  
  .report-header {
    margin-bottom: var(--spacing-xl);
    padding: 0 var(--spacing-lg);
  }
  
  .report-main-title {
    font-size: 28px;
  }
}

/* Mobile */

@media (max-width: 480px) {
  .report-container {
    min-width: var(--container-min-width-xs);
  }
  
  .report-header {
    margin-bottom: var(--spacing-lg);
    padding: 0 var(--spacing-md);
  }
  
  .report-main-title {
    font-size: 24px;
  }
}

/* Specific UI elements */

/* =============================================================================
   CONTROLS.CSS - Dropdown/Slider Controls
   ============================================================================= */

.controls-wrapper {
  width: 100%;
  margin-bottom: var(--spacing-2xl);
}

.controls-wrapper.light {
  color: var(--text-dark);
}

.controls-background {
  background: var(--bg-light);
  border: 2px solid var(--primary-blue);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-blue);
  margin: 0 var(--spacing-xl);
}

.controls-container {
  display: flex;
  gap: var(--spacing-4xl);
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

.control-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  min-width: 200px;
  max-width: 250px;
}

/* Control Labels */

.control-label {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--primary-blue);
  text-align: center;
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px;
}

/* Control Dropdowns - using base dropdown from components.css with specific sizing */

.control-dropdown {
  padding: 10px 14px;
  padding-right: 40px;
  border: 2px solid var(--border-light);
  border-radius: var(--radius-lg);
  font-size: var(--font-size-base);
  background-color: var(--bg-white);
  color: var(--text-secondary);
  cursor: pointer;
  transition: var(--transition-fast);
  height: 44px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
}

.control-dropdown:hover {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue-light);
}

.control-dropdown:focus {
  outline: none;
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 3px var(--primary-blue-light);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230000F3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

.control-dropdown option {
  background-color: var(--bg-white);
  color: var(--text-secondary);
  padding: var(--spacing-sm) var(--spacing-md);
}

.control-dropdown option:checked {
  background-color: var(--primary-blue);
  color: var(--text-white);
}

/* Slider Styles - using base slider from components.css with specific styling */

.slider-track {
  background: var(--bg-white);
  border-radius: var(--radius-lg);
  padding: 2px;
  border: 2px solid var(--border-light);
  transition: var(--transition-fast);
  display: flex;
  height: 44px;
  box-sizing: border-box;
  align-items: center;
}

.slider-track:hover {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 1px var(--primary-blue-light);
}

.slider-button {
  flex: 1;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: var(--transition-fast);
  color: var(--text-muted);
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-button.active {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue-hover));
  color: var(--text-white);
  box-shadow: 0 2px 8px var(--primary-blue-medium);
  transform: translateY(-1px);
}

.slider-button.disabled {
  background: var(--bg-lighter);
  color: var(--text-light);
  cursor: not-allowed;
  opacity: 0.6;
}

.slider-button:hover:not(.disabled):not(.active) {
  background: var(--primary-blue-light);
  color: var(--primary-blue);
}

/* =============================================================================
   RESPONSIVE DESIGN
   ============================================================================= */

@media (max-width: 1000px) {
  .controls-background {
    margin: 0 var(--spacing-lg);
    padding: var(--spacing-lg);
  }
  
  .controls-container {
    flex-direction: column;
    gap: var(--spacing-xl);
    align-items: stretch;
  }
  
  .control-group {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 768px) {
  .controls-background {
    margin: 0 var(--spacing-md);
    padding: var(--spacing-lg);
  }
  
  .controls-container {
    gap: var(--spacing-lg);
  }
  
  .control-group {
    min-width: 250px;
    max-width: 350px;
  }
  
  .slider-button {
    height: 38px;
    font-size: var(--font-size-md);
  }
  
  .control-dropdown {
    height: 42px;
    padding: var(--spacing-sm) var(--spacing-base);
    padding-right: 36px;
  }
}

@media (max-width: 480px) {
  .controls-wrapper {
    margin-bottom: var(--spacing-xl);
  }
  
  .controls-background {
    margin: 0 var(--spacing-sm);
    padding: var(--spacing-md);
  }
  
  .slider-track {
    padding: 3px;
  }
  
  .slider-button {
    height: 36px;
    font-size: var(--font-size-sm);
  }
  
  .control-group {
    min-width: 200px;
  }
  
  .control-dropdown {
    height: 40px;
    padding: var(--spacing-sm) var(--spacing-md);
    padding-right: 32px;
    font-size: var(--font-size-md);
  }
}

/* =============================================================================
   SECTIONS.CSS 
   ============================================================================= */

.section-container {
  width: 100%;
  max-width: none;
  min-width: var(--container-min-width);
  box-sizing: border-box;
  margin: 0 !important;
  color: var(--text-dark);
}

.section-container.dark {
  color: var(--text-white);
}

/* ENHANCED SECTIONS - Alle Sections verwenden jetzt das enhanced Design */

.collapsible-section {
  margin-bottom: var(--spacing-2xl);
  border: 2px solid var(--primary-blue);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-blue);
  transition: box-shadow var(--transition-fast);
  width: 100%;
  max-width: 100%;
  min-width: var(--container-min-width);
  display: block;
  box-sizing: border-box;
}

.dark .collapsible-section {
  border-color: var(--primary-blue);
  box-shadow: 0 4px 12px rgba(0, 0, 243, 0.3);
}

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-lg) var(--spacing-xl);
  background: var(--bg-light);
  border-bottom: 2px solid var(--primary-blue);
  cursor: pointer;
  transition: var(--transition-fast);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.dark .section-header {
  background: var(--bg-lighter);
  border-bottom-color: var(--primary-blue);
}

.section-header:hover {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-hover) 100%);
}

.dark .section-header:hover {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-hover) 100%);
}

.section-header h3 {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  transition: color var(--transition-fast);
}

.dark .section-header h3 {
  color: var(--bg-light);
}

.section-header:hover h3 {
  color: var(--text-white);
}

.header-content {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
  flex-shrink: 0;
  min-width: 0;
}

.section-subtitle {
  font-size: var(--font-size-base);
  color: var(--text-muted);
  font-weight: var(--font-weight-normal);
  white-space: nowrap;
  transition: color var(--transition-fast);
}

.dark .section-subtitle {
  color: var(--text-light);
}

.section-header:hover .section-subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.collapse-btn {
  background: var(--primary-blue);
  border: none;
  cursor: pointer;
  color: var(--text-white);
  font-size: var(--font-size-lg);
  padding: var(--spacing-xs);
  border-radius: var(--radius-sm);
  transition: background-color var(--transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.collapse-btn:hover {
  background: var(--primary-blue-hover);
}

.dark .collapse-btn {
  background: var(--primary-blue);
}

.dark .collapse-btn:hover {
  background: var(--primary-blue-hover);
}

.section-content {
  padding: var(--spacing-xl);
  background: var(--bg-white);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  animation: fadeIn var(--transition-normal) ease-out;
}

.dark .section-content {
  background: var(--text-primary);
}

/* SUMMARY CARDS */

.total-summary-card {
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
  background: linear-gradient(135deg, var(--bg-light) 0%, var(--border-primary) 100%);
  box-shadow: var(--shadow-sm);
}

.total-summary-card h5 {
  margin: 0;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  text-align: center;
  color: var(--text-primary);
}

/* SHIFT FILTER CONTAINERS */

.shift-filter-container {
  margin-bottom: var(--spacing-xl);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-primary);
  background: rgba(249, 250, 251, 0.6);
}

.shift-selector {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}

.shift-selector label {
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  color: var(--text-secondary);
}

.shift-dropdown {
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.2s ease;
  min-width: 300px;
  max-width: 500px;
  border: 1px solid var(--border-light);
  background: var(--bg-white);
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
}

.shift-dropdown:focus {
  outline: none;
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 3px var(--primary-blue-light);
}

.available-shifts-info {
  font-size: 12px;
  margin-left: var(--spacing-sm);
  white-space: nowrap;
  color: var(--text-muted);
}

.shift-loading {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
  font-size: 14px;
  background: rgba(249, 250, 251, 0.6);
  color: var(--text-muted);
}

.shift-loading .loading-spinner {
  font-size: 16px;
  color: var(--primary-blue);
}

/* CHART CONTAINERS */

.chart-section {
  margin-bottom: var(--spacing-2xl);
}

.chart-container {
  background: rgba(249, 250, 251, 0.6);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  border: 1px solid var(--border-primary);
}

.chart-container.modern {
  background: rgba(249, 250, 251, 0.5);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  border: 1px solid var(--border-primary);
}

/* LOADING/ERROR STATES für Sections */

.chart-loading,
.chart-error,
.chart-no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-5xl) var(--spacing-xl);
  text-align: center;
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-primary);
}

.chart-loading.modern,
.chart-no-data.modern {
  background: rgba(249, 250, 251, 0.8);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-xl);
  padding: var(--spacing-4xl);
  text-align: center;
}

.chart-error {
  color: var(--error-color);
  background: var(--error-bg);
  border: 1px solid var(--error-border);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
}

/* TABLE SECTIONS */

.table-section {
  margin-top: var(--spacing-xl);
}

.table-controls {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--spacing-xl);
  flex-wrap: wrap;
  gap: var(--spacing-lg);
}

.table-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
  flex-wrap: wrap;
}

.table-header h4 {
  margin: 0;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

.export-buttons {
  display: flex;
  gap: var(--spacing-sm);
}

.export-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 80px;
  justify-content: center;
  background: #dddcdc;
  color: #10b981;
}

.export-btn:hover:not(:disabled) {
  background: #10b981;
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.export-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.csv-btn:hover:not(:disabled) {
  background: #10b981;
  color: white;
}

.xlsx-btn {
  background: #dddcdc;
  color: #3b82f6;
}

.xlsx-btn:hover:not(:disabled) {
  background: #3b82f6;
  color: white;
}

.refresh-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid var(--border-light);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  background: var(--bg-white);
  color: var(--text-secondary);
}

.refresh-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  background: var(--bg-light);
  border-color: var(--text-muted);
}

.refresh-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.refresh-btn.refreshing {
  border-color: var(--primary-blue);
  color: var(--primary-blue);
  background: var(--bg-lighter);
}

/* TABLE INFO BAR */

.table-info-bar {
  padding: var(--spacing-md) var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--border-primary);
  background: rgba(249, 250, 251, 0.6);
}

.timeframe-info {
  font-size: 14px;
  color: var(--text-secondary);
}

.timeframe-info strong {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

.shift-info {
  font-weight: var(--font-weight-medium);
  color: var(--primary-blue);
}

/* RESPONSIVE DESIGN */

@media (max-width: 768px) {
  .section-container {
    min-width: var(--container-min-width-sm);
  }

  .collapsible-section {
    min-width: var(--container-min-width-sm);
  }

  .section-header {
    padding: var(--spacing-lg) var(--spacing-xl);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md);
  }

  .header-content {
    width: 100%;
    justify-content: space-between;
  }

  .section-content {
    padding: var(--spacing-lg);
  }

  .section-subtitle {
    font-size: 12px;
  }

  .shift-selector {
    flex-direction: column;
    gap: var(--spacing-sm);
    align-items: stretch;
  }
  
  .shift-dropdown {
    min-width: auto;
    max-width: none;
  }

  .available-shifts-info {
    margin-left: 0;
    text-align: center;
  }

  .table-controls {
    flex-direction: column;
    align-items: stretch;
  }

  .table-header {
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-md);
  }

  .table-header h4 {
    text-align: center;
  }

  .header-actions {
    flex-direction: column;
    gap: var(--spacing-sm);
    width: 100%;
  }

  .export-buttons {
    width: 100%;
  }

  .export-buttons button {
    flex: 1;
  }
}

@media (max-width: 480px) {
  .section-container {
    min-width: var(--container-min-width-xs);
  }

  .collapsible-section {
    min-width: var(--container-min-width-xs);
  }

  .section-header h3 {
    font-size: 16px;
  }

  .section-subtitle {
    font-size: 11px;
  }
}

/*
/* =============================================================================
   TABLES.CSS - Unified Data Table & Events Table Styles with Corporate Design
   ============================================================================= */

/* =============================================================================
   BASE TABLE VARIABLES & COMMON STYLES
   ============================================================================= */

:root {
  --table-primary-blue: #0000F3;
  --table-primary-blue-hover: #0000D1;
  --table-primary-blue-active: #0000B8;
  --table-primary-blue-light: rgba(0, 0, 243, 0.1);
  --table-primary-blue-medium: rgba(0, 0, 243, 0.2);
  --table-bg-white: #ffffff;
  --table-bg-light: #f8fafc;
  --table-bg-lighter: #f1f5f9;
  --table-border-light: #e2e8f0;
  --table-border-primary: #e1e7ef;
  --table-text-primary: #334155;
  --table-text-secondary: #475569;
  --table-text-muted: #64748b;
  --table-text-light: #9ca3af;
  --table-text-white: #ffffff;
  --table-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --table-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.04);
  --table-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --table-shadow-blue: 0 2px 8px rgba(0, 0, 243, 0.15);
  --table-shadow-blue-lg: 0 6px 16px rgba(0, 0, 243, 0.25);
  --table-radius-sm: 4px;
  --table-radius-md: 6px;
  --table-radius-lg: 8px;
  --table-radius-xl: 12px;
  --table-spacing-xs: 4px;
  --table-spacing-sm: 8px;
  --table-spacing-md: 12px;
  --table-spacing-lg: 16px;
  --table-spacing-xl: 20px;
  --table-spacing-2xl: 24px;
}

/* =============================================================================
   DATA TABLE SECTION LAYOUT
   ============================================================================= */

.data-table-section {
  margin-top: 0px;
  padding-top: 0px;
  border-top: none;
  width: 100%;
  box-sizing: border-box;
}

/* =============================================================================
   TABLE CONTROLS & HEADERS
   ============================================================================= */

.table-controls {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--table-spacing-xl);
  flex-wrap: wrap;
  gap: var(--table-spacing-lg);
}

.table-header {
  display: flex;
  align-items: center;
  gap: var(--table-spacing-lg);
  flex-wrap: wrap;
}

.table-header h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--table-primary-blue);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* =============================================================================
   HEADER ACTIONS & BUTTONS
   ============================================================================= */

.header-actions {
  display: flex;
  align-items: center;
  gap: var(--table-spacing-md);
}

.refresh-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  border: 2px solid var(--table-border-light);
  border-radius: var(--table-radius-lg);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  background: var(--table-bg-white);
  color: var(--table-text-primary);
  box-shadow: var(--table-shadow-sm);
}

.refresh-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  background: var(--table-bg-light);
  border-color: var(--table-primary-blue);
  color: var(--table-primary-blue);
  box-shadow: var(--table-shadow-blue);
}

.refresh-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.refresh-btn.refreshing {
  border-color: var(--table-primary-blue);
  color: var(--table-primary-blue);
  background: var(--table-bg-light);
}

.export-buttons {
  display: flex;
  gap: var(--table-spacing-sm);
}

.export-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  border: none !important; 
  border-radius: var(--table-radius-lg);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 90px;
  justify-content: center;
  background: linear-gradient(135deg, var(--table-bg-lighter) 0%, var(--table-border-light) 100%);
  color: var(--table-primary-blue);
  box-shadow: var(--table-shadow-sm);
}

.export-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, var(--table-primary-blue) 0%, var(--table-primary-blue-hover) 100%);
  color: var(--table-text-white);
  transform: translateY(-2px);
  box-shadow: var(--table-shadow-blue-lg);
}

.export-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* =============================================================================
   LOADING & UTILITY ANIMATIONS
   ============================================================================= */

.spinning {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* =============================================================================
   TABLE INFO BAR
   ============================================================================= */

.table-info-bar {
  padding: var(--table-spacing-lg) var(--table-spacing-xl);
  margin-bottom: var(--table-spacing-xl);
  border-radius: var(--table-radius-xl);
  border: 2px solid var(--table-border-primary);
  background: linear-gradient(135deg, var(--table-bg-light) 0%, var(--table-bg-lighter) 100%);
  box-shadow: var(--table-shadow-md);
}

.timeframe-info {
  font-size: 15px;
  color: var(--table-text-secondary);
  font-weight: 500;
}

.timeframe-info strong {
  font-weight: 700;
  color: var(--table-primary-blue);
}

.shift-info {
  font-weight: 600;
  color: var(--table-primary-blue);
}

.entity-filter-info {
  font-size: 13px;
  margin-left: var(--table-spacing-sm);
  font-style: italic;
  color: var(--table-text-muted);
}

/* =============================================================================
   TABLE FILTERS & DROPDOWNS
   ============================================================================= */

.table-filters {
  display: flex;
  gap: var(--table-spacing-xl);
  align-items: center;
  flex-wrap: wrap;
}

.aggregation-selector,
.entity-selector,
.shift-selector,
.sort-selector {
  display: flex;
  align-items: center;
  gap: 10px;
}

.aggregation-selector label,
.entity-selector label,
.shift-selector label,
.sort-selector label {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--table-text-primary);
}

.aggregation-dropdown,
.entity-dropdown,
.shift-dropdown,
.sort-dropdown {
  padding: 10px 16px;
  border-radius: var(--table-radius-lg);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 140px;
  border: 2px solid var(--table-border-light);
  background: var(--table-bg-white);
  color: var(--table-text-primary);
  box-shadow: var(--table-shadow-sm);
}

.aggregation-dropdown:focus,
.entity-dropdown:focus,
.shift-dropdown:focus,
.sort-dropdown:focus {
  outline: none;
  border-color: var(--table-primary-blue);
  box-shadow: 0 0 0 4px var(--table-primary-blue-light);
}

/* =============================================================================
   TABLE LOADING & ERROR STATES
   ============================================================================= */

.table-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  border-radius: var(--table-radius-xl);
  border: 2px solid var(--table-border-light);
  background: linear-gradient(135deg, var(--table-bg-light) 0%, var(--table-bg-lighter) 100%);
  color: var(--table-text-muted);
  box-shadow: var(--table-shadow-lg);
}

.table-loading .loading-spinner {
  animation: spin 1s linear infinite;
  font-size: 40px;
  margin-bottom: var(--table-spacing-2xl);
  color: var(--table-primary-blue);
}

.table-loading p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.table-error {
  text-align: center;
  padding: 50px 20px;
  border-radius: var(--table-radius-xl);
  border: 2px solid #fecaca;
  font-size: 15px;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  color: #dc2626;
  font-weight: 500;
}

/* =============================================================================
   MAIN TABLE CONTAINER & STYLES
   ============================================================================= */

.table-container {
  overflow-x: auto;
  border-radius: var(--table-radius-xl);
  border: 2px solid var(--table-border-light);
  box-shadow: var(--table-shadow-lg);
  -webkit-overflow-scrolling: touch;
}

/* UNIFIED TABLE STYLES - applies to all table types */

.data-table,
.error-table,
.shift-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--table-bg-white);
  min-width: 1000px;
}

.data-table th,
.data-table td,
.error-table th,
.error-table td,
.shift-table th,
.shift-table td {
  padding: var(--table-spacing-lg) var(--table-spacing-xl);
  text-align: left;
  border-bottom: 1px solid var(--table-bg-lighter);
  vertical-align: middle;
}

.data-table th,
.error-table th,
.shift-table th {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: linear-gradient(135deg, var(--table-primary-blue) 0%, var(--table-primary-blue-hover) 100%);
  color: var(--table-text-white);
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.data-table th.sortable,
.error-table th.sortable,
.shift-table th.sortable {
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}

.data-table th.sortable:hover,
.error-table th.sortable:hover,
.shift-table th.sortable:hover {
  background: linear-gradient(135deg, var(--table-primary-blue-hover) 0%, var(--table-primary-blue-active) 100%);
  color: var(--table-text-white);
  transform: translateY(-1px);
}

.data-table td,
.error-table td,
.shift-table td {
  font-size: 14px;
  color: var(--table-text-secondary);
  font-weight: 500;
  line-height: 1.5;
}

.data-table tbody tr td:first-child,
.error-table tbody tr td:first-child,
.shift-table tbody tr td:first-child {
  color: var(--table-primary-blue) !important;
  font-weight: 700;
}

.data-table tbody tr:nth-child(even),
.error-table tbody tr:nth-child(even),
.shift-table tbody tr:nth-child(even) {
  background: linear-gradient(135deg, var(--table-bg-light) 0%, var(--table-bg-lighter) 100%);
}

.data-table tbody tr:hover,
.error-table tbody tr:hover,
.shift-table tbody tr:hover {
  background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
  transform: translateY(-1px);
  box-shadow: var(--table-shadow-blue-light);
  transition: all 0.3s ease;
}

.data-table tbody tr:last-child td,
.error-table tbody tr:last-child td,
.shift-table tbody tr:last-child td {
  border-bottom: none;
}

/* =============================================================================
   TABLE CELL TYPES & FORMATTING
   ============================================================================= */

.numeric {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--table-primary-blue);
}

.entity-name {
  font-weight: 600;
  color: var(--table-text-primary);
}

/* =============================================================================
   SORT INDICATORS
   ============================================================================= */

.sort-icon {
  margin-left: 10px;
  font-size: 12px;
  transition: all 0.3s ease;
}

.sort-icon.inactive {
  color: rgba(255, 255, 255, 0.6);
}

.sort-icon.active {
  color: var(--table-text-white);
  transform: scale(1.2);
}

.sort-indicator {
  margin-left: 10px;
  font-size: 12px;
  color: var(--table-text-white);
  font-weight: bold;
}

/* =============================================================================
   NO DATA & EMPTY STATES
   ============================================================================= */

.table-no-data,
.no-errors-message {
  text-align: center;
  padding: 60px 20px;
  border-radius: var(--table-radius-xl);
  border: 2px solid var(--table-border-light);
  font-size: 15px;
  background: linear-gradient(135deg, var(--table-bg-light) 0%, var(--table-bg-lighter) 100%);
  color: var(--table-text-muted);
  font-weight: 500;
  box-shadow: var(--table-shadow-lg);
}

.shift-pagination-info {
  font-size: 13px;
  font-style: italic;
  color: var(--table-primary-blue);
  font-weight: 500;
}

.shift-no-data-info {
  font-size: 13px;
  margin-top: 10px;
  font-style: italic;
  color: var(--table-primary-blue);
  font-weight: 500;
}

.retry-btn, .refresh-no-data-btn {
  display: flex;
  align-items: center;
  gap: var(--table-spacing-sm);
  padding: var(--table-spacing-md) var(--table-spacing-xl);
  margin: var(--table-spacing-lg) auto 0;
  border: 2px solid var(--table-primary-blue);
  border-radius: var(--table-radius-lg);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  background: var(--table-bg-white);
  color: var(--table-primary-blue);
  box-shadow: var(--table-shadow-blue);
}

.retry-btn:hover, .refresh-no-data-btn:hover {
  background: var(--table-primary-blue);
  color: var(--table-text-white);
  transform: translateY(-2px);
  box-shadow: var(--table-shadow-blue-lg);
}

/* =============================================================================
   UNIFIED PAGINATION SYSTEM
   ============================================================================= */

.pagination,
.pagination-container,
.table-footer .pagination {
  margin-top: var(--table-spacing-2xl);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--table-spacing-xl);
  padding: var(--table-spacing-xl);
  border-radius: var(--table-radius-xl);
  background: linear-gradient(135deg, var(--table-bg-light) 0%, var(--table-bg-lighter) 100%);
  border: 2px solid var(--table-border-light);
}

.pagination-info,
.table-count {
  font-size: 14px;
  color: var(--table-text-secondary);
  font-weight: 500;
}

.table-info {
  margin-bottom: var(--table-spacing-xl);
  padding: var(--table-spacing-lg) var(--table-spacing-xl);
  border-radius: var(--table-radius-xl);
  border: 2px solid var(--table-border-light);
  background: linear-gradient(135deg, var(--table-bg-light) 0%, var(--table-bg-lighter) 100%);
  box-shadow: var(--table-shadow-md);
}

.pagination-controls {
  display: flex;
  align-items: center;
  gap: var(--table-spacing-md);
}

.pagination-btn,
.prev-btn,
.next-btn {
  padding: 10px 18px;
  border-radius: var(--table-radius-lg);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid var(--table-border-light);
  background: var(--table-bg-white);
  color: var(--table-text-primary);
  box-shadow: var(--table-shadow-sm);
}

.pagination-btn:hover:not(:disabled),
.prev-btn:hover:not(:disabled),
.next-btn:hover:not(:disabled) {
  background: var(--table-primary-blue);
  border-color: var(--table-primary-blue);
  color: var(--table-text-white);
  transform: translateY(-2px);
  box-shadow: var(--table-shadow-blue-lg);
}

.pagination-btn:disabled,
.prev-btn:disabled,
.next-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.page-numbers {
  display: flex;
  gap: 6px;
}

.page-btn {
  padding: 10px 14px;
  border-radius: var(--table-radius-lg);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 44px;
  border: 2px solid var(--table-border-light);
  background: var(--table-bg-white);
  color: var(--table-text-primary);
  box-shadow: var(--table-shadow-sm);
}

.page-btn:hover:not(.active) {
  background: var(--table-bg-light);
  border-color: #cbd5e1;
  transform: translateY(-1px);
}

.page-btn.active {
  background: linear-gradient(135deg, var(--table-primary-blue) 0%, var(--table-primary-blue-hover) 100%);
  border-color: var(--table-primary-blue);
  color: var(--table-text-white);
  transform: translateY(-1px);
  box-shadow: var(--table-shadow-blue-lg);
}

.page-btn.active:hover {
  background: linear-gradient(135deg, var(--table-primary-blue-hover) 0%, var(--table-primary-blue-active) 100%);
  border-color: var(--table-primary-blue-hover);
}

.ellipsis {
  padding: 10px 6px;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--table-text-muted);
  font-weight: 500;
}

/* =============================================================================
   SHIFT EXPLORER SPECIFIC STYLES - BACKGROUND FIX
   ============================================================================= */

/* Fix für weißen Bereich rechts - Container Background */

.shifts-container .table-container {
  background: var(--table-bg-white) !important;
  border-radius: var(--table-radius-xl);
  border: 2px solid var(--table-border-light);
  box-shadow: var(--table-shadow-lg);
  overflow-x: auto;
  width: 100%;
}

/* Shift Table Container - ensure background fills */

.shifts-container .table-wrapper {
  background: var(--table-bg-white) !important;
  min-width: 100%;
  width: 100%;
}

/* Shift Table - Background und Struktur */

.shifts-container .shift-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--table-bg-white) !important;
  min-width: 1200px;
  margin: 0;
  border-spacing: 0;
}

/* Shift Table Column Widths */

.shift-explorer-table-container .entity-name-col { 
  width: 180px; 
  min-width: 180px; 
}

.shift-explorer-table-container .shift-name-col { 
  width: 100px; 
  min-width: 100px; 
}

.shift-explorer-table-container .shift-time-col { 
  width: 90px; 
  min-width: 90px; 
}

.shift-explorer-table-container .shift-data-col { 
  width: 140px; 
  min-width: 140px; 
}

.shift-explorer-table-container .shift-errors-col { 
  width: 140px; 
  min-width: 140px; 
}

/* Shift Table Cells */

.entity-name-cell {
  font-weight: 600;
}

.shift-name-cell,
.shift-time-cell {
  text-align: center;
}

.shift-data-cell.numeric {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--table-primary-blue);
}

.shift-errors-cell {
  text-align: center;
}

/* Group Separators - REMOVED: Not needed with 1 entity per page */

/* Error Summary */

.errors-summary {
  display: flex;
  gap: var(--table-spacing-sm);
  justify-content: center;
}

.error-level2, .error-level3 {
  font-size: 12px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: var(--table-radius-sm);
}

.error-level2 {
  background: #f59e0b;
  color: var(--table-text-white);
}

.error-level3 {
  background: #dc2626;
  color: var(--table-text-white);
}

.no-errors {
  color: var(--table-text-light);
  font-style: italic;
}

/* =============================================================================
   EVENTS TABLE SPECIFIC STYLES 
   ============================================================================= */

/* Events Table Section */

.events-table-section {
  margin-top: var(--table-spacing-xl);
}

/* Events Filter Container */

.events-filter-container {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  margin-bottom: var(--table-spacing-2xl);
  flex-wrap: wrap;
  padding: var(--table-spacing-xl);
  border-radius: var(--table-radius-xl);
  border: 2px solid var(--table-border-light);
  background: linear-gradient(135deg, var(--table-bg-light) 0%, var(--table-bg-lighter) 100%);
  box-shadow: var(--table-shadow-md);
}

.events-dropdown-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.events-dropdown-container label {
  font-size: 14px;
  font-weight: 700;
  color: var(--table-primary-blue);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.events-filter-dropdown {
  padding: 10px 16px;
  border-radius: var(--table-radius-lg);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 180px;
  border: 2px solid var(--table-border-light);
  background: var(--table-bg-white);
  color: var(--table-text-primary);
  box-shadow: var(--table-shadow-sm);
}

.events-filter-dropdown:focus {
  outline: none;
  border-color: var(--table-primary-blue);
  box-shadow: 0 0 0 4px var(--table-primary-blue-light);
}

/* Events Checkbox Container */

.events-checkbox-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 250px;
  flex: 1;
}

.events-checkbox-container > label:first-child {
  font-size: 14px;
  font-weight: 700;
  color: var(--table-primary-blue);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.checkbox-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--table-spacing-sm) var(--table-spacing-lg);
  max-width: none;
}

.checkbox-item {
  display: flex;
  align-items: center;
  gap: var(--table-spacing-sm);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: var(--table-text-secondary);
  padding: 6px 0;
  min-width: 140px;
}

.checkbox-item input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--table-primary-blue);
  cursor: pointer;
  flex-shrink: 0;
}

.checkbox-item:hover {
  color: var(--table-primary-blue);
}

/* Table Scroll Container */

.table-scroll-container {
  overflow-x: auto;
  border-radius: var(--table-radius-xl);
  border: 2px solid var(--table-border-light);
  box-shadow: var(--table-shadow-lg);
}

.table-wrapper {
  min-width: 100%;
}

/* Error Table Column Widths */

.unit-fleet-col { width: 200px; min-width: 200px; white-space: nowrap !important; }

.time-col { width: 160px; min-width: 160px; }

.category-col { width: 140px; min-width: 140px; }

.error-code-col { width: 120px; min-width: 120px; }

.affected-component-col { width: 160px; min-width: 160px; }

.lookup-description-col { width: 280px; min-width: 280px; }

.remedy-col { width: 220px; min-width: 220px; }

.event-description-col { width: 220px; min-width: 220px; }

.time-cell {
  white-space: nowrap !important;
}

/* Cell Content */

.cell-content {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
}

/* Unit/Fleet Cell */

.unit-fleet-cell {
  padding: var(--table-spacing-md) var(--table-spacing-lg);
}

.stable-layout {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 50px;
  justify-content: center;
}

.unit-info, .fleet-info {
  display: flex;
  align-items: center;
  min-height: 20px;
}

/* =============================================================================
   BADGE STYLES
   ============================================================================= */

.unit-badge, .fleet-badge {
  padding: var(--table-spacing-xs) 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--table-text-white);
  background: linear-gradient(135deg, var(--table-primary-blue) 0%, var(--table-primary-blue-hover) 100%);
  box-shadow: 0 1px 3px rgba(0, 0, 243, 0.3);
}

.shift-badge {
  padding: var(--table-spacing-xs) 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--table-text-white);
  background: linear-gradient(135deg, var(--table-primary-blue) 0%, var(--table-primary-blue-hover) 100%);
  box-shadow: 0 1px 3px rgba(0, 0, 243, 0.3);
}

.time-badge {
  padding: var(--table-spacing-xs) 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--table-text-primary);
  background: linear-gradient(135deg, var(--table-bg-lighter) 0%, var(--table-border-light) 100%);
  border: 1px solid #cbd5e1;
  display: inline-block;
}

.category-badge {
  padding: 6px var(--table-spacing-md);
  border-radius: var(--table-radius-lg);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.error-level31-badge { background: #dc3545; color: var(--table-text-white); }

.error-level32-badge { background: #c82333; color: var(--table-text-white); }

.error-level33-badge { background: #b21e2b; color: var(--table-text-white); }

.error-level34-badge { background: #8B0000; color: var(--table-text-white); }

.error-code-badge {
  padding: var(--table-spacing-xs) var(--table-spacing-sm);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  font-family: 'Monaco', 'Consolas', monospace;
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  color: #e2e8f0;
  border: 1px solid #475569;
}

.error-code-badge.outdated-badge {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  color: var(--table-text-white);
}

.outdated-warning {
  font-size: 10px;
  color: #dc2626;
  font-weight: 500;
  margin-top: 2px;
  font-style: italic;
}

.component-badge {
  padding: var(--table-spacing-xs) 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: var(--table-text-white);
}

.na-badge, .na-text {
  color: var(--table-text-light);
  font-style: italic;
  font-weight: 500;
}

.coming-soon-badge {
  padding: var(--table-spacing-xs) 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: var(--table-text-white);
}

.lookup-description-text {
  color: var(--table-text-secondary);
  font-weight: 500;
}

.remedy-badge {
  padding: var(--table-spacing-xs) 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: var(--table-text-white);
}

.event-description-text {
  color: var(--table-text-muted);
  font-weight: 500;
}

.no-error-code {
  color: var(--table-text-light);
  font-style: italic;
}

/* Pagination Info Extensions */

.pagination-container .pagination-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
}

.page-indicator {
  font-size: 14px;
  color: var(--table-text-secondary);
  font-weight: 600;
}

.shift-info {
  font-size: 13px;
  color: var(--table-primary-blue);
  font-weight: 600;
}

.prev-btn, .next-btn {
  min-width: 130px;
  font-weight: 600;
}

/* Available Shifts Info */

.available-shifts-info {
  font-size: 12px;
  color: var(--table-text-muted);
  font-style: italic;
  margin-left: var(--table-spacing-sm);
}

/* =============================================================================
   RESPONSIVE DESIGN FOR TABLES
   ============================================================================= */

/* Mobile Responsiveness */

@media (max-width: 768px) {
  .table-controls {
    flex-direction: column;
    align-items: stretch;
  }

  .table-header {
    flex-direction: column;
    align-items: stretch;
    gap: var(--table-spacing-lg);
  }

  .table-header h4 {
    text-align: center;
    font-size: 16px;
  }

  .header-actions {
    flex-direction: column;
    gap: var(--table-spacing-md);
    width: 100%;
  }

  .refresh-btn {
    width: 100%;
    justify-content: center;
  }

  .export-buttons {
    display: flex;
    gap: 10px;
    width: 100%;
  }

  .export-buttons button {
    flex: 1;
  }

  .table-info-bar {
    padding: var(--table-spacing-md) var(--table-spacing-lg);
  }

  .timeframe-info {
    font-size: 14px;
  }

  .table-filters {
    justify-content: center;
    gap: var(--table-spacing-lg);
    flex-direction: column;
  }

  .aggregation-selector,
  .entity-selector,
  .shift-selector,
  .sort-selector {
    flex-direction: column;
    gap: 6px;
    text-align: center;
    width: 100%;
  }

  .aggregation-dropdown,
  .entity-dropdown,
  .shift-dropdown,
  .sort-dropdown {
    width: 100%;
  }

  .data-table th,
  .data-table td,
  .error-table th,
  .error-table td,
  .shift-table th,
  .shift-table td {
    padding: var(--table-spacing-md) 14px;
    font-size: 13px;
  }

  .pagination,
  .pagination-container,
  .table-footer .pagination {
    flex-direction: column;
    gap: var(--table-spacing-lg);
    padding: var(--table-spacing-lg);
  }

  .pagination-controls {
    justify-content: center;
  }

  .page-numbers {
    flex-wrap: wrap;
    justify-content: center;
  }

  /* Events Table Mobile */
  .events-filter-container {
    flex-direction: column;
    gap: var(--table-spacing-lg);
    padding: var(--table-spacing-lg);
  }

  .events-dropdown-container {
    width: 100%;
  }

  .events-filter-dropdown {
    width: 100%;
    min-width: auto;
  }

  .events-checkbox-container {
    width: 100%;
    min-width: auto;
  }

  .checkbox-group {
    grid-template-columns: 1fr;
    gap: var(--table-spacing-sm);
  }

  .checkbox-item {
    min-width: auto;
  }

  .prev-btn, .next-btn {
    min-width: 120px;
  }

  .errors-summary {
    flex-direction: column;
    gap: var(--table-spacing-xs);
  }

  .error-level2, .error-level3 {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .table-filters {
    flex-direction: column;
    gap: var(--table-spacing-md);
  }

  .data-table th,
  .data-table td,
  .error-table th,
  .error-table td,
  .shift-table th,
  .shift-table td {
    padding: 10px var(--table-spacing-md);
    font-size: 12px;
  }

  .table-header h4 {
    font-size: 15px;
  }

  .export-btn {
    font-size: 13px;
    padding: var(--table-spacing-sm) 14px;
    min-width: 80px;
  }

  .aggregation-dropdown,
  .entity-dropdown,
  .shift-dropdown,
  .sort-dropdown {
    font-size: 13px;
    padding: var(--table-spacing-sm) var(--table-spacing-md);
    min-width: 120px;
  }

  .pagination-btn,
  .page-btn,
  .prev-btn,
  .next-btn {
    padding: var(--table-spacing-sm) 14px;
    font-size: 13px;
  }

  .page-btn {
    min-width: 40px;
    padding: var(--table-spacing-sm) var(--table-spacing-md);
  }

  .pagination-info,
  .table-count {
    font-size: 13px;
    text-align: center;
  }

  .errors-summary {
    gap: 2px;
  }

  .error-level2, .error-level3 {
    font-size: 10px;
    padding: 1px var(--table-spacing-xs);
  }
}

/* =============================================================================
   CHARTS.CSS - Chart Container, Tooltips
   ============================================================================= */

.chart-container {
  background: var(--bg-white);
  border-radius: var(--radius-xl);
  padding: var(--spacing-lg);
  border: 1px solid var(--border-primary);
  box-shadow: var(--shadow-sm);
}

.chart-container.modern {
  background: rgba(249, 250, 251, 0.5);
  border-radius: var(--radius-xl);
  padding: var(--spacing-lg);
  border: 1px solid var(--border-primary);
}

/* =============================================================================
   EVENTS CHART STYLES
   ============================================================================= */

.events-chart-section {
  margin-bottom: var(--spacing-3xl);
}

.events-chart-section.modern {
  background: linear-gradient(135deg, var(--bg-white) 0%, var(--bg-card) 100%);
  border-radius: var(--radius-2xl);
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border-medium);
  margin-bottom: var(--spacing-3xl);
  position: relative;
  transition: var(--transition-normal);
}

.events-chart-section.modern:hover {
  box-shadow: var(--shadow-lg);
}

.events-chart-section.modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-blue) 0%, var(--primary-blue-hover) 100%);
  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
}

.chart-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--spacing-xl);
  padding: 0 var(--spacing-xs);
}

.header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
}

.header-left h4 {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

.subtitle-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

/* =============================================================================
   MODERN TOOLTIP STYLES
   ============================================================================= */

.modern-tooltip {
  border-radius: var(--radius-xl);
  padding: var(--spacing-md) var(--spacing-lg);
  border: 1px solid var(--border-medium);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: var(--bg-glass);
  box-shadow: var(--shadow-xl);
  min-width: 220px;
  z-index: var(--z-tooltip);
}

.modern-tooltip.light {
  background: var(--bg-glass);
}

.modern-tooltip.dark {
  background: rgba(31, 41, 55, 0.95);
  border-color: var(--border-dark);
}

/* Standard Tooltip Content */

.tooltip-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  align-items: center;
  text-align: center;
}

.tooltip-name {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
  max-width: 200px;
  word-wrap: break-word;
  color: var(--text-primary);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.tooltip-value {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--primary-blue);
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.tooltip-label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-muted);
}

/* Enhanced Tooltip for Events */

.tooltip-header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
  border-bottom: 1px solid var(--border-primary);
}

.tooltip-icon {
  font-size: var(--font-size-base);
  color: var(--primary-blue);
  margin-top: 2px;
  flex-shrink: 0;
}

.tooltip-title-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.tooltip-title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

.tooltip-id {
  font-size: var(--font-size-xs);
  color: var(--text-muted);
  font-weight: var(--font-weight-normal);
}

.tooltip-total {
  font-size: var(--font-size-md);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-sm);
}

.tooltip-shift {
  padding: var(--spacing-xs) 0;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-primary);
  margin-bottom: var(--spacing-sm);
}

.tooltip-breakdown {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.tooltip-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: var(--font-size-sm);
}

.tooltip-color-indicator {
  width: 12px;
  height: 12px;
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}

.tooltip-label {
  color: var(--text-secondary);
  flex: 1;
}

.tooltip-value {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

/* =============================================================================
   LOADING, ERROR, AND NO DATA STATES FOR CHARTS
   ============================================================================= */

.chart-loading,
.chart-error,
.chart-no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-5xl) var(--spacing-xl);
  text-align: center;
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-primary);
}

.chart-loading {
  background: rgba(249, 250, 251, 0.8);
  color: var(--text-muted);
}

.chart-error {
  background: var(--error-bg);
  border-color: var(--error-border);
  color: var(--error-color);
}

.chart-no-data {
  background: rgba(249, 250, 251, 0.8);
  color: var(--text-muted);
}

.chart-loading.modern, 
.chart-no-data.modern {
  background: rgba(249, 250, 251, 0.8);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-xl);
  padding: var(--spacing-4xl);
  text-align: center;
}

.loading-content, 
.no-data-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.loading-spinner {
  font-size: 32px;
  color: var(--primary-blue);
  margin-bottom: var(--spacing-xl);
}

.loading-spinner.spinning {
  animation: spin 1s linear infinite;
}

.no-data-icon {
  font-size: 48px;
  color: var(--text-light);
}

.no-data-content p {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  margin: 0;
}

.no-data-subtitle {
  font-size: var(--font-size-base);
  color: var(--text-muted);
}

/* Dark mode variations */

.dark .chart-loading {
  background: rgba(55, 65, 81, 0.8);
  color: var(--text-light);
}

.dark .chart-no-data {
  background: rgba(55, 65, 81, 0.8);
  color: var(--text-light);
}

.dark .chart-loading.modern,
.dark .chart-no-data.modern {
  background: rgba(55, 65, 81, 0.8);
  border-color: var(--border-dark);
}

/* =============================================================================
   RESPONSIVE DESIGN
   ============================================================================= */

@media (max-width: 768px) {
  .chart-container {
    padding: var(--spacing-md);
  }

  .chart-container.modern {
    padding: var(--spacing-md);
  }

  .events-chart-section.modern {
    padding: var(--spacing-lg);
  }

  .chart-header {
    flex-direction: column;
    gap: var(--spacing-md);
  }

  .tooltip-content {
    gap: var(--spacing-xs);
  }

  .tooltip-name {
    font-size: var(--font-size-sm);
    max-width: 150px;
  }

  .tooltip-value {
    font-size: var(--font-size-lg);
  }

  .modern-tooltip {
    min-width: 180px;
    padding: var(--spacing-sm) var(--spacing-md);
  }

  .tooltip-breakdown {
    gap: 2px;
  }

  .tooltip-item {
    font-size: var(--font-size-xs);
    gap: var(--spacing-xs);
  }

  .tooltip-color-indicator {
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 480px) {
  .chart-container,
  .chart-container.modern {
    padding: var(--spacing-sm);
  }

  .events-chart-section.modern {
    padding: var(--spacing-md);
  }

  .modern-tooltip {
    min-width: 160px;
    padding: var(--spacing-sm);
  }

  .tooltip-name {
    font-size: var(--font-size-xs);
    max-width: 120px;
  }

  .tooltip-value {
    font-size: var(--font-size-base);
  }

  .loading-spinner {
    font-size: 24px;
    margin-bottom: var(--spacing-md);
  }

  .no-data-icon {
    font-size: 36px;
  }

  .no-data-content p {
    font-size: var(--font-size-base);
  }

  .no-data-subtitle {
    font-size: var(--font-size-sm);
  }
}

/* Special sections - Contains Styles for Quick Compare, Shift Explorer & Export */

/* =============================================================================
   SPECIAL-SECTIONS.CSS - Events, QuickCompare, ShiftExplorer, Export
   Tabellenstyles sind ausgelagert in tables.css
   ============================================================================= */

/* =============================================================================
   CSS VARIABLES FOR SPECIAL SECTIONS
   ============================================================================= */

:root {
  /* Special Sections Color Palette */
  --special-primary-blue: #0000F3;
  --special-primary-blue-hover: #0000D1;
  --special-primary-blue-active: #0000B8;
  --special-primary-blue-light: rgba(0, 0, 243, 0.1);
  --special-primary-blue-medium: rgba(0, 0, 243, 0.2);
  --special-primary-blue-dark: rgba(0, 0, 243, 0.4);

  /* Background Colors */
  --special-bg-white: #ffffff;
  --special-bg-light: #f8fafc;
  --special-bg-lighter: #f1f5f9;
  --special-bg-glass-light: rgba(255, 255, 255, 0.3);
  --special-bg-glass-dark: rgba(255, 255, 255, 0.15);

  /* Border Colors */
  --special-border-light: #e2e8f0;
  --special-border-primary: #e1e7ef;

  /* Text Colors */
  --special-text-primary: #334155;
  --special-text-secondary: #475569;
  --special-text-muted: #64748b;
  --special-text-light: #9ca3af;
  --special-text-white: #ffffff;
  --special-text-dark: #1f2937;

  /* Shadows */
  --special-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --special-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.04);
  --special-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --special-shadow-blue: 0 4px 12px rgba(0, 0, 243, 0.15);
  --special-shadow-blue-lg: 0 6px 16px rgba(0, 0, 243, 0.25);

  /* Spacing */
  --special-spacing-xs: 4px;
  --special-spacing-sm: 8px;
  --special-spacing-md: 12px;
  --special-spacing-lg: 16px;
  --special-spacing-xl: 20px;
  --special-spacing-2xl: 24px;
  --special-spacing-3xl: 32px;

  /* Border Radius */
  --special-radius-sm: 4px;
  --special-radius-md: 6px;
  --special-radius-lg: 8px;
  --special-radius-xl: 12px;
  --special-radius-2xl: 16px;

  /* Container Sizes */
  --special-container-min-width: 1200px;
  --special-container-min-width-lg: 1000px;
  --special-container-min-width-md: 900px;
  --special-container-min-width-sm: 600px;
  --special-container-min-width-xs: 320px;

  /* Transitions */
  --special-transition-fast: all 0.2s ease;
  --special-transition-normal: all 0.3s ease;

  /* Font Weights */
  --special-font-weight-normal: 400;
  --special-font-weight-medium: 500;
  --special-font-weight-semibold: 600;
  --special-font-weight-bold: 700;

  /* Font Sizes */
  --special-font-size-xs: 12px;
  --special-font-size-sm: 13px;
  --special-font-size-base: 14px;
  --special-font-size-md: 15px;
  --special-font-size-lg: 16px;
  --special-font-size-xl: 18px;
  --special-font-size-2xl: 20px;
}

/* =============================================================================
   BASE SPECIAL CONTAINER STYLES
   ============================================================================= */

.events-container,
.quick-compare-container,
.shifts-container,
.export-container {
  width: 100%;
  max-width: none;
  min-width: var(--special-container-min-width);
  box-sizing: border-box;
  margin: 0 !important;
  color: var(--special-text-dark);
}

.events-container.dark,
.quick-compare-container.dark,
.shifts-container.dark,
.export-container.dark {
  color: var(--special-text-white);
}

/* =============================================================================
   ENHANCED COLLAPSIBLE SECTIONS
   ============================================================================= */

.events-container .collapsible-section,
.quick-compare-container .collapsible-section,
.shifts-container .collapsible-section,
.export-container .collapsible-section {
  margin-bottom: var(--special-spacing-2xl);
  border: 2px solid var(--special-primary-blue);
  border-radius: var(--special-radius-xl);
  overflow: hidden;
  box-shadow: var(--special-shadow-blue);
  transition: box-shadow var(--special-transition-fast);
  width: 100%;
  max-width: 100%;
  min-width: var(--special-container-min-width);
  display: block;
  box-sizing: border-box;
}

.dark .events-container .collapsible-section,
.dark .quick-compare-container .collapsible-section,
.dark .shifts-container .collapsible-section,
.dark .export-container .collapsible-section {
  border-color: var(--special-primary-blue);
  box-shadow: 0 4px 12px rgba(0, 0, 243, 0.3);
}

/* =============================================================================
   SECTION HEADERS
   ============================================================================= */

.events-container .section-header,
.quick-compare-container .section-header,
.shifts-container .section-header,
.export-container .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--special-spacing-lg) var(--special-spacing-xl);
  background: var(--special-bg-light);
  border-bottom: 2px solid var(--special-primary-blue);
  cursor: pointer;
  transition: var(--special-transition-fast);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.dark .events-container .section-header,
.dark .quick-compare-container .section-header,
.dark .shifts-container .section-header,
.dark .export-container .section-header {
  background: var(--special-bg-lighter);
  border-bottom-color: var(--special-primary-blue);
}

.events-container .section-header:hover,
.quick-compare-container .section-header:hover,
.shifts-container .section-header:hover,
.export-container .section-header:hover {
  background: linear-gradient(135deg, var(--special-primary-blue) 0%, var(--special-primary-blue-hover) 100%);
}

.dark .events-container .section-header:hover,
.dark .quick-compare-container .section-header:hover,
.dark .shifts-container .section-header:hover,
.dark .export-container .section-header:hover {
  background: linear-gradient(135deg, var(--special-primary-blue) 0%, var(--special-primary-blue-hover) 100%);
}

/* Section Header Titles */

.events-container .section-header h3,
.quick-compare-container .section-header h3,
.shifts-container .section-header h3,
.export-container .section-header h3 {
  margin: 0;
  font-size: var(--special-font-size-xl);
  font-weight: var(--special-font-weight-semibold);
  color: var(--special-text-primary);
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  transition: color var(--special-transition-fast);
}

.dark .events-container .section-header h3,
.dark .quick-compare-container .section-header h3,
.dark .shifts-container .section-header h3,
.dark .export-container .section-header h3 {
  color: var(--special-bg-light);
}

.events-container .section-header:hover h3,
.quick-compare-container .section-header:hover h3,
.shifts-container .section-header:hover h3,
.export-container .section-header:hover h3 {
  color: var(--special-text-white);
}

/* Header Content & Subtitles */

.events-container .header-content,
.quick-compare-container .header-content,
.shifts-container .header-content,
.export-container .header-content {
  display: flex;
  align-items: center;
  gap: var(--special-spacing-lg);
  flex-shrink: 0;
  min-width: 0;
}

.events-container .chart-subtitle,
.quick-compare-container .chart-subtitle,
.shifts-container .chart-subtitle,
.export-container .chart-subtitle {
  font-size: var(--special-font-size-base);
  color: var(--special-text-muted);
  font-weight: var(--special-font-weight-normal);
  white-space: nowrap;
  transition: color var(--special-transition-fast);
}

.dark .events-container .chart-subtitle,
.dark .quick-compare-container .chart-subtitle,
.dark .shifts-container .chart-subtitle,
.dark .export-container .chart-subtitle {
  color: var(--special-text-light);
}

.events-container .section-header:hover .chart-subtitle,
.quick-compare-container .section-header:hover .chart-subtitle,
.shifts-container .section-header:hover .chart-subtitle,
.export-container .section-header:hover .chart-subtitle {
  color: rgba(255, 255, 255, 0.9);
}

/* Collapse Buttons */

.events-container .collapse-btn,
.quick-compare-container .collapse-btn,
.shifts-container .collapse-btn,
.export-container .collapse-btn {
  background: var(--special-primary-blue);
  border: none;
  cursor: pointer;
  color: var(--special-text-white);
  font-size: var(--special-font-size-lg);
  padding: var(--special-spacing-xs);
  border-radius: var(--special-radius-sm);
  transition: background-color var(--special-transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.events-container .collapse-btn:hover,
.quick-compare-container .collapse-btn:hover,
.shifts-container .collapse-btn:hover,
.export-container .collapse-btn:hover {
  background: var(--special-primary-blue-hover);
}

.dark .events-container .collapse-btn,
.dark .quick-compare-container .collapse-btn,
.dark .shifts-container .collapse-btn,
.dark .export-container .collapse-btn {
  background: var(--special-primary-blue);
}

.dark .events-container .collapse-btn:hover,
.dark .quick-compare-container .collapse-btn:hover,
.dark .shifts-container .collapse-btn:hover,
.dark .export-container .collapse-btn:hover {
  background: var(--special-primary-blue-hover);
}

/* =============================================================================
   SECTION CONTENT
   ============================================================================= */

.events-container .section-content,
.quick-compare-container .section-content,
.shifts-container .section-content,
.export-container .section-content {
  padding: var(--special-spacing-xl);
  background: var(--special-bg-white);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  animation: fadeIn var(--special-transition-normal) ease-out;
}

.dark .events-container .section-content,
.dark .quick-compare-container .section-content,
.dark .shifts-container .section-content,
.dark .export-container .section-content {
  background: var(--special-text-primary);
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* =============================================================================
   SHIFT FILTER CONTAINERS
   ============================================================================= */

.shift-filter-container {
  margin-bottom: var(--special-spacing-xl);
  padding: var(--special-spacing-lg);
  border-radius: var(--special-radius-xl);
  border: 2px solid var(--special-border-light);
  background: linear-gradient(135deg, var(--special-bg-light) 0%, var(--special-bg-lighter) 100%);
  box-shadow: var(--special-shadow-md);
}

.shift-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--special-spacing-md);
  padding: var(--special-spacing-xl);
  color: var(--special-text-muted);
  font-size: var(--special-font-size-base);
}

.shift-loading .loading-spinner {
  font-size: var(--special-font-size-lg);
  color: var(--special-primary-blue);
}

/* =============================================================================
   CHART LOADING & NO DATA STATES
   ============================================================================= */

.chart-loading,
.chart-no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px var(--special-spacing-xl);
  border-radius: var(--special-radius-2xl);
  border: 2px solid var(--special-border-light);
  background: linear-gradient(135deg, var(--special-bg-light) 0%, var(--special-bg-lighter) 100%);
  color: var(--special-text-muted);
  box-shadow: var(--special-shadow-lg);
  text-align: center;
}

.chart-loading .loading-spinner {
  animation: spin 1s linear infinite;
  font-size: 40px;
  margin-bottom: var(--special-spacing-2xl);
  color: var(--special-primary-blue);
}

.chart-loading p,
.chart-no-data p {
  margin: 0;
  font-size: var(--special-font-size-lg);
  font-weight: var(--special-font-weight-medium);
}

.chart-no-data .shift-no-data-info {
  font-size: var(--special-font-size-sm);
  margin-top: var(--special-spacing-md);
  font-style: italic;
  color: var(--special-primary-blue);
  font-weight: var(--special-font-weight-medium);
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* =============================================================================
   ERROR MESSAGE
   ============================================================================= */

.error-message {
  padding: var(--special-spacing-lg);
  margin-bottom: var(--special-spacing-xl);
  border-radius: var(--special-radius-xl);
  border: 2px solid #fecaca;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  color: #dc2626;
  font-weight: var(--special-font-weight-medium);
  font-size: var(--special-font-size-base);
}

/* =============================================================================
   QUICK COMPARE SPECIFIC STYLES
   ============================================================================= */

/* Comparison Columns Container */

.columns-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--special-spacing-xl);
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Individual Compare Column */

.compare-column {
  width: 100%;
  min-width: 280px;
  min-height: 320px;
  background-color: var(--special-bg-glass-light);
  border: 2px solid var(--special-primary-blue-medium);
  border-radius: var(--special-radius-xl);
  padding: var(--special-spacing-lg);
  box-shadow: var(--special-shadow-blue);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: var(--special-transition-fast);
  position: relative;
  box-sizing: border-box;
}

.compare-column::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--special-primary-blue) 0%, var(--special-primary-blue-hover) 100%);
  border-radius: var(--special-radius-xl) var(--special-radius-xl) 0 0;
}

.dark .compare-column {
  background-color: var(--special-bg-glass-dark);
  border-color: var(--special-primary-blue-dark);
  box-shadow: var(--special-shadow-lg);
}

.compare-column:hover {
  transform: scale(1.02);
  background-color: rgba(255, 255, 255, 0.45);
  border-color: var(--special-primary-blue);
  box-shadow: var(--special-shadow-blue-lg);
}

.dark .compare-column:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: var(--special-primary-blue);
}

/* Column Headers */

.column-header {
  background: linear-gradient(135deg, var(--special-primary-blue) 0%, var(--special-primary-blue-hover) 100%);
  border-radius: var(--special-radius-lg);
  padding: var(--special-spacing-md);
  margin-bottom: var(--special-spacing-lg);
  text-align: center;
  box-shadow: var(--special-shadow-blue);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.dark .column-header {
  background: linear-gradient(135deg, var(--special-primary-blue) 0%, var(--special-primary-blue-hover) 100%);
}

.column-header-text {
  font-size: var(--special-font-size-lg);
  font-weight: var(--special-font-weight-bold);
  color: var(--special-text-white);
  display: block;
  margin-bottom: var(--special-spacing-xs);
}

.fleet-name-text {
  font-size: var(--special-font-size-base);
  font-weight: var(--special-font-weight-normal);
  color: rgba(255, 255, 255, 0.8);
  display: block;
}

/* Column Content */

.column-content {
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: var(--special-radius-lg);
  padding: var(--special-spacing-lg);
  min-height: 180px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.dark .column-content {
  background-color: rgba(255, 255, 255, 0.08);
}

/* Quick Compare Table in Column Content */

.column-content .quickcompare-table {
  width: 100%;
  border-collapse: collapse;
}

.column-content .quickcompare-table td {
  padding: var(--special-spacing-sm) var(--special-spacing-md);
  border-bottom: 1px solid rgba(0, 0, 243, 0.2);
  font-size: var(--special-font-size-base);
  line-height: 1.5;
}

.dark .column-content .quickcompare-table td {
  border-bottom: 1px solid rgba(0, 0, 243, 0.3);
  color: var(--special-text-white);
}

.column-content .quickcompare-table td:first-child {
  font-weight: var(--special-font-weight-semibold);
  color: var(--special-primary-blue);
  width: 60%;
}

.dark .column-content .quickcompare-table td:first-child {
  color: var(--special-primary-blue);
}

.column-content .quickcompare-table td:last-child {
  text-align: right;
  font-weight: var(--special-font-weight-semibold);
  color: var(--special-text-primary);
  width: 40%;
}

.dark .column-content .quickcompare-table td:last-child {
  color: var(--special-text-white);
}

.column-content .quickcompare-table tr:last-child td {
  border-bottom: none;
}

/* =============================================================================
   EXPORT SECTION SPECIFIC STYLES
   ============================================================================= */

.export-configuration {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.selection-header {
  text-align: left;
  margin-bottom: var(--special-spacing-2xl);
}

.selection-header h2 {
  margin: 0;
  font-size: var(--special-font-size-xl);
  font-weight: var(--special-font-weight-semibold);
  color: var(--special-text-primary);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

/* Export Dropdowns Wrapper */

.dropdowns-wrapper {
  display: flex;
  gap: var(--special-spacing-2xl);
  margin-bottom: var(--special-spacing-3xl);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
}

.dropdown-container {
  display: flex;
  flex-direction: column;
  gap: var(--special-spacing-sm);
  align-items: flex-start;
  max-width: 280px;
  min-width: 220px;
  height: 80px;
  justify-content: flex-start;
}

.export-buttons-container {
  display: flex;
  gap: var(--special-spacing-2xl);
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 280px;
  min-width: 220px;
  height: 80px;
}

/* Export Form Labels */

.dropdown-container label {
  font-family: 'Poppins', sans-serif !important;
  font-size: var(--special-font-size-base) !important;
  font-weight: var(--special-font-weight-semibold) !important;
  color: var(--special-primary-blue) !important;
  margin: 0 !important;
  margin-bottom: var(--special-spacing-sm) !important;
  padding: 0 !important;
  display: block;
  height: 22px;
  line-height: 22px;
  text-align: left !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  vertical-align: baseline !important;
  position: relative;
  top: 0 !important;
}

/* Export Dropdowns */

.dropdown-container select {
  padding: var(--special-spacing-md) 14px !important;
  border: 2px solid var(--special-border-light) !important;
  border-radius: var(--special-radius-lg) !important;
  font-size: var(--special-font-size-base) !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: var(--special-font-weight-normal) !important;
  background-color: var(--special-bg-white) !important;
  color: var(--special-text-secondary) !important;
  cursor: pointer !important;
  transition: var(--special-transition-fast) !important;
  min-width: 200px !important;
  height: 48px !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right var(--special-spacing-md) center !important;
  background-size: 16px !important;
  padding-right: 44px !important;
  line-height: normal !important;
  display: flex !important;
  align-items: center !important;
}

.dropdown-container select:hover {
  border-color: var(--special-primary-blue) !important;
  box-shadow: 0 0 0 1px var(--special-primary-blue-light) !important;
}

.dropdown-container select:focus {
  outline: none !important;
  border-color: var(--special-primary-blue) !important;
  box-shadow: 0 0 0 3px var(--special-primary-blue-light) !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230000F3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") !important;
}

.dropdown-container select option {
  background-color: var(--special-bg-white);
  color: var(--special-text-secondary);
  padding: var(--special-spacing-sm) var(--special-spacing-md);
}

.dropdown-container select option:checked {
  background-color: var(--special-primary-blue) !important;
  color: var(--special-text-white) !important;
}

.dropdown-container select option:hover {
  background-color: var(--special-primary-blue-light) !important;
  color: var(--special-primary-blue) !important;
}

/* Export Button */

.export-button {
  padding: var(--special-spacing-md) var(--special-spacing-2xl) !important;
  font-size: var(--special-font-size-base) !important;
  color: var(--special-text-white) !important;
  border: none !important;
  border-radius: var(--special-radius-lg) !important;
  cursor: pointer !important;
  transition: var(--special-transition-normal) !important;
  background: var(--special-primary-blue) !important;
  background-image: none !important;
  box-shadow: var(--special-shadow-blue) !important;
  font-weight: var(--special-font-weight-semibold) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Poppins', sans-serif !important;
  position: relative !important;
  overflow: hidden !important;
  min-width: 200px !important;
  height: 48px !important;
  box-sizing: border-box !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.export-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

.export-button:hover::before {
  left: 100%;
}

.export-button:hover {
  background: var(--special-primary-blue-hover) !important;
  background-image: none !important;
  box-shadow: var(--special-shadow-blue-lg) !important;
  transform: translateY(-2px) scale(1.03) !important;
}

.export-button:active {
  transform: translateY(0) scale(0.98) !important;
  box-shadow: var(--special-shadow-blue) !important;
  background: var(--special-primary-blue-active) !important;
  background-image: none !important;
}

/* =============================================================================
   RESPONSIVE DESIGN FOR SPECIAL SECTIONS
   ============================================================================= */

/* Large Desktop */

@media (max-width: 1400px) {
  .events-container .collapsible-section,
  .quick-compare-container .collapsible-section,
  .shifts-container .collapsible-section,
  .export-container .collapsible-section {
    min-width: var(--special-container-min-width-lg);
  }
}

/* Standard Desktop */

@media (max-width: 1200px) {
  .events-container .collapsible-section,
  .quick-compare-container .collapsible-section,
  .shifts-container .collapsible-section,
  .export-container .collapsible-section {
    min-width: var(--special-container-min-width-md);
  }

  .columns-container {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--special-spacing-lg);
  }

  .compare-column {
    min-width: 260px;
  }
}

/* Tablet and smaller desktop */

@media (max-width: 1000px) {
  .dropdowns-wrapper {
    flex-direction: column;
    gap: var(--special-spacing-xl);
    align-items: flex-start;
  }
  
  .dropdown-container, 
  .export-buttons-container {
    max-width: none;
    width: 100%;
  }

  .columns-container {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }

  .compare-column {
    min-width: 240px;
  }
}

/* Tablet */

@media (max-width: 768px) {
  .events-container .collapsible-section,
  .quick-compare-container .collapsible-section,
  .shifts-container .collapsible-section,
  .export-container .collapsible-section {
    min-width: var(--special-container-min-width-sm);
  }
  
  .events-container .section-header,
  .quick-compare-container .section-header,
  .shifts-container .section-header,
  .export-container .section-header {
    padding: var(--special-spacing-md) var(--special-spacing-lg);
  }
  
  .events-container .section-header h3,
  .quick-compare-container .section-header h3,
  .shifts-container .section-header h3,
  .export-container .section-header h3 {
    font-size: var(--special-font-size-lg);
  }
  
  .events-container .header-content,
  .quick-compare-container .header-content,
  .shifts-container .header-content,
  .export-container .header-content {
    gap: var(--special-spacing-md);
    flex-wrap: wrap;
  }
  
  .events-container .chart-subtitle,
  .quick-compare-container .chart-subtitle,
  .shifts-container .chart-subtitle,
  .export-container .chart-subtitle {
    font-size: var(--special-font-size-sm);
  }
  
  .events-container .section-content,
  .quick-compare-container .section-content,
  .shifts-container .section-content,
  .export-container .section-content {
    padding: var(--special-spacing-lg);
  }
  
  .columns-container {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--special-spacing-lg);
  }
  
  .compare-column {
    min-width: 220px;
    min-height: 300px;
  }
  
  .dropdowns-wrapper {
    flex-direction: column;
    gap: var(--special-spacing-lg);
    align-items: flex-start;
    margin-bottom: var(--special-spacing-xl);
  }
  
  .dropdown-container, 
  .export-buttons-container {
    min-width: 280px;
    width: 100%;
    max-width: 380px;
    height: auto;
  }
  
  .dropdown-container select, 
  .export-button {
    height: 46px;
    padding: var(--special-spacing-sm) var(--special-spacing-lg);
    min-width: 220px;
  }
  
  .dropdown-container select {
    padding-right: 40px;
  }
  
  .export-button {
    padding: var(--special-spacing-sm) var(--special-spacing-xl) !important;
  }
}

/* Mobile */

@media (max-width: 480px) {
  .events-container .collapsible-section,
  .quick-compare-container .collapsible-section,
  .shifts-container .collapsible-section,
  .export-container .collapsible-section {
    min-width: var(--special-container-min-width-xs);
  }
  
  .columns-container {
    grid-template-columns: 1fr;
  }
  
  .compare-column {
    min-width: 100%;
    min-height: 280px;
  }
  
  .dropdown-container, 
  .export-buttons-container {
    min-width: 220px;
    height: auto;
  }
  
  .dropdown-container select, 
  .export-button {
    min-width: 200px;
    font-size: var(--special-font-size-base);
    height: 44px;
    padding: var(--special-spacing-sm) var(--special-spacing-md);
  }
  
  .dropdown-container select {
    padding-right: 36px;
  }
  
  .export-button {
    padding: var(--special-spacing-sm) var(--special-spacing-lg) !important;
    font-size: var(--special-font-size-base);
    letter-spacing: 0.3px;
  }
  
  .events-container .section-content,
  .quick-compare-container .section-content,
  .shifts-container .section-content,
  .export-container .section-content {
    padding: var(--special-spacing-md);
  }

  .column-header-text {
    font-size: var(--special-font-size-base);
  }

  .fleet-name-text {
    font-size: var(--special-font-size-sm);
  }

  .column-content {
    padding: var(--special-spacing-md);
    min-height: 150px;
  }

  .column-content .quickcompare-table td {
    padding: var(--special-spacing-xs) var(--special-spacing-sm);
    font-size: var(--special-font-size-sm);
  }
}

/* exportPopup Styles */

/* =============================================================================
   EXPORT POPUP FIXED STYLES - Einheitliches Design für PDF und CSV
   ============================================================================= */

/* =============================================================================
   CSS VARIABLES FOR EXPORT POPUP
   ============================================================================= */

:root {
  /* Export Popup Color Palette */
  --export-primary-blue: #0000F3;
  --export-primary-blue-hover: #0000D1;
  --export-primary-blue-active: #0000B8;
  --export-primary-blue-light: rgba(0, 0, 243, 0.1);
  --export-primary-blue-medium: rgba(0, 0, 243, 0.2);
  --export-primary-blue-dark: rgba(0, 0, 243, 0.4);

  /* Background Colors */
  --export-bg-white: #ffffff;
  --export-bg-light: #f8fafc;
  --export-bg-lighter: #f1f5f9;
  --export-bg-glass-light: rgba(255, 255, 255, 0.3);
  --export-bg-glass-dark: rgba(255, 255, 255, 0.15);

  /* Border Colors */
  --export-border-light: #e2e8f0;
  --export-border-primary: #e1e7ef;

  /* Text Colors */
  --export-text-primary: #334155;
  --export-text-secondary: #475569;
  --export-text-muted: #64748b;
  --export-text-light: #9ca3af;
  --export-text-white: #ffffff;
  --export-text-dark: #1f2937;

  /* Shadows */
  --export-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --export-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.04);
  --export-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --export-shadow-blue: 0 4px 12px rgba(0, 0, 243, 0.15);
  --export-shadow-blue-lg: 0 6px 16px rgba(0, 0, 243, 0.25);

  /* Spacing */
  --export-spacing-xs: 4px;
  --export-spacing-sm: 8px;
  --export-spacing-md: 12px;
  --export-spacing-lg: 16px;
  --export-spacing-xl: 20px;
  --export-spacing-2xl: 24px;
  --export-spacing-3xl: 32px;

  /* Border Radius */
  --export-radius-sm: 4px;
  --export-radius-md: 6px;
  --export-radius-lg: 8px;
  --export-radius-xl: 12px;
  --export-radius-2xl: 16px;

  /* Transitions */
  --export-transition-fast: all 0.2s ease;
  --export-transition-normal: all 0.3s ease;

  /* Font Weights */
  --export-font-weight-normal: 400;
  --export-font-weight-medium: 500;
  --export-font-weight-semibold: 600;
  --export-font-weight-bold: 700;

  /* Font Sizes */
  --export-font-size-xs: 12px;
  --export-font-size-sm: 13px;
  --export-font-size-base: 14px;
  --export-font-size-md: 15px;
  --export-font-size-lg: 16px;
  --export-font-size-xl: 18px;
  --export-font-size-2xl: 20px;
}

/* =============================================================================
   EXPORT OVERLAY & POPUP CONTAINER
   ============================================================================= */

.export-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: var(--export-spacing-xl);
  box-sizing: border-box;
}

.export-popup {
  background: var(--export-bg-white);
  border-radius: var(--export-radius-2xl);
  box-shadow: var(--export-shadow-blue-lg);
  width: 95vw;
  max-width: 1400px;
  min-width: 700px;
  max-height: 90vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  border: 3px solid var(--export-primary-blue);
}

.export-popup.dark {
  background: var(--export-text-primary);
  border-color: var(--export-primary-blue);
}

/* =============================================================================
   POPUP HEADER
   ============================================================================= */

.popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--export-spacing-xl) var(--export-spacing-3xl);
  background: linear-gradient(135deg, var(--export-primary-blue) 0%, var(--export-primary-blue-hover) 100%);
  border-bottom: 2px solid var(--export-primary-blue);
  flex-shrink: 0;
}

.header-left {
  display: flex;
  align-items: center;
  gap: var(--export-spacing-lg);
}

.export-icon {
  font-size: 24px;
  color: var(--export-text-white);
}

.popup-header h2 {
  margin: 0;
  font-size: var(--export-font-size-2xl);
  font-weight: var(--export-font-weight-bold);
  color: var(--export-text-white);
}

.close-btn {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: var(--export-radius-md);
  padding: var(--export-spacing-sm);
  cursor: pointer;
  color: var(--export-text-white);
  font-size: var(--export-font-size-lg);
  transition: var(--export-transition-fast);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.1);
}

/* =============================================================================
   POPUP CONTENT
   ============================================================================= */

.popup-content {
  padding: var(--export-spacing-3xl);
  flex: 1;
  overflow-y: auto;
  width: 100%;
  box-sizing: border-box;
}

/* =============================================================================
   EXPORT TYPE SECTION
   ============================================================================= */

.export-type-section {
  margin-bottom: var(--export-spacing-3xl);
}

.export-type-section h3 {
  margin: 0 0 var(--export-spacing-lg) 0;
  font-size: var(--export-font-size-xl);
  font-weight: var(--export-font-weight-semibold);
  color: var(--export-text-primary);
}

.export-popup.dark .export-type-section h3 {
  color: var(--export-text-white);
}

.export-type-buttons {
  display: flex;
  gap: var(--export-spacing-lg);
}

.export-type-btn {
  display: flex;
  align-items: center;
  gap: var(--export-spacing-md);
  padding: var(--export-spacing-lg) var(--export-spacing-2xl);
  border: 2px solid var(--export-border-light);
  border-radius: var(--export-radius-xl);
  background: var(--export-bg-white);
  color: var(--export-text-secondary);
  cursor: pointer;
  transition: var(--export-transition-fast);
  font-size: var(--export-font-size-base);
  font-weight: var(--export-font-weight-semibold);
  min-width: 160px;
  justify-content: center;
}

.export-type-btn:hover {
  border-color: var(--export-primary-blue);
  color: var(--export-primary-blue);
  transform: translateY(-2px);
  box-shadow: var(--export-shadow-blue);
}

.export-type-btn.active {
  background: var(--export-primary-blue);
  border-color: var(--export-primary-blue);
  color: var(--export-text-white);
  box-shadow: var(--export-shadow-blue-lg);
}

.export-popup.dark .export-type-btn {
  background: var(--export-text-secondary);
  border-color: var(--export-border-primary);
  color: var(--export-text-white);
}

.export-popup.dark .export-type-btn.active {
  background: var(--export-primary-blue);
  border-color: var(--export-primary-blue);
}

/* =============================================================================
   CONTEXT SECTION
   ============================================================================= */

.context-section {
  margin-bottom: var(--export-spacing-3xl);
  padding: var(--export-spacing-xl);
  border-radius: var(--export-radius-xl);
  border: 2px solid var(--export-border-light);
  background: linear-gradient(135deg, var(--export-bg-light) 0%, var(--export-bg-lighter) 100%);
}

.context-header {
  display: flex;
  align-items: center;
  gap: var(--export-spacing-md);
  margin-bottom: var(--export-spacing-lg);
}

.info-icon {
  color: var(--export-primary-blue);
  font-size: var(--export-font-size-lg);
}

.context-header h3 {
  margin: 0;
  font-size: var(--export-font-size-lg);
  font-weight: var(--export-font-weight-semibold);
  color: var(--export-text-primary);
}

.export-popup.dark .context-header h3 {
  color: var(--export-text-white);
}

.context-details p {
  margin: var(--export-spacing-sm) 0;
  font-size: var(--export-font-size-base);
  color: var(--export-text-secondary);
  line-height: 1.5;
}

.export-popup.dark .context-details p {
  color: var(--export-text-white);
}

.context-details strong {
  color: var(--export-primary-blue);
  font-weight: var(--export-font-weight-semibold);
}

/* =============================================================================
   CONFIG SECTION - EINHEITLICH FÜR PDF UND CSV
   ============================================================================= */

.config-section {
  margin-bottom: var(--export-spacing-3xl);
}

.config-section h3 {
  margin: 0 0 var(--export-spacing-2xl) 0;
  font-size: var(--export-font-size-xl);
  font-weight: var(--export-font-weight-semibold);
  color: var(--export-text-primary);
  border-bottom: 2px solid var(--export-primary-blue);
  padding-bottom: var(--export-spacing-md);
}

.export-popup.dark .config-section h3 {
  color: var(--export-text-white);
}

/* =============================================================================
   FORM GROUPS - EINHEITLICH FÜR PDF UND CSV
   ============================================================================= */

.form-group,
.export-popup-form-group {
  margin-bottom: var(--export-spacing-2xl);
  width: 100%;
  max-width: none;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin-left: 0; /* Neu: Entfernt Zentrierung */
  margin-right: 0; /* Neu: Entfernt Zentrierung */
  display: block; /* Neu: Verhindert Flex-Zentrierung */
}

.form-group label,
.export-popup-form-group label {
  display: block;
  margin-bottom: var(--export-spacing-md);
  font-size: var(--export-font-size-base);
  font-weight: var(--export-font-weight-semibold);
  color: var(--export-primary-blue);
}

.export-popup.dark .form-group label,
.export-popup.dark .export-popup-form-group label {
  color: var(--export-primary-blue);
}

/* Title Input */

.title-input {
  width: 100%;
  max-width: 500px; /* Neu: Begrenze Breite */
  padding: var(--export-spacing-md) var(--export-spacing-lg);
  border: 2px solid var(--export-border-light);
  border-radius: var(--export-radius-lg);
  font-size: var(--export-font-size-base);
  background: var(--export-bg-white);
  color: var(--export-text-primary);
  transition: var(--export-transition-fast);
  margin-left: 0; /* Neu: Linksbündig */
  display: block; /* Neu: Verhindert Flex-Einflüsse */
}

.title-input:focus {
  outline: none;
  border-color: var(--export-primary-blue);
  box-shadow: 0 0 0 3px var(--export-primary-blue-light);
}

/* =============================================================================
   OPTIONS LAYOUTS - EINHEITLICH FÜR PDF UND CSV
   ============================================================================= */

/* Horizontal Options für CSV */

.export-popup-horizontal-options {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 16px 24px !important;
  width: 100% !important;
  padding: var(--export-spacing-lg) !important;
  background: var(--export-bg-light) !important;
  border-radius: var(--export-radius-lg) !important;
  border: 1px solid var(--export-border-light) !important;
  min-height: 120px !important;
  max-height: none !important;
  overflow: visible !important;
  min-width: 300px !important;
}

.export-popup.dark .export-popup-horizontal-options {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--export-border-primary) !important;
}

/* Alle Checkbox-Container in horizontalen Optionen */

.export-popup-horizontal-options .export-popup-checkbox-label {
  min-width: calc(50% - 12px) !important;
  max-width: calc(50% - 12px) !important;
  flex: 0 0 calc(50% - 12px) !important;
  margin-bottom: 8px !important;
}

/* Grid Options für PDF */

.options-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--export-spacing-lg);
  padding: var(--export-spacing-lg);
  background: var(--export-bg-light);
  border-radius: var(--export-radius-lg);
  border: 1px solid var(--export-border-light);
  overflow: visible !important;
  min-height: auto !important;
  max-height: none !important;
}

.export-popup.dark .options-grid {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--export-border-primary);
}

.option-item {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: visible !important;
  box-sizing: border-box;
}

/* =============================================================================
   CHECKBOX & RADIO STYLES - FUNKTIONIERENDES SYSTEM
   ============================================================================= */

/* Standard Checkbox Labels - FUNKTIONIERT PERFEKT */

.checkbox-label {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  padding: 8px 0 !important;
  transition: all 0.2s ease !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.checkbox-label:hover {
  color: #0000F3 !important;
}

.export-popup.dark .checkbox-label {
  color: #ffffff !important;
}

.checkbox-label input[type="checkbox"] {
  display: none !important;
}

.checkbox-label .checkmark {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  position: relative !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

.checkbox-label input[type="checkbox"]:checked + .checkmark {
  background: #0000F3 !important;
  border-color: #0000F3 !important;
}

.checkbox-label input[type="checkbox"]:checked + .checkmark::after {
  content: '✓' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 1 !important;
}

/* Chart/Table Checkboxes - IDENTISCH MIT FUNKTIONIERENDEN */

.chart-checkbox-label {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  padding: 8px 0 !important;
  transition: all 0.2s ease !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.chart-checkbox-label:hover {
  color: #0000F3 !important;
}

.export-popup.dark .chart-checkbox-label {
  color: #ffffff !important;
}

.chart-checkbox-label input[type="checkbox"] {
  display: none !important;
}

.chart-checkbox-label .checkmark {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  position: relative !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

.chart-checkbox-label input[type="checkbox"]:checked + .checkmark {
  background: #0000F3 !important;
  border-color: #0000F3 !important;
}

.chart-checkbox-label input[type="checkbox"]:checked + .checkmark::after {
  content: '✓' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 1 !important;
}

/* CSV Export Checkboxes - VEREINHEITLICHT */

.export-popup-checkbox-label {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  white-space: nowrap !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

.export-popup-checkbox-label:hover {
  background: rgba(0, 0, 243, 0.1) !important;
  color: #0000F3 !important;
}

.export-popup.dark .export-popup-checkbox-label {
  color: #ffffff !important;
}

.export-popup.dark .export-popup-checkbox-label:hover {
  background: rgba(0, 0, 243, 0.2) !important;
}

.export-popup-checkbox-label input[type="checkbox"] {
  display: none !important;
}

.export-popup-checkbox-label .checkmark {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  position: relative !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

.export-popup-checkbox-label input[type="checkbox"]:checked + .checkmark {
  background: #0000F3 !important;
  border-color: #0000F3 !important;
}

.export-popup-checkbox-label input[type="checkbox"]:checked + .checkmark::after {
  content: '✓' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 1 !important;
}

/* Radio Labels - KORRIGIERTE FARBE */

.export-popup .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label {
  display: flex !important;
  align-items: center !important;
  gap: var(--export-spacing-lg) !important;
  cursor: pointer !important;
  font-size: var(--export-font-size-base) !important;
  font-weight: var(--export-font-weight-medium) !important;
  color: var(--export-text-secondary) !important;
  padding: var(--export-spacing-sm) var(--export-spacing-xl) !important;
  border-radius: var(--export-radius-md) !important;
  transition: var(--export-transition-fast) !important;
  white-space: nowrap !important;
  min-width: 120px !important;
  flex: 1 !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.export-popup .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label:hover {
  background: var(--export-primary-blue-light) !important;
  color: var(--export-primary-blue) !important;
}

.export-popup.dark .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label {
  color: var(--export-text-white) !important;
}

.export-popup.dark .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label:hover {
  background: var(--export-primary-blue-medium) !important;
}

.export-popup .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label input[type="radio"] {
  display: none !important;
}

.export-popup .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label .radio-checkmark {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid var(--export-border-light) !important;
  border-radius: 50% !important;
  background: var(--export-bg-white) !important;
  position: relative !important;
  transition: var(--export-transition-fast) !important;
  flex-shrink: 0 !important;
}

.export-popup .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label:hover .radio-checkmark {
  border-color: var(--export-primary-blue) !important;
}

.export-popup .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label input[type="radio"]:checked + .radio-checkmark {
  border-color: var(--export-primary-blue) !important;
  background: var(--export-primary-blue) !important;
}

.export-popup .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label input[type="radio"]:checked + .radio-checkmark::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 10px !important;
  height: 10px !important;
  background: var(--export-text-white) !important;
  border-radius: 50% !important;
  animation: scaleIn 0.2s ease !important;
}

.export-popup .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label input[type="radio"]:focus + .radio-checkmark {
  box-shadow: 0 0 0 3px var(--export-primary-blue-light) !important;
}

.export-popup.dark .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label .radio-checkmark {
  background: var(--export-text-secondary) !important;
  border-color: var(--export-border-primary) !important;
}

.export-popup.dark .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label input[type="radio"]:checked + .radio-checkmark {
  border-color: var(--export-primary-blue) !important;
  background: var(--export-primary-blue) !important;
}

@keyframes scaleIn {
  from { transform: translate(-50%, -50%) scale(0); }
  to { transform: translate(-50%, -50%) scale(1); }
}

/* =============================================================================
   SUB CONFIG SECTIONS
   ============================================================================= */

.sub-config-section {
  margin-top: var(--export-spacing-xl);
  padding: var(--export-spacing-xl);
  background: var(--export-bg-light);
  border-radius: var(--export-radius-lg);
  border: 1px solid var(--export-border-light);
  overflow: visible !important;
  min-height: auto !important;
  max-height: none !important;
  text-align: left; /* Neu: Linksbündig */
  display: block; /* Neu: Verhindert Flex-Zentrierung */
}

.export-popup.dark .sub-config-section {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--export-border-primary);
}

.sub-config-section h4 {
  margin: 0 0 var(--export-spacing-lg) 0;
  font-size: var(--export-font-size-lg);
  font-weight: var(--export-font-weight-semibold);
  color: var(--export-text-primary);
}

.export-popup.dark .sub-config-section h4 {
  color: var(--export-text-white);
}

/* Chart Selection */

.chart-selection-section {
  margin-top: var(--export-spacing-lg);
}

.chart-selection-grid,
.table-selection-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
  margin-top: 12px !important;
  width: 100% !important;
  min-height: 100px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 8px !important;
}

/* Table Configs */

.table-configs-header-simple {
  margin-bottom: var(--export-spacing-lg);
}

.table-config-item {
  padding: var(--export-spacing-lg);
  margin-bottom: var(--export-spacing-lg);
  background: var(--export-bg-white);
  border-radius: var(--export-radius-md);
  border: 1px solid var(--export-border-light);
  overflow: visible !important;
  min-height: auto !important;
  max-height: none !important;
}

.export-popup.dark .table-config-item {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--export-border-primary);
}

.table-config-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--export-spacing-md);
}

.table-config-header h5 {
  margin: 0;
  font-size: var(--export-font-size-base);
  font-weight: var(--export-font-weight-semibold);
  color: var(--export-text-primary);
}

.export-popup.dark .table-config-header h5 {
  color: var(--export-text-white);
}

.remove-table-btn {
  background: #dc2626;
  border: none;
  border-radius: var(--export-radius-sm);
  color: var(--export-text-white);
  cursor: pointer;
  font-size: 18px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--export-transition-fast);
}

.remove-table-btn:hover {
  background: #b91c1c;
  transform: scale(1.1);
}

.table-data-selection {
  margin-top: var(--export-spacing-md);
  overflow: visible !important;
  min-height: auto !important;
  max-height: none !important;
}

.table-data-selection label {
  display: block;
  margin-bottom: var(--export-spacing-sm);
  font-size: var(--export-font-size-sm);
  font-weight: var(--export-font-weight-semibold);
  color: var(--export-text-primary);
}

.export-popup.dark .table-data-selection label {
  color: var(--export-text-white);
}

.add-table-section {
  text-align: center;
  margin-top: var(--export-spacing-lg);
}

.add-table-btn-bottom {
  padding: var(--export-spacing-md) var(--export-spacing-xl);
  border: 2px dashed var(--export-primary-blue);
  border-radius: var(--export-radius-lg);
  background: transparent;
  color: var(--export-primary-blue);
  cursor: pointer;
  font-size: var(--export-font-size-base);
  font-weight: var(--export-font-weight-semibold);
  transition: var(--export-transition-fast);
}

.add-table-btn-bottom:hover {
  background: var(--export-primary-blue-light);
  transform: translateY(-2px);
}

/* Error Table Info */

.error-table-info {
  text-align: center;
}

.error-table-info h4 {
  margin: 0 0 var(--export-spacing-md) 0;
  color: var(--export-text-primary);
}

.export-popup.dark .error-table-info h4 {
  color: var(--export-text-white);
}

.error-table-info p {
  margin: 0;
  color: var(--export-text-secondary);
  font-style: italic;
}

.export-popup.dark .error-table-info p {
  color: var(--export-text-white);
}

/* =============================================================================
   DATA PREVIEW SECTION
   ============================================================================= */

.export-popup-data-preview-section {
  margin-top: var(--export-spacing-xl);
  width: 100%;
}

.export-popup-preview-content {
  width: 100%;
  border-radius: var(--export-radius-xl);
  border: 2px solid var(--export-border-light);
  background: var(--export-bg-white);
  overflow: hidden;
}

.export-popup.dark .export-popup-preview-content {
  background: var(--export-text-secondary);
  border-color: var(--export-border-primary);
}

.export-popup-preview-info {
  display: flex;
  flex-wrap: wrap;
  gap: var(--export-spacing-lg) var(--export-spacing-2xl);
  align-items: center;
  padding: var(--export-spacing-lg) var(--export-spacing-xl);
  background: var(--export-bg-light);
  border-bottom: 1px solid var(--export-border-light);
  font-size: var(--export-font-size-sm);
  color: var(--export-text-secondary);
}

.export-popup.dark .export-popup-preview-info {
  background: rgba(255, 255, 255, 0.05);
  border-bottom-color: var(--export-border-primary);
  color: var(--export-text-white);
}

.export-popup-preview-info p {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--export-spacing-sm);
  font-weight: var(--export-font-weight-medium);
}

.export-popup-preview-info strong {
  color: var(--export-primary-blue);
  font-weight: var(--export-font-weight-semibold);
}

/* Error Data Info */

.export-popup-error-data-info {
  padding: var(--export-spacing-lg) var(--export-spacing-xl);
  background: var(--export-bg-light);
  border-radius: var(--export-radius-lg);
  border: 1px solid var(--export-border-light);
}

.export-popup.dark .export-popup-error-data-info {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--export-border-primary);
}

.export-popup.dark .export-popup-error-data-info p {
  color: var(--export-text-white);
}

/* =============================================================================
   CSV PREVIEW STYLES
   ============================================================================= */

.export-popup-csv-preview {
  width: 100%;
}

.export-popup-csv-preview-header {
  padding: var(--export-spacing-lg) var(--export-spacing-xl);
  background: var(--export-bg-lighter);
  border-bottom: 1px solid var(--export-border-light);
}

.export-popup-csv-preview-header h5 {
  margin: 0;
  font-size: var(--export-font-size-base);
  font-weight: var(--export-font-weight-semibold);
  color: var(--export-text-primary);
}

.export-popup.dark .export-popup-csv-preview-header h5 {
  color: var(--export-text-white);
}

.export-popup-csv-text-preview {
  padding: var(--export-spacing-lg) var(--export-spacing-xl);
  background: #f8fafc;
  font-family: 'Monaco', 'Consolas', 'Courier New', monospace;
  font-size: 12px;
  line-height: 1.4;
  overflow-x: auto;
  max-height: 200px;
  overflow-y: auto;
}

.export-popup-csv-text-preview pre {
  margin: 0;
  white-space: pre;
  color: var(--export-text-primary);
}

/* =============================================================================
   XLSX PREVIEW TABLE - ISOLATED STYLES
   ============================================================================= */

.export-popup-xlsx-preview {
  width: 100%;
}

.export-popup-xlsx-preview-header {
  padding: var(--export-spacing-lg) var(--export-spacing-xl);
  background: var(--export-bg-lighter);
  border-bottom: 1px solid var(--export-border-light);
}

.export-popup-xlsx-preview-header h5 {
  margin: 0;
  font-size: var(--export-font-size-base);
  font-weight: var(--export-font-weight-semibold);
  color: var(--export-text-primary);
}

.export-popup.dark .export-popup-xlsx-preview-header h5 {
  color: var(--export-text-white);
}

.export-popup-xlsx-table-container {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  max-height: 300px;
  overflow: auto;
  background: #ffffff;
  margin: var(--export-spacing-lg) var(--export-spacing-xl);
  margin-top: 0;
  margin-bottom: 0;
}

.export-popup-xlsx-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  table-layout: auto;
  min-width: 100%;
}

.export-popup-xlsx-table th {
  padding: 10px 8px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  background: #f8fafc;
  font-weight: 600;
  color: #374151;
  position: sticky;
  top: 0;
  font-size: 11px;
  white-space: nowrap;
  z-index: 1;
}

.export-popup-xlsx-table td {
  padding: 8px;
  border-bottom: 1px solid #e5e7eb;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.export-popup-xlsx-table tbody tr:nth-child(even) {
  background: #fafafa;
}

.export-popup-xlsx-table tbody tr:hover {
  background: #f0f9ff;
}

.export-popup-preview-footer {
  padding: var(--export-spacing-md) var(--export-spacing-xl);
  background: var(--export-bg-lighter);
  border-top: 1px solid var(--export-border-light);
  text-align: center;
  font-size: var(--export-font-size-sm);
  color: var(--export-text-muted);
  font-style: italic;
}

/* =============================================================================
   LOADING AND ERROR STATES
   ============================================================================= */

.export-popup-preview-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--export-spacing-md);
  padding: var(--export-spacing-3xl);
  color: var(--export-text-muted);
  font-size: var(--export-font-size-base);
}

.export-popup-preview-error {
  padding: var(--export-spacing-xl);
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  color: #dc2626;
  font-weight: var(--export-font-weight-medium);
  font-size: var(--export-font-size-base);
  border-radius: var(--export-radius-lg);
  margin: var(--export-spacing-lg) var(--export-spacing-xl);
  border: 1px solid #fecaca;
}

.export-popup-no-data-message {
  padding: var(--export-spacing-xl);
  text-align: center;
  color: var(--export-text-muted);
  font-style: italic;
  font-size: var(--export-font-size-base);
}

.export-popup-csv-loading,
.export-popup-csv-error-message {
  padding: var(--export-spacing-xl);
  text-align: center;
  font-size: var(--export-font-size-base);
}

.export-popup-csv-loading {
  color: var(--export-text-muted);
  font-style: italic;
}

.export-popup-csv-error-message {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  color: #dc2626;
  font-weight: var(--export-font-weight-medium);
  border-radius: var(--export-radius-lg);
  border: 1px solid #fecaca;
}

/* =============================================================================
   POPUP FOOTER
   ============================================================================= */

.popup-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--export-spacing-xl) var(--export-spacing-3xl);
  background: var(--export-bg-light);
  border-top: 2px solid var(--export-border-light);
  flex-shrink: 0;
  gap: var(--export-spacing-lg);
}

.export-popup.dark .popup-footer {
  background: rgba(255, 255, 255, 0.05);
  border-top-color: var(--export-border-primary);
}

.back-btn {
  display: flex;
  align-items: center;
  gap: var(--export-spacing-md);
  padding: var(--export-spacing-lg) var(--export-spacing-2xl);
  border: 2px solid var(--export-border-light);
  border-radius: var(--export-radius-lg);
  background: var(--export-bg-white);
  color: var(--export-text-secondary);
  cursor: pointer;
  transition: var(--export-transition-fast);
  font-size: var(--export-font-size-base);
  font-weight: var(--export-font-weight-semibold);
}

.back-btn:hover {
  border-color: var(--export-text-muted);
  color: var(--export-text-primary);
  transform: translateY(-2px);
  box-shadow: var(--export-shadow-md);
}

.export-btn {
  display: flex;
  align-items: center;
  gap: var(--export-spacing-md);
  padding: var(--export-spacing-lg) var(--export-spacing-3xl);
  border: none;
  border-radius: var(--export-radius-lg);
  background: linear-gradient(135deg, var(--export-primary-blue) 0%, var(--export-primary-blue-hover) 100%);
  color: var(--export-text-white);
  cursor: pointer;
  transition: var(--export-transition-fast);
  font-size: var(--export-font-size-base);
  font-weight: var(--export-font-weight-semibold);
  box-shadow: var(--export-shadow-blue-lg);
  min-width: 200px;
  justify-content: center;
}

.export-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, var(--export-primary-blue-hover) 0%, var(--export-primary-blue-active) 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 243, 0.4);
}

.export-btn:disabled {
  background: var(--export-text-light);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* =============================================================================
   RESPONSIVE DESIGN FOR EXPORT POPUP
   ============================================================================= */

@media (max-width: 1200px) {
  .export-popup {
    width: 98vw;
    min-width: 700px;
  }
  
  .export-popup-horizontal-options {
    gap: var(--export-spacing-lg) var(--export-spacing-xl) !important;
  }
  
  .options-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

@media (max-width: 768px) {
  .export-overlay {
    padding: var(--export-spacing-lg);
  }
  
  .export-popup {
    width: 100vw;
    min-width: 0;
    max-height: 95vh;
  }
  
  .popup-header {
    padding: var(--export-spacing-lg) var(--export-spacing-xl);
  }
  
  .popup-content {
    padding: var(--export-spacing-xl);
  }
  
  .popup-footer {
    padding: var(--export-spacing-lg) var(--export-spacing-xl);
    flex-direction: column;
    gap: var(--export-spacing-lg);
  }
  
  .back-btn,
  .export-btn {
    width: 100%;
    justify-content: center;
  }
  
  .export-popup-horizontal-options {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: var(--export-spacing-md) !important;
  }
  
  .export-popup .export-popup-form-group .export-popup-horizontal-options .export-popup-radio-label {
    justify-content: flex-start !important;
    padding: var(--export-spacing-md) var(--export-spacing-xl) !important;
    min-width: 100% !important;
  }
  
  .export-popup-horizontal-options .export-popup-checkbox-label {
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 1 !important;
  }
  
  .options-grid {
    grid-template-columns: 1fr;
  }
  
  .chart-selection-grid,
  .table-selection-grid {
    grid-template-columns: 1fr !important;
  }
  
  .export-popup-xlsx-table-container {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 480px) {
  .export-type-buttons {
    flex-direction: column;
    gap: var(--export-spacing-md);
  }
  
  .export-type-btn {
    width: 100%;
    min-width: 0;
  }
  
  .popup-header h2 {
    font-size: var(--export-font-size-lg);
  }
  
  .export-popup-xlsx-table th,
  .export-popup-xlsx-table td {
    padding: 6px 4px;
    font-size: 10px;
  }
}

.config-section .form-group,
.config-section .export-popup-form-group {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
  width: 100% !important;
  text-align: left !important;
}

/* Forciere Linksbündigkeit für Eingabefeld und Dropdown */

.config-section .title-input {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: 500px !important;
  text-align: left !important;
}

/* Forciere Linksbündigkeit für Sub-Config-Section (Aggregation-Dropdown) */

.config-section .sub-config-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
  text-align: left !important;
}

/* Sicherstellen, dass der übergeordnete Container nicht zentriert */

.config-section {
  display: block !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
} /* GridLayout.css - React Grid Layout Specific Styles */

/* ==================== MAIN LAYOUT CONTAINER ==================== */
.layout {
  position: relative;
  width: 100%;
  min-height: 2000px;
  margin-left: 0;
  box-sizing: border-box;
  overflow: visible;
  padding: 0 !important;
  margin-right: 0 !important;
}

/* ==================== REACT GRID LAYOUT CORE ==================== */
.react-grid-layout {
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ==================== GRID VISUAL GUIDES ==================== */
.layout-dragging,
.layout-show-grid {
  background-image: 
    linear-gradient(to right, #666666 1px, transparent 1px),
    linear-gradient(to bottom, #666666 1px, transparent 1px);
  background-size: calc(100% / 12) 110px; /* FIXED: 100px rowHeight + 10px total margin */
  background-position: 0 0;
  border: none;
}

/* ==================== GRID ITEMS ==================== */
.react-grid-item {
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  transition: all 200ms ease !important;
  transition-property: left, top !important;
  position: absolute !important;
}

.react-grid-item.cssTransforms {
  transition-property: transform !important;
}

.react-grid-item > div {
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* ==================== RESIZE HANDLES ==================== */
.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM5OTkiPjxwYXRoIGQ9Im0xNSAyIDMgM2gtMXYyaC0xdi0xaC0ydjEuMWgtMWwtMi0yaC0xdi0xaDJ2LTFoMWwtMi0yaDEuMXoiLz48L2c+PC9zdmc+') no-repeat;
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}

/* ==================== DRAG PLACEHOLDER ==================== */
.react-grid-placeholder {
  background-color: #00cc00 !important;
  opacity: 0.4 !important;
  border: 2px dashed #009900 !important;
  border-radius: 8px !important;
  z-index: 1100 !important;
  transition: all 200ms ease !important;
}

/* ==================== DRAG HANDLES ==================== */
.react-grid-item .react-grid-drag-handle {
  display: none !important;
}

/* ==================== RESPONSIVE GRID LAYOUT ==================== */
@media (max-width: 1000px) {
  .layout { 
    width: 100%; 
    margin-left: 0; 
  }
  
  .layout-dragging,
  .layout-show-grid {
    background-size: calc(100% / 12) 90px; /* Smaller grid on mobile */
  }
}

@media (max-width: 768px) {
  .layout {
    min-height: 1500px;
  }
  
  .layout-dragging,
  .layout-show-grid {
    background-size: calc(100% / 12) 80px; /* Even smaller on mobile */
  }
  
  .react-grid-item > .react-resizable-handle {
    width: 15px;
    height: 15px;
  }
}

/* ==================== GRID PERFORMANCE OPTIMIZATIONS ==================== */
.react-grid-item.react-draggable-dragging {
  transition: none !important;
  z-index: 1100 !important;
}

.react-grid-item.react-resizable-resizing {
  transition: none !important;
  z-index: 1100 !important;
}

/* ==================== GRID STATE CLASSES ==================== */
.layout.layout-dragging .react-grid-item:not(.react-draggable-dragging) {
  transition: transform 200ms ease !important;
}

.layout.layout-dragging .react-grid-placeholder {
  transition-delay: 50ms !important;
}

/* ==================== ACCESSIBILITY ==================== */
.react-grid-item:focus {
  outline: 2px solid #0000FF;
  outline-offset: 2px;
}

.react-grid-item[aria-grabbed="true"] {
  opacity: 0.8;
}

/* ==================== GRID DEBUGGING (Development Only) ==================== */
.grid-debug .react-grid-item {
  border: 1px dashed rgba(255, 0, 0, 0.3) !important;
}

.grid-debug .react-grid-item::before {
  content: attr(data-grid);
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 10px;
  color: red;
  background: rgba(255, 255, 255, 0.8);
  padding: 1px 3px;
  border-radius: 2px;
  z-index: 1000;
  pointer-events: none;
}/* WidgetStyles.css - Complete enhanced version with modern loading animations */

/* =============================================================================
   WIDGET BASE STYLING
   ============================================================================= */

.widget {
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: relative;
}

.widget:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}

.widget-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0;
}

.widget-settings-button {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 12px;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  transition: all 0.2s ease;
}

.widget-settings-button:hover {
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
  transform: scale(1.1);
}

.widget-dragging {
  opacity: 0.5;
  transform: scale(0.95);
  z-index: 1000;
}

.hidden {
  opacity: 0;
  transform: translateY(20px);
}

/* =============================================================================
   ENHANCED LOADING ANIMATIONS - CENTERED AND MODERN
   ============================================================================= */

.widget-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 150px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  margin: 0;
}

.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 150px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  margin: 0;
}

.loading-spinner {
  font-size: 24px;
  color: #0000F3;
  animation: spin 1s linear infinite;
}

.chart-loading-spinner {
  font-size: 24px;
  color: #0000F3;
  animation: spin 1s linear infinite;
}

.loading-text {
  font-size: 14px;
  color: #333333;
  margin-top: 10px;
  text-align: center;
}

.chart-loading-text {
  font-size: 14px;
  color: #333333;
  margin-top: 10px;
  text-align: center;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Chart specific loading container */
.chart-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 200px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

/* =============================================================================
   TEXT WIDGET STYLES
   ============================================================================= */

.widget-text-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  text-align: center;
}

.widget-text-content-top-left {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px;
  text-align: left;
}

.font-size-small {
  font-size: 12px;
}

.font-size-medium {
  font-size: 16px;
}

.font-size-large {
  font-size: 24px;
}

.font-size-xlarge {
  font-size: 32px;
}

/* =============================================================================
   SINGLE STAT WIDGET STYLES
   ============================================================================= */

.single-stat-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px;
  background: linear-gradient(135deg, rgba(0, 0, 243, 0.05), rgba(0, 0, 243, 0.02));
  border-left: 4px solid #0000F3;
}

.single-stat-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
}

.single-stat-title {
  font-size: 14px;
  color: #666;
  margin: 0 0 10px 0;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.single-stat-value {
  font-size: 28px;
  font-weight: bold;
  color: #0000F3;
  margin: 0;
  line-height: 1.2;
}

.single-stat-details {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.single-stat-details p {
  margin: 2px 0;
  font-size: 11px;
  color: #888;
}

/* =============================================================================
   CHART CONTAINER STYLES
   ============================================================================= */

.chart-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fafafa;
  border-radius: 8px;
  overflow: hidden;
}

.chart-maximized {
  background: transparent;
}

.widget-header {
  background: rgba(0, 0, 243, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 12px 15px;
  flex-shrink: 0;
}

.widget-header-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.chart-title {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 0;
  line-height: 1.3;
}

.chart-timeframe {
  font-size: 11px;
  color: #666;
  margin: 0;
}

.chart-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.line-chart {
  background: linear-gradient(180deg, rgba(0, 0, 243, 0.02), rgba(0, 0, 243, 0.01));
}

.aggregated-chart {
  background: linear-gradient(180deg, rgba(0, 200, 0, 0.02), rgba(0, 200, 0, 0.01));
}

.bar-chart {
  background: linear-gradient(180deg, rgba(255, 140, 0, 0.02), rgba(255, 140, 0, 0.01));
}

/* =============================================================================
   CHART ERROR AND NO-DATA STATES
   ============================================================================= */

.chart-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 200px;
  background-color: rgba(255, 240, 240, 0.3);
  border-radius: 12px;
  padding: 20px;
  border: 1px solid rgba(211, 47, 47, 0.2);
}

.chart-error-icon {
  font-size: 48px;
  margin-bottom: 15px;
}

.chart-error-text {
  color: #d32f2f;
  font-size: 16px;
  text-align: center;
  margin: 0;
  font-weight: 500;
}

.chart-no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 200px;
  background-color: rgba(240, 240, 240, 0.3);
  border-radius: 12px;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.chart-no-data-icon {
  font-size: 48px;
  margin-bottom: 15px;
  opacity: 0.6;
}

.chart-no-data-text {
  color: #666;
  font-size: 16px;
  text-align: center;
  margin: 0 0 5px 0;
  font-weight: 500;
}

.chart-no-data-hint {
  color: #999;
  font-size: 14px;
  text-align: center;
  margin: 0;
  font-style: italic;
}

/* =============================================================================
   TABLE STYLES
   ============================================================================= */

.table-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.table-title {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 0;
  padding: 12px 15px 4px 15px;
}

.table-timeframe {
  font-size: 11px;
  color: #666;
  margin: 0;
  padding: 0 15px 2px 15px;
}

.table-wrapper {
  flex: 1;
  overflow: auto;
  padding: 0 15px;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.data-table th,
.data-table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.data-table th {
  background: rgba(0, 0, 243, 0.05);
  font-weight: 600;
  color: #333;
  position: sticky;
  top: 0;
  z-index: 1;
}

.data-table tr:hover {
  background: rgba(0, 0, 243, 0.02);
}

.no-data {
  text-align: center;
  color: #999;
  font-style: italic;
}

/* =============================================================================
   PAGINATION STYLES
   ============================================================================= */

.table-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  font-size: 12px;
}

.pagination-info {
  color: #666;
}

.pagination-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pagination-pages {
  display: flex;
  align-items: center;
  gap: 4px;
}

.pagination-btn {
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: white;
  border-radius: 4px;
  cursor: pointer;
  font-size: 11px;
  transition: all 0.2s ease;
  color: #333;
}

.pagination-btn:hover:not(:disabled) {
  background: rgba(0, 0, 243, 0.1);
  border-color: #0000F3;
}

.pagination-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagination-current {
  background: #0000F3;
  color: white;
  border-color: #0000F3;
}

.pagination-dots {
  margin: 0 4px;
  color: #999;
}

/* =============================================================================
   ERROR TABLE SPECIFIC STYLES
   ============================================================================= */

.error-table-container .data-table th {
  background: rgba(211, 47, 47, 0.05);
}

.error-level-badge {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  min-width: 24px;
}

.level-0 {
  background: rgba(76, 175, 80, 0.2);
  color: #2e7d32;
  border: 1px solid rgba(76, 175, 80, 0.3);
}

.level-1 {
  background: rgba(255, 193, 7, 0.2);
  color: #f57c00;
  border: 1px solid rgba(255, 193, 7, 0.3);
}

.level-2 {
  background: rgba(255, 152, 0, 0.2);
  color: #e65100;
  border: 1px solid rgba(255, 152, 0, 0.3);
}

.level-3 {
  background: rgba(244, 67, 54, 0.2);
  color: #c62828;
  border: 1px solid rgba(244, 67, 54, 0.3);
}

.unknown-level, .question-level {
  background: rgba(158, 158, 158, 0.2);
  color: #424242;
  border: 1px solid rgba(158, 158, 158, 0.3);
}

.error-code-badge {
  display: inline-block;
  padding: 2px 6px;
  background: rgba(0, 0, 243, 0.1);
  color: #0000F3;
  border-radius: 4px;
  font-family: monospace;
  font-size: 10px;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 243, 0.2);
}

.outdated {
  background: rgba(255, 152, 0, 0.1);
  color: #e65100;
  border-color: rgba(255, 152, 0, 0.3);
}

.no-error-code {
  color: #999;
  font-style: italic;
}

.component-badge {
  background: rgba(156, 39, 176, 0.1);
  color: #7b1fa2;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 10px;
}

.na-badge {
  background: rgba(158, 158, 158, 0.1);
  color: #616161;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 10px;
  font-style: italic;
}

.na-text {
  color: #999;
  font-style: italic;
}

.lookup-description-text {
  color: #333;
}

.sortable {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.sortable:hover {
  background: rgba(0, 0, 243, 0.08);
}

.sort-indicator {
  font-size: 12px;
  margin-left: 4px;
  color: #0000F3;
}

/* =============================================================================
   SUCCESS AND ERROR MESSAGES
   ============================================================================= */

.success-message {
  position: fixed;
  top: 20px;
  right: 20px;
  background: linear-gradient(135deg, rgba(0, 200, 0, 0.9), rgba(0, 150, 0, 0.8));
  border-radius: 6px;
  padding: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
  z-index: 1300;
  max-width: 300px;
  color: white;
  font-family: 'Inter', sans-serif;
  animation: slideIn 0.3s ease forwards;
}

.error-message {
  color: #d32f2f;
  font-size: 0.8em;
  text-align: center;
  padding: 10px;
  background-color: rgba(211, 47, 47, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(211, 47, 47, 0.3);
  margin: 10px 0;
}

.widget-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 150px;
  background-color: rgba(255, 240, 240, 0.3);
  border-radius: 12px;
  padding: 20px;
  border: 1px solid rgba(211, 47, 47, 0.2);
}

.error-icon {
  font-size: 32px;
  margin-bottom: 10px;
}

.widget-error .error-message {
  color: #d32f2f;
  font-size: 14px;
  text-align: center;
  margin: 0;
  background: none;
  border: none;
  padding: 0;
}

/* =============================================================================
   ANIMATIONS
   ============================================================================= */

@keyframes slideIn {
  from { transform: translateY(-100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* =============================================================================
   DARK MODE SUPPORT
   ============================================================================= */

.dark .widget {
  background: rgba(0, 0, 0, 0.8);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.dark .widget:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.dark .widget-loading,
.dark .loading-container,
.dark .chart-loading {
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
}

.dark .loading-text,
.dark .chart-loading-text {
  color: #e0e0e0;
}

.dark .widget-error,
.dark .chart-error {
  background-color: rgba(40, 20, 20, 0.3);
  border-color: rgba(211, 47, 47, 0.4);
}

.dark .error-message {
  background-color: rgba(211, 47, 47, 0.2);
  border-color: rgba(211, 47, 47, 0.5);
}

.dark .chart-no-data {
  background-color: rgba(20, 20, 20, 0.3);
  border-color: rgba(255, 255, 255, 0.2);
}

.dark .chart-no-data-text {
  color: #ccc;
}

.dark .chart-no-data-hint {
  color: #888;
}

.dark .chart-container {
  background: rgba(0, 0, 0, 0.2);
}

.dark .table-container {
  background: rgba(0, 0, 0, 0.4);
}

.dark .widget-header {
  background: rgba(0, 0, 243, 0.1);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark .chart-title {
  color: #e0e0e0;
}

.dark .chart-timeframe,
.dark .table-timeframe {
  color: #ccc;
}

.dark .data-table {
  color: #e0e0e0;
}

.dark .data-table th {
  background: rgba(0, 0, 243, 0.2);
  color: #e0e0e0;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark .data-table td {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark .data-table tr:hover {
  background: rgba(255, 255, 255, 0.05);
}

.dark .table-pagination {
  background: rgba(0, 0, 0, 0.3);
  border-top-color: rgba(255, 255, 255, 0.1);
  color: #ccc;
}

.dark .pagination-btn {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
  color: #e0e0e0;
}

.dark .pagination-btn:hover:not(:disabled) {
  background: rgba(0, 0, 243, 0.3);
  border-color: #0000F3;
}

.dark .single-stat-title {
  color: #ccc;
}

.dark .single-stat-details p {
  color: #aaa;
}

/* =============================================================================
   RESPONSIVE DESIGN
   ============================================================================= */

@media (max-width: 768px) {
  .loading-container,
  .widget-loading,
  .chart-loading {
    min-height: 120px;
    padding: 15px;
  }
  
  .loading-spinner,
  .chart-loading-spinner {
    font-size: 20px;
  }
  
  .loading-text,
  .chart-loading-text {
    font-size: 12px;
  }
  
  .chart-error,
  .chart-no-data {
    min-height: 150px;
    padding: 15px;
  }
  
  .chart-error-icon,
  .chart-no-data-icon {
    font-size: 36px;
  }
  
  .success-message {
    top: 10px;
    right: 10px;
    max-width: 250px;
    padding: 10px;
  }

  .widget-settings-button {
    top: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
    font-size: 10px;
  }

  .single-stat-value {
    font-size: 24px;
  }

  .single-stat-title {
    font-size: 12px;
  }

  .data-table {
    font-size: 11px;
  }

  .data-table th,
  .data-table td {
    padding: 6px 8px;
  }

  .pagination-controls {
    flex-wrap: wrap;
    gap: 4px;
  }

  .pagination-btn {
    padding: 3px 6px;
    font-size: 10px;
  }
}/* Configuration Modal Styles - matching calendarModal design */
.config-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  animation: modalFadeIn 0.3s ease-out;
}

.config-modal-content {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  max-width: 500px;
  width: 90%;
  text-align: center;
  animation: modalSlideIn 0.3s ease-out;
}

/* ENHANCED: Larger modal for advanced settings */
.config-modal-large {
  maxillary-width: 600px;
  text-align: left;
}

.config-modal-content h3 {
  font-size: 18px;
  color: #333333;
  margin-bottom: 16px;
  text-align: center;
}

.config-confirm-message {
  font-size: 14px;
  color: #333333;
  margin-bottom: 16px;
  line-height: 1.4;
}

/* Enhanced input wrapper for better organization */
.config-input-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid #cccccc;
  margin-bottom: 12px;
  width: 100%;
  box-sizing: border-box;
}

.config-input-wrapper label {
  font-size: 14px;
  color: #333333;
  margin-bottom: 6px;
  font-weight: 600;
}

.config-input,
.config-select {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  border: none;
  background: rgba(255, 255, 255, 0.9);
  color: #333333;
  box-sizing: border-box;
  border-radius: 4px;
  transition: border-color 0.2s ease;
}

.config-input::-moz-placeholder {
  color: #666666;
}

.config-input::placeholder {
  color: #666666;
}

.config-select {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.config-select option {
  background: white;
  color: #333333;
}

/* Loading states for dropdowns */
.config-select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background: rgba(0, 0, 0, 0.05);
}

.config-select option:disabled {
  color: #999999;
  font-style: italic;
}

/* NEW: Context selection styling */
.context-group {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-direction: column;
  width: 100%;
}

.context-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.context-checkbox input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.checkbox-label {
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  cursor: pointer;
}

.context-dropdowns {
  display: flex;
  gap: 10px;
  width: 100%;
}

.context-dropdowns select {
  flex: 1;
  min-width: 0;
}

/* Enhanced resize input group */
.resize-input-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}

.width-height-group {
  display: flex;
  gap: 12px;
}

.width-height-group .config-input-wrapper {
  flex: 1;
  margin-bottom: 0;
}

/* NEW: Advanced settings section styling */
.advanced-settings-section {
  border-top: 2px solid rgba(0, 0, 255, 0.15);
  padding-top: 12px;
  margin-top: 12px;
}

.advanced-settings-title {
  font-size: 16px;
  color: #0000FF;
  margin-bottom: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

.advanced-settings-title::before {
  content: "⚙️";
  font-size: 14px;
}

/* Error/Warning message styling */
.settings-info-message {
  padding: 8px 12px;
  border-radius: 6px;
  margin: 8px 0;
  font-size: 13px;
  line-height: 1.4;
}

.settings-info-message.warning {
  background-color: rgba(255, 193, 7, 0.1);
  border: 1px solid rgba(255, 193, 7, 0.3);
  color: #856404;
}

.settings-info-message.info {
  background-color: rgba(13, 110, 253, 0.1);
  border: 1px solid rgba(13, 110, 253, 0.3);
  color: #084298;
}

.settings-info-message.error {
  background-color: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  color: #721c24;
}

/* Modal actions styling */
.config-modal-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.config-modal-button {
  padding: 10px 20px;
  font-size: 14px;
  color: #ffffff;
  background: linear-gradient(135deg, #0000F3, #0056b3);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  min-width: 100px;
}

.config-modal-button:hover {
  background: linear-gradient(135deg, #0056b3, #0000F3);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.config-modal-button:disabled {
  background: #cccccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.config-modal-button:disabled:hover {
  background: #cccccc;
  transform: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.config-modal-button-cancel {
  background: linear-gradient(135deg, #6c757d, #5a6268);
}

.config-modal-button-cancel:hover {
  background: linear-gradient(135deg, #5a6268, #495057);
}

.config-modal-button-danger {
  background: linear-gradient(135deg, #dc3545, #c82333);
}

.config-modal-button-danger:hover {
  background: linear-gradient(135deg, #c82333, #bd2130);
}

/* Add Widget Modal Styles */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1100;
  animation: modalFadeIn 0.3s ease-out;
}

.modal-content {
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  max-width: 560px;
  width: 90%;
  font-family: 'Inter', sans-serif;
  position: relative;
  animation: modalSlideIn 0.3s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.app.dark .modal-content {
  background-color: rgba(30, 30, 30, 0.9);
}

.modal-content h2 {
  font-size: 18px;
  color: #333333;
  margin: 0 0 16px;
  width: 100%;
  font-weight: 600;
}

.app.dark .modal-content h2 {
  color: #ffffff;
}

.form-group {
  margin-bottom: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-group label {
  display: block;
  font-size: 14px;
  color: #333333;
  margin-bottom: 6px;
  font-weight: 600;
  width: 100%;
  text-align: left;
}

.app.dark .form-group label {
  color: #bbbbbb;
}

.form-group select,
.form-group input[type="text"],
.form-group input[type="number"] {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #cccccc;
  background-color: rgba(255, 255, 255, 0.9);
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
  max-width: 360px;
  margin: 0 auto;
  transition: border-color 0.2s ease;
}

.form-group select:focus,
.form-group input[type="text"]:focus,
.form-group input[type="number"]:focus {
  border-color: #0000ff;
  outline: none;
}

.app.dark .form-group select,
.app.dark .form-group input[type="text"],
.app.dark .form-group input[type="number"] {
  background-color: #333333;
  color: #bbbbbb;
  border-color: #555555;
}

/* Widget Type Options */
.widget-type-options {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
  max-width: 500px;
  margin: 8px auto;
  justify-content: center;
}

.widget-type-option {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  text-align: center;
  min-height: 48px;
  box-sizing: border-box;

}

.widget-type-option:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 2px solid #0000ff;

}

.app.dark .widget-type-option {
  background-color: rgba(40, 40, 40, 0.8);
  border-color: #555555;
}

.widget-type-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.widget-type-label {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  width: 100%;
  text-align: center;
}

.app.dark .widget-type-label {
  color: #bbbbbb;
}

.error-message {
  color: #ff0000;
  font-size: 14px;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
}

/* Modal Actions und Buttons - SPEZIFISCH für AddWidgetModal */
.modal-content .modal-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 16px;
  align-items: center; /* Geändert von baseline zu center für gleichmäßige Ausrichtung */
  flex-wrap: wrap;
  width: 100%;
}

.modal-content .modal-button {
  padding: 8px 20px;
  font-size: 14px;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5;
  min-width: 120px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  height: 40px; /* Feste Höhe für einheitliche Ausrichtung */
}

.modal-content .cancel-button {
  background: linear-gradient(135deg, #6c757d, #5a6268);
}

.modal-content .cancel-button:hover {
  background: linear-gradient(135deg, #5a6268, #495057);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.modal-content .modal-add-widget-button {
  background: linear-gradient(135deg, #0000F3, #0056b3);
}

.modal-content .modal-add-widget-button:hover {
  background: linear-gradient(135deg, #0056b3, #0000F3);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.modal-content .modal-add-widget-button:disabled {
  background: #cccccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Custom size inputs styling */
.custom-size-inputs {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 8px;
  padding: 10px;
  background-color: transparent; /* Entfernt den weißen Hintergrund */
  border-radius: 6px;
  justify-content: center;
  width: 100%;
  max-width: 360px;
}

.app.dark .custom-size-inputs {
  background-color: transparent; /* Konsistent im dunklen Modus */
  border-color: #555555;
}

.custom-size-inputs > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.custom-size-inputs label {
  font-size: 12px;
  margin-bottom: 4px;
  font-weight: 600;
  color: #333333;
}

.app.dark .custom-size-inputs label {
  color: #bbbbbb;
}

.custom-size-inputs input {
  width: 80px;
  padding: 6px 8px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.15); /* Anpassung an Modal-Stil */
  text-align: center;
  transition: border-color 0.2s ease;
}

.app.dark .custom-size-inputs input {
  background-color: rgba(40, 40, 40, 0.8);
  border-color: #666666;
  color: #bbbbbb;
}

.custom-size-inputs > div:last-child {
  font-size: 14px;
  color: #495057;
  font-weight: 600;
  padding: 8px 12px;
  background-color: rgba(255, 255, 255, 0.15); /* Anpassung an Modal-Stil */
  border-radius: 4px;
  border: 1px solid #ced4da;
  min-width: 80px;
  text-align: center;
}

.app.dark .custom-size-inputs > div:last-child {
  background-color: rgba(40, 40, 40, 0.8);
  border-color: #666666;
  color: #bbbbbb;
}

.invisible-label {
  opacity: 0;
  pointer-events: none;
}

.size-preview {
  background: rgba(0, 0, 255, 0.1);
  color: #0000ff;
  border: 1px solid rgba(0, 0, 255, 0.3);
  padding: 8px 12px;
  border-radius: 4px;
  font-weight: 600;
  min-width: 80px;
  text-align: center;
}

/* Dark mode support */
.app.dark .config-modal-content {
  background-color: rgba(30, 30, 30, 0.9);
}

.app.dark .config-modal-content h3,
.app.dark .config-input-wrapper label,
.app.dark .checkbox-label {
  color: #ffffff;
}

.app.dark .config-input-wrapper {
  background-color: rgba(40, 40, 40, 0.8);
  border-color: #555555;
}

.app.dark .config-input,
.app.dark .config-select {
  color: #ffffff;
  background: rgba(60, 60, 60, 0.5);
}

.app.dark .config-select {
  border-color: #555555;
}

.app.dark .config-select option {
  background: #333333;
  color: #ffffff;
}

.app.dark .advanced-settings-title {
  color: #4da6ff;
}

.app.dark .settings-info-message.warning {
  background-color: rgba(255, 193, 7, 0.15);
  color: #ffc107;
}

.app.dark .settings-info-message.info {
  background-color: rgba(13, 110, 253, 0.15);
  color: #58a6ff;
}

.app.dark .settings-info-message.error {
  background-color: rgba(220, 53, 69, 0.15);
  color: #ff6b7a;
}

/* Animations */
@keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalSlideIn {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Focus states for better accessibility */
.config-input:focus,
.config-select:focus {
  outline: 2px solid #0000ff;
  outline-offset: 2px;
}

.config-modal-button:focus {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.context-checkbox input[type="checkbox"]:focus {
  outline: 2px solid #0000ff;
  outline-offset: 2px;
}

/* NEW: Enhanced disabled state for context dropdowns */
.context-dropdowns select:disabled {
  opacity: 0.3; /* Stärker ausgegraut für klarere Deaktivierung */
  background-color: rgba(200, 200, 200, 0.2); /* Grauer Hintergrund */
  color: #999999;
  cursor: not-allowed;
}

.app.dark .context-dropdowns select:disabled {
  background-color: rgba(80, 80, 80, 0.4); /* Angepasst für dunklen Modus */
  color: #777777;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .config-modal-content {
    border: 2px solid #000000;
  }

  .config-input-wrapper {
    border: 2px solid #000000;
  }

  .config-modal-button {
    border: 2px solid #ffffff;
  }
}

/* Responsive design improvements */
@media (max-width: 768px) {
  .config-modal-large {
    max-width: 95%;
    padding: 12px;
  }

  .context-group {
    gap: 8px;
  }

  .context-dropdowns {
    flex-direction: column;
    gap: 8px;
  }

  .width-height-group {
    flex-direction: column;
    gap: 10px;
  }

  .config-modal-actions {
    flex-direction: column;
    gap: 8px;
  }

  .config-modal-button {
    width: 100%;
    margin: 0;
  }

  .modal-content {
    width: 95%;
    padding: 12px;
    max-width: 500px;
  }

  .widget-type-options {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
  }

  .widget-type-option {
    flex: none;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
  }

  .custom-size-inputs {
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
  }

  .modal-actions {
    flex-direction: column;
    gap: 8px;
  }

  .modal-button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .config-modal-content {
    margin: 8px;
    width: calc(100% - 16px);
    max-height: 90vh;
    overflow-y: auto;
  }

  .config-modal-large {
    max-width: none;
  }

  .resize-input-group {
    gap: 8px;
  }

  .config-input-wrapper {
    padding: 8px;
    margin-bottom: 8px;
  }

  .modal-content {
    margin: 8px;
    width: calc(100% - 16px);
    max-height: 90vh;
    overflow-y: auto;
  }
}/* CustomReportContainer.css - Main Container and Controls */

/* ==================== GLOBAL & CONTAINER ==================== */
body {
  overflow-x: hidden;
}

.custom-report-container {
  padding: 0;
  position: relative;
  min-height: 100vh;
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: visible;
}

/* NEW: Main content wrapper for flex layout */
.main-content-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
}

/* UPDATED: Remove left padding since vertical buttons are now separate */
.reporting-grid-container {
  position: relative;
  width: 100%;
  max-width: 1720px;
  margin: 0;
  overflow: visible;
  padding: 20px;
  flex: 1; /* Take remaining space */
  box-sizing: border-box;
} 

/* Legacy grid-container class for backward compatibility */
.grid-container {
  position: relative;
  width: 100%;
  max-width: 1720px;
  margin: 0;
  overflow: visible;
  padding: 20px;
  padding-left: 100px;
} 

/* ==================== CONTROLS ==================== */
.grid-controls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 20px 0;
  width: 100%;
  min-height: 32px;
  flex-wrap: wrap;
  gap: 8px;
}

.config-group {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.config-group.hidden,
.vertical-button-group.hidden {
  display: none;
}

.toggle-config-button {
  padding: 8px;
  font-size: 14px;
  color: #ffffff;
  background: #0000FF;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Inter', sans-serif;
  margin-right: 12px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.toggle-config-button:hover {
  background: #0000CC;
  transform: translateY(-2px);
}

.load-config-dropdown,
.timeframe-dropdown {
  padding: 10px;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-family: 'Inter', sans-serif;
  color: #333333;
  cursor: pointer;
  height: 42px;
  box-sizing: border-box;
}

.save-button,
.new-config-button,
.clear-config-button,
.delete-config-button {
  padding: 10px 20px;
  font-size: 14px;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Inter', sans-serif;
  height: 42px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

.save-button,
.new-config-button {
  background: #0000FF;
}

.save-button:hover,
.new-config-button:hover {
  background: #0000CC;
  transform: translateY(-2px);
}

.clear-config-button,
.delete-config-button {
  background: #666666;
}

.clear-config-button:hover,
.delete-config-button:hover:not(:disabled) {
  background: #4d4d4d;
  transform: translateY(-2px);
}

.clear-config-button:disabled,
.delete-config-button:disabled {
  background: #cccccc;
  cursor: not-allowed;
}

.config-group button svg {
  font-size: 14px;
  flex-shrink: 0;
}

/* ==================== VERTICAL BUTTONS ==================== */
/* UPDATED: Changed from absolute to relative positioning for flex layout */
.vertical-button-group {
  position: relative; /* Changed from absolute */
  top: auto; /* Reset absolute positioning */
  left: auto; /* Reset absolute positioning */
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 60px;
  flex-shrink: 0; /* Prevent shrinking */
  align-self: flex-start; /* Align to top */
  margin-top: 80px; /* Space from top to align with grid content */
  z-index: 1000;
}

.add-widget-button,
.trash-button,
.show-grid-button {
  padding: 8px;
  font-size: 16px;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-family: 'Inter', sans-serif;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.add-widget-button {
  background: linear-gradient(135deg, #00cc00, #009900);
}

.add-widget-button:hover {
  background: linear-gradient(135deg, #009900, #00cc00);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.trash-button {
  background: linear-gradient(135deg, #ff0000, #b30000);
}

.trash-button:hover {
  background: linear-gradient(135deg, #b30000, #ff0000);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.trash-button-dragging {
  transform: scale(1.2);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

.show-grid-button {
  background: #cccccc;
}

.show-grid-button:hover {
  background: #999999;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* ==================== MODALS ==================== */
.save-config-modal,
.resize-widget-modal,
.confirm-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1200;
}

.modal-content-wrapper,
.confirm-modal-content {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.15));
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  max-width: 350px;
  width: 90%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: 'Inter', sans-serif;
}

.modal-content-wrapper h3,
.confirm-modal-content h3 {
  font-size: 16px;
  color: #333333;
  margin: 0;
}

.confirm-message {
  font-size: 14px;
  color: #333333;
  margin: 10px 0;
}

.modal-content-wrapper input,
.modal-content-wrapper select {
  padding: 8px;
  font-size: 13px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  width: 80%;
  max-width: 250px;
  margin: 0 auto;
  box-sizing: border-box;
}

.resize-input-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.width-height-group {
  display: flex;
  gap: 10px;
}

.width-height-group label {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12px;
}

.modal-actions {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.modal-button {
  padding: 6px 12px;
  font-size: 13px;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Inter', sans-serif;
}

.cancel-button {
  background: #0056b3;
}

.cancel-button:hover {
  background: #003087;
  transform: translateY(-2px);
}

.apply-button {
  background: #00cc00;
}

.apply-button:hover {
  background: #009900;
  transform: translateY(-2px);
}

.delete-widget-button {
  background: #ff4444;
}

.delete-widget-button:hover {
  background: #cc0000;
  transform: translateY(-2px);
}

.modal-button:disabled {
  background: #cccccc;
  cursor: not-allowed;
}

/* ==================== UTILITY STYLES ==================== */

.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  margin: 20px 0;
}

.loading-spinner {
  font-size: 24px;
  color: #0000F3;
  animation: spin 1s linear infinite;
}

.loading-text {
  font-size: 14px;
  color: #333333;
  margin-top: 10px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.success-message {
  position: fixed;
  top: 20px;
  right: 20px;
  background: linear-gradient(135deg, rgba(0, 200, 0, 0.9), rgba(0, 150, 0, 0.8));
  border-radius: 6px;
  padding: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
  z-index: 1300;
  max-width: 300px;
  color: white;
  font-family: 'Inter', sans-serif;
  animation: slideIn 0.3s ease forwards;
}

@keyframes slideIn {
  from { transform: translateY(-100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.error-message {
  color: #d32f2f;
  font-size: 0.8em;
  text-align: center;
  padding: 10px;
}

.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ==================== RESPONSIVE DESIGN ==================== */
@media (max-width: 1400px) {
  .custom-report-container { max-width: 1200px; }
  .reporting-grid-container { 
    max-width: 1200px; 
    padding: 15px; 
  }
  .vertical-button-group { 
    width: 50px; 
  }
  .main-content-wrapper {
    gap: 15px;
  }
}

@media (max-width: 1000px) {
  .custom-report-container { max-width: 800px; }
  .reporting-grid-container { 
    max-width: 800px; 
    padding: 10px; 
  }
  
  /* UPDATED: Mobile layout - switch to horizontal layout */
  .main-content-wrapper {
    flex-direction: column;
    gap: 10px;
  }
  
  .vertical-button-group {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin: 10px 0;
    margin-top: 0; /* Reset margin-top for mobile */
    width: auto;
    align-self: stretch; /* Full width on mobile */
    justify-content: center; /* Center buttons on mobile */
  }
  
  .grid-controls { 
    flex-direction: column; 
    align-items: flex-start; 
    gap: 10px; 
  }
}

@media (max-width: 768px) {
  .config-group { 
    flex-direction: column; 
    align-items: flex-start; 
    width: 100%; 
  }
  .load-config-dropdown,
  .timeframe-dropdown,
  .new-config-button,
  .delete-config-button,
  .clear-config-button {
    width: 100%;
    margin-bottom: 5px;
  }
}