react-ui89/dist/esm/index.css

A collection of React components that mimic a common style of user interfaces from the late 80s and early 90s.

:root{--ui89-palette-black:#000000;--ui89-palette-dark-blue:#0000aa;--ui89-palette-dark-green:#00aa00;--ui89-palette-dark-cyan:#00aaaa;--ui89-palette-dark-red:#aa0000;--ui89-palette-dark-pink:#aa00aa;--ui89-palette-dark-yellow:#aa5500;--ui89-palette-light-gray:#aaaaaa;--ui89-palette-dark-gray:#555555;--ui89-palette-light-blue:#5454ff;--ui89-palette-light-green:#55ff55;--ui89-palette-light-cyan:#55ffff;--ui89-palette-light-red:#ff5555;--ui89-palette-light-pink:#ff55ff;--ui89-palette-light-yellow:#ffff55;--ui89-palette-white:#ffffff;--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-dark-blue);--ui89-safe-space:8px;--ui89-input-height:32px;--ui89-font-size-huge:32px;--ui89-font-size-big:20px;--ui89-font-size-normal:16px;--ui89-font-size-small:14px;--ui89-font-size-tiny:10px;--ui89-input-bg-color:var(--ui89-palette-black);--ui89-input-text-color:var(--ui89-palette-light-yellow);--ui89-animation-speed:100ms;--ui89-cursor-default:default;--ui89-cursor-pointer:pointer;--ui89-box-shadow:10px 10px 0px black;}
.ui89-breadcrumbs{display:flex;flex-direction:row-reverse;justify-content:flex-end;overflow:hidden;padding:var(--ui89-safe-space);}.ui89-breadcrumbs__item{display:block;color:var(--ui89-theme-text-color);padding-left:calc(var(--ui89-safe-space) * 3);padding-right:calc(var(--ui89-safe-space) * 2);margin:calc(var(--ui89-safe-space) * -1);position:relative;clip-path:polygon(0% 0%,calc(100% - var(--ui89-safe-space)) 0%,100% 50%,calc(100% - var(--ui89-safe-space)) 100%,0% 100%);animation:ui89-breadcrumbs__appear var(--ui89-animation-speed);cursor:pointer;}.ui89-breadcrumbs__item:last-child{padding-left:calc(var(--ui89-safe-space) * 2);}@keyframes ui89-breadcrumbs__appear{from{transform:translateX(-100%);}to{transform:translateX(0%);}}.ui89-breadcrumbs__item__background{position:absolute;z-index:-1;inset:0;background-color:var(--ui89-theme-bg-color);filter:brightness(calc(1 - var(--ui89-index) * 0.1));}
.ui89-typo-big{font-family:monospace;font-size:var(--ui89-font-size-big);line-height:25px;}.ui89-typo-normal{font-family:monospace;font-size:var(--ui89-font-size-normal);line-height:16px;}.ui89-typo-normal-bold{font-family:monospace;font-size:var(--ui89-font-size-normal);line-height:16px;font-weight:bold;}.ui89-typo-small{font-family:monospace;font-size:var(--ui89-font-size-small);line-height:16px;}.ui89-typo-small-bold{font-family:monospace;font-size:var(--ui89-font-size-small);line-height:16px;font-weight:bold;}.ui89-typo-special{font-family:monospace;font-size:var(--ui89-font-size-small);font-weight:bold;}
.ui-89-reset-a{text-decoration:none;}.ui-89-reset-button{background:none;padding:0;border:0;}
.ui89-theme-primary{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-light-blue);}.ui89-theme-secondary{--ui89-theme-text-color:var(--ui89-palette-black);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-light-gray);}.ui89-theme-info{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-light-blue);}.ui89-theme-success{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-dark-green);}.ui89-theme-warning{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-dark-yellow);}.ui89-theme-danger{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-dark-red);}.ui89-theme-black{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-black);}.ui89-theme-darkBlue{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-dark-blue);}.ui89-theme-darkGreen{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-dark-green);}.ui89-theme-darkCyan{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-dark-cyan);}.ui89-theme-darkRed{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-dark-red);}.ui89-theme-darkPink{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-dark-pink);}.ui89-theme-darkYellow{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-dark-yellow);}.ui89-theme-lightGray{--ui89-theme-text-color:var(--ui89-palette-black);--ui89-theme-text-disabled-color:var(--ui89-palette-dark-gray);--ui89-theme-bg-color:var(--ui89-palette-light-gray);}.ui89-theme-darkGray{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-light-gray);--ui89-theme-bg-color:var(--ui89-palette-dark-gray);}.ui89-theme-lightBlue{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-dark-gray);--ui89-theme-bg-color:var(--ui89-palette-light-blue);}.ui89-theme-lightGreen{--ui89-theme-text-color:var(--ui89-palette-black);--ui89-theme-text-disabled-color:var(--ui89-palette-dark-gray);--ui89-theme-bg-color:var(--ui89-palette-light-green);}.ui89-theme-lightCyan{--ui89-theme-text-color:var(--ui89-palette-black);--ui89-theme-text-disabled-color:var(--ui89-palette-dark-gray);--ui89-theme-bg-color:var(--ui89-palette-light-cyan);}.ui89-theme-lightRed{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-dark-gray);--ui89-theme-bg-color:var(--ui89-palette-light-red);}.ui89-theme-lightPink{--ui89-theme-text-color:var(--ui89-palette-white);--ui89-theme-text-disabled-color:var(--ui89-palette-dark-gray);--ui89-theme-bg-color:var(--ui89-palette-light-pink);}.ui89-theme-lightYellow{--ui89-theme-text-color:var(--ui89-palette-black);--ui89-theme-text-disabled-color:var(--ui89-palette-dark-gray);--ui89-theme-bg-color:var(--ui89-palette-light-yellow);}.ui89-theme-white{--ui89-theme-text-color:var(--ui89-palette-black);--ui89-theme-text-disabled-color:var(--ui89-palette-dark-gray);--ui89-theme-bg-color:var(--ui89-palette-white);}
.ui89-box-shadow{display:grid;padding-right:var(--ui89-box-shadow-column-gap);padding-bottom:var(--ui89-box-shadow-row-gap);position:relative;}.ui89-box-shadow>*{}.ui89-box-shadow__right{display:block;position:absolute;right:0;bottom:0;height:calc(100% - var(--ui89-box-shadow-row-gap));width:var(--ui89-box-shadow-column-gap);box-sizing:border-box;background:black;z-index:0;}.ui89-box-shadow__bottom{display:block;position:absolute;right:0;bottom:0;width:calc(100% - var(--ui89-box-shadow-column-gap));height:var(--ui89-box-shadow-row-gap);box-sizing:border-box;background:black;z-index:0;}
.ui89-button{display:inline-grid;height:fit-content;position:relative;}.ui89-button--size-standard .ui89-button__button{height:22px;padding:0 calc(var(--ui89-safe-space) * 2);min-width:60px;}.ui89-button--size-square{max-width:fit-content;}.ui89-button__implementation{padding:0;border:0;}.ui89-button--size-square .ui89-button__button{width:22px;height:22px;flex-basis:22px;overflow:hidden;}.ui89-button__button{display:flex;justify-content:center;align-items:center;border:0;color:var(--ui89-theme-text-color);background-color:var(--ui89-theme-bg-color);border-radius:1px;font-weight:bold;user-select:none;text-align:center;box-sizing:border-box;border:1px solid #00000010;transition:transform var(--ui89-animation-speed);max-width:100%;white-space:nowrap;position:relative;cursor:var(--ui89-cursor-pointer);}.ui89-button__button__content{min-width:0;}.ui89-button__button:before{position:absolute;inset:0;}.ui89-button__button--block{display:flex;}.ui89-button__button:hover:not(.ui89-button__button--disabled):not(.ui89-button__button--active):before{content:"";background-color:#ffffff40;cursor:var(--ui89-cursor-pointer);}.ui89-button__button:active:not(.ui89-button__button--disabled),.ui89-button__button--active{transform:translate3d(calc(var(--ui89-safe-space) / 2),calc(var(--ui89-safe-space) / 2),0);}.ui89-button__button:active:not(.ui89-button__button--disabled):not(.ui89-button__button--active):before{content:none;background-color:#00000040;cursor:var(--ui89-cursor-pointer);}.ui89-button__button--disabled{opacity:0.5;cursor:var(--ui89-cursor-default);}
.ui89-text-unbreakable{white-space:nowrap;}.ui89-text-ellipsis{overflow:hidden;text-overflow:ellipsis;}.ui89-text-single-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ui89-text-single-line--ellipsis-left{direction:rtl;}
.ui89-card{background:var(--ui89-theme-bg-color);color:var(--ui89-theme-text-color);border-radius:var(--ui89-box-border-radius);position:relative;box-shadow:rgb(0 0 0 / 5%) 0px 1px 2px 0px;padding:calc(var(--ui89-safe-space)) calc(var(--ui89-safe-space) / 2);display:flex;flex-direction:column;}.ui89-card--themed{background:var(--ui89-theme-bg-color);color:var(--ui89-theme-text-color);}.ui89-card--themed .ui89-card__horizontal-connection{background:var(--ui89-theme-bg-color);}.ui89-card>*{box-sizing:border-box;flex:1;max-height:100%;overflow:auto;}.ui89-card__inside{border:1px solid currentColor;padding:calc(var(--ui89-safe-space));}.ui89-card__top-left{position:absolute;bottom:100%;left:0;padding-left:var(--ui89-safe-space);padding-top:calc(var(--ui89-safe-space) * 2);transform:translateY(50%);max-width:100%;}.ui89-card__top-center{position:absolute;bottom:100%;left:50%;transform:translate(-50%,50%);padding:0 var(--ui89-safe-space);padding-top:calc(var(--ui89-safe-space) * 2);max-width:100%;box-sizing:border-box;}.ui89-card__top-right{position:absolute;bottom:100%;right:0;padding-right:var(--ui89-safe-space);padding-top:calc(var(--ui89-safe-space) * 2);transform:translateY(50%);max-width:100%;}.ui89-card__bottom-left{position:absolute;top:100%;left:0;padding-left:var(--ui89-safe-space);padding-bottom:calc(var(--ui89-safe-space) * 2);transform:translateY(-50%);max-width:100%;}.ui89-card__bottom-center{position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);padding:0 var(--ui89-safe-space);padding-bottom:calc(var(--ui89-safe-space) * 2);max-width:100%;box-sizing:border-box;}.ui89-card__bottom-right{position:absolute;top:100%;right:0;padding-right:var(--ui89-safe-space);padding-bottom:calc(var(--ui89-safe-space) * 2);transform:translateY(-50%);max-width:100%;}.ui89-card__horizontal-connection{margin:0 calc(var(--ui89-safe-space) * -1);background:var(--ui89-theme-bg-color);}.ui89-card__horizontal-connection--overflow{margin:0 calc(var(--ui89-safe-space) * -1 - 1px);}
.ui89-scene{background-color:var(--ui89-theme-bg-color);color:var(--ui89-theme-text-color);overflow:visible;}
.ui89-scrollbar ::-webkit-scrollbar{background:var(--ui89-theme-bg-color);width:calc(var(--ui89-safe-space) * 2);}.ui89-scrollbar ::-webkit-scrollbar-track{background:var(--ui89-theme-bg-color);background:var(--ui89-palette-dark-gray);border:1px solid var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-thumb{background:var(--ui89-palette-light-gray);border:1px solid transparent;}.ui89-scrollbar ::-webkit-scrollbar-thumb:vertical{border-top-color:var(--ui89-palette-dark-gray);border-bottom-color:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-thumb:horizontal{border-left-color:var(--ui89-palette-dark-gray);border-right-color:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button{background-color:#bbbbbb;display:block;border-style:solid;height:calc(var(--ui89-safe-space) * 2);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:decrement{border-width:0 var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space);border-color:transparent transparent var(--ui89-palette-black) transparent;}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:decrement:active{background:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:increment{border-width:var(--ui89-safe-space) var(--ui89-safe-space) 0 var(--ui89-safe-space);border-color:var(--ui89-palette-black) transparent transparent transparent;}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:increment:active{background:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:decrement{border-width:var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space) 0;border-color:transparent var(--ui89-palette-black) transparent transparent;}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:decrement:active{background:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:increment{border-width:var(--ui89-safe-space) 0 var(--ui89-safe-space) var(--ui89-safe-space);border-color:transparent transparent transparent var(--ui89-palette-black);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:increment:active{background:var(--ui89-palette-dark-gray);}
.ui89-input-box{--line-height:calc(     (var(--ui89-input-height) - var(--ui89-font-size-normal)) / 2 + var(--ui89-font-size-normal));--padding:calc((var(--ui89-input-height) - var(--line-height)) / 2);box-sizing:border-box;display:block;width:100%;font-family:inherit;min-height:var(--ui89-input-height);font-size:var(--ui89-font-size-normal);line-height:var(--line-height);padding:var(--padding) var(--ui89-safe-space);border:0;border-radius:0;outline:none;background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);}.ui89-input-box--disabled{color:var(--ui89-palette-light-gray);}.ui89-input-box--unselectable{user-select:none;}.ui89-input-box--clickable{cursor:var(--ui89-cursor-pointer);}

.ui89-highlight-text{color:var(--ui89-theme-text-color);background-color:var(--ui89-theme-bg-color);}.ui89-highlight-text--block{display:block;}
.ui-89-hr{--ui89-hr-color:var(--ui89-theme-text-color);}.ui-89-hr--straight{border-top:1px solid var(--ui89-hr-color);}.ui-89-hr--dotted{border-top:1px dotted var(--ui89-hr-color);}.ui-89-hr--dashed{border-top:1px dashed var(--ui89-hr-color);}.ui-89-hr--double{border-top:1px solid var(--ui89-hr-color);}.ui-89-hr--double .ui-89-hr__double{margin-top:4px;border-top:1px solid var(--ui89-hr-color);}.ui-89-hr--use-theme{--ui89-hr-color:var(--ui89-theme-bg-color);}
.ui89-input-check-box{display:inline-flex;cursor:pointer;user-select:none;}.ui89-input-check-box__x{box-sizing:border-box;display:block;text-align:center;width:var(--ui89-input-height);height:var(--ui89-input-height);font-size:var(--ui89-font-size-normal);font-weight:bold;padding:0 var(--ui89-safe-space);border:0;border-radius:var(--ui89-box-border-radius);outline:none;background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);line-height:var(--ui89-input-height);user-select:none;}
.ui89-virtual-list{position:relative;overflow:auto;}.ui89-virtual-list__row{position:absolute;width:100%;}
.ui89-input-check-text{display:inline-block;cursor:pointer;user-select:none;}
.ui89-input-file-upload{display:flex;gap:calc(var(--ui89-safe-space) * 1);align-items:center;word-break:initial;}.ui89-input-file-upload__info{min-width:0;}
.ui89-input-select{position:relative;}.ui89-input-select__trigger{display:flex;align-items:center;gap:var(--ui89-safe-space);}.ui89-input-select__trigger__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;}.ui89-input-select__clear{flex-shrink:0;background:none;border:none;padding:0;font-size:var(--ui89-font-size-normal);line-height:1;color:var(--ui89-palette-white);cursor:var(--ui89-cursor-pointer);font-family:inherit;opacity:0.6;}.ui89-input-select__clear:hover{opacity:1;}.ui89-input-select__menu{overflow:auto;background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);display:flex;flex-direction:column;animation:ui89-input-select__appear var(--ui89-animation-speed);}@keyframes ui89-input-select__appear{from{transform:translateY(-5px);}to{transform:translateY(0%);}}.ui89-input-select__menu__item{display:inline-flex;flex-direction:column;justify-content:center;min-width:100%;height:100%;background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);padding:0 var(--ui89-safe-space);white-space:nowrap;user-select:none;box-sizing:border-box;}.ui89-input-select__menu__item:not(.ui89-input-select__menu__item--disabled){cursor:pointer;}.ui89-input-select__menu__item:not(.ui89-input-select__menu__item--disabled):hover,.ui89-input-select__menu__item.ui89-input-select__menu__item--selected{background:var(--ui89-input-text-color);color:var(--ui89-input-bg-color);}.ui89-input-select__menu__item--disabled{color:var(--ui89-palette-white);}
.ui89-link-bracket{cursor:pointer;user-select:none;color:currentColor;}.ui89-link-bracket:hover{color:var(--ui89-theme-bg-color);background-color:var(--ui89-theme-text-color);}
.ui89-link-stealth{color:currentColor;cursor:pointer;}.ui89-link-stealth:hover{color:currentColor;background:rgba(255,255,255,0.2);}
.ui89-title-side-line{display:flex;align-items:center;gap:var(--ui89-safe-space);}.ui89-title-side-line__line{flex:1;overflow:hidden;}.ui89-title-side-line__inside{min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ui89-title-bracket{display:flex;align-items:baseline;line-height:1;}.ui89-title-bracket__bracket{flex:0;background:var(--ui89-theme-bg-color);color:var(--ui89-theme-text-color);}.ui89-title-bracket__inside{padding:0 calc(var(--ui89-safe-space));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--ui89-theme-bg-color);color:var(--ui89-theme-text-color);}
.ui89-title-space{display:flex;align-items:baseline;line-height:1;}.ui89-title-space__inside{padding:0 calc(var(--ui89-safe-space));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--ui89-theme-bg-color);color:var(--ui89-theme-text-color);}
.ui89-link-underline{color:currentColor;text-decoration:underline;cursor:pointer;}.ui89-link-underline:hover{color:currentColor;}
.ui89-menu-bar{display:flex;height:16px;color:var(--ui89-theme-text-color);background:var(--ui89-theme-bg-color);}.ui89-menu-bar__item{cursor:var(--ui89-cursor-pointer);padding:0 calc(var(--ui89-safe-space) * 2);}.ui89-menu-bar__item:hover,.ui89-menu-bar__item:active{color:var(--ui89-theme-bg-color);background:var(--ui89-theme-text-color);}
.ui89-menu-card__list{}.ui89-menu-card__item{padding:0 calc(var(--ui89-safe-space));cursor:pointer;display:flex;justify-content:space-between;align-items:center;}.ui89-menu-card__item:hover:not(.ui89-menu-card__item--disabled){color:var(--ui89-theme-bg-color);background-color:var(--ui89-theme-text-color);}.ui89-menu-card__item--disabled{cursor:not-allowed;color:var(--ui89-theme-text-disabled-color);}.ui89-menu-card__separator{padding:0;}
.ui89-grid-expand-trick{display:grid;}.ui89-grid-expand-trick>*{min-height:0;min-width:0;}
.ui89-scroll-container{overflow:auto;}
dialog.ui89-modal-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;border:none;padding:0;background:transparent;overflow:hidden;animation:ui89-modal-dialog__appear var(--ui89-animation-speed);}dialog.ui89-modal-dialog::backdrop{background-color:transparent;animation:ui89-modal-dialog__appear var(--ui89-animation-speed);}.ui89-modal-dialog__box{border:none;border-radius:0;outline:none;margin:0 auto;padding:var(--ui89-safe-space);max-height:100%;min-height:0;bottom:auto;overflow:auto;display:flex;flex-direction:column;box-sizing:border-box;}.ui89-modal-dialog__spacer{flex:0 10 auto;height:10%;pointer-events:none;}.ui89-modal-dialog__content{display:flex;flex-direction:column;height:100%;}.ui89-modal-dialog__box>*:not(.ui89-modal-dialog__spacer){flex:1 0;min-height:0;}.ui89-modal-dialog__box--size-big{width:700px;}.ui89-modal-dialog__box--size-medium{width:500px;}.ui89-modal-dialog__box--size-small{width:300px;}.ui89-modal-dialog__box--size-full{width:100%;}.ui89-modal-dialog__box--size-responsive{width:fit-content;}@keyframes ui89-modal-dialog__appear{from{opacity:0;}to{opacity:1;}}
.ui-89-name-value-pair{display:flex;}.ui-89-name-value-pair__name-wrapper{display:flex;flex:1;}.ui-89-name-value-pair__dots{flex:1 1;min-width:calc(var(--ui89-safe-space) * 2);border-bottom:1px dashed currentColor;height:calc(1em * 0.75);margin:0 2px;}
.ui89-shortcut{display:inline-flex;flex-direction:column;position:relative;align-items:center;box-sizing:border-box;user-select:none;cursor:var(--ui89-cursor-pointer);width:140px;}.ui89-shortcut__label{text-align:center;}.ui89-shortcut:hover{border-color:currentColor;}.ui89-shortcut:hover .ui89-shortcut__label{background:var(--ui89-theme-text-color);color:var(--ui89-theme-bg-color);}.ui89-shortcut__image-container{display:flex;align-items:flex-end;justify-content:center;position:relative;}.ui89-shortcut__image{display:block;width:140px;height:140px;}.ui89-shortcut__shortcut-icon-container{position:relative;width:0;}.ui89-shortcut__shortcut-icon{position:absolute;bottom:0;right:0;pointer-events:none;}
.ui89-tabs{display:flex;flex-wrap:wrap;}.ui89-tabs--stretch .ui89-tabs__item{flex-grow:1;}.ui89-tabs__item{color:var(--ui89-theme-text-color);background-color:var(--ui89-theme-bg-color);padding:0 calc(var(--ui89-safe-space) * 3);cursor:var(--ui89-cursor-pointer);text-align:center;}.ui89-tabs__item:hover,.ui89-tabs__item--selected{background-color:var(--ui89-theme-text-color);color:var(--ui89-theme-bg-color);}
.ui89-tag-box{display:inline-block;padding:calc(var(--ui89-safe-space) / 2) calc(var(--ui89-safe-space) * 2);border-radius:var(--box-border-radius);line-height:1;}.ui89-tag-box--variant-solid{color:var(--ui89-theme-text-color);background-color:var(--ui89-theme-bg-color);}.ui89-tag-box--variant-outline{color:var(--ui89-theme-bg-color);background-color:transparent;border:1px solid var(--ui89-theme-bg-color);}.ui89-tag-box--variant-ghost{color:var(--ui89-theme-bg-color);background-color:transparent;}.ui89-tag-box--variant-soft{color:var(--ui89-theme-bg-color);background-color:color-mix(in srgb,var(--ui89-theme-bg-color) 25%,transparent);}.ui89-tag-box--variant-dot{color:inherit;background-color:transparent;}.ui89-tag-box--variant-dot::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--ui89-theme-bg-color);margin-right:calc(var(--ui89-safe-space) / 2);vertical-align:middle;}.ui89-tag-box--variant-gradient{color:var(--ui89-theme-text-color);background:linear-gradient(180deg,color-mix(in srgb,var(--ui89-theme-bg-color) 65%,white) 0%,var(--ui89-theme-bg-color) 50%,color-mix(in srgb,var(--ui89-theme-bg-color) 75%,black) 100%);}.ui89-tag-box--variant-underline{color:inherit;background-color:transparent;text-decoration:underline;text-decoration-color:var(--ui89-theme-bg-color);text-decoration-thickness:2px;text-underline-offset:2px;}
.ui89-theme-background{color:var(--ui89-theme-text-color);background-color:var(--ui89-theme-bg-color);}
.ui89-title-box{display:flex;}.ui89-title-box__inside{min-width:0;color:var(--ui89-theme-bg-color);background-color:var(--ui89-theme-text-color);padding:0px var(--ui89-safe-space);}
.ui89-title-underline{display:flex;line-height:1;}.ui89-title-underline__inside{min-width:0;border-bottom:1px solid;position:relative;padding-bottom:calc(var(--ui89-safe-space) / 2);}.ui89-title-underline__inside:after{content:"";position:absolute;inset:0;transform:translateY(-2px);border-bottom:1px solid;z-index:0;}
.ui89-toaster::before{content:"";position:absolute;inset:0;border:var(--ui89-toaster-border-width) solid var(--ui89-theme-text-color);margin:var(--ui89-safe-space);}.ui89-toaster::after{content:"";display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--ui89-theme-bg-color);color:var(--ui89-theme-text-color);padding:0 var(--ui89-safe-space);}.ui89-toaster.Toastify__toast--default{--ui89-toaster-border-width:1px;display:block;min-height:auto;padding:calc(var(--ui89-safe-space) * 2 + var(--ui89-toaster-border-width));border-radius:0;box-shadow:var(--ui89-box-shadow);background:var(--ui89-theme-bg-color);color:var(--ui89-theme-text-color);}.ui89-toaster .Toastify__progress-bar--wrp{border-radius:0;}
.ui89-virtual-table__empty{display:flex;align-items:center;justify-content:center;text-align:center;}.ui89-virtual-table__row{position:relative;box-sizing:border-box;border-top:1px solid var(--ui89-theme-text-color);}.ui89-virtual-table__row--first{border-top:none;}.ui89-virtual-table__cell{position:absolute;display:flex;flex-direction:column;justify-content:center;padding:0 var(--ui89-safe-space);box-sizing:border-box;overflow:hidden;background:var(--ui89-theme-bg-color);}.ui89-virtual-table__cell--column-first{padding-left:var(--ui89-safe-space);}.ui89-virtual-table__cell--column-last{padding-right:var(--ui89-safe-space);}.ui89-virtual-table__cell--halign-left{align-items:flex-start;}.ui89-virtual-table__cell--halign-right{align-items:flex-end;}.ui89-virtual-table__cell--halign-center{align-items:center;}