.vertical-scroll{flex-direction:column;flex-grow:1;height:300px;display:flex;overflow-y:auto}*{scroll-behavior:smooth}.zenat-tabs-list{z-index:0;align-items:center;width:100%;display:flex;position:relative}.zenat-tabs-list:not(.flex-wrap){height:36px}.zenat-tabs-list .zenat-tabs-sub-list{scroll-snap-type:x mandatory;scroll-behavior:smooth;width:100%;display:inline-flex;position:relative;overflow:auto}.zenat-tabs-list .zenat-tabs-sub-list .real-tab-list{margin-inline-end:4px;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:inline-flex}.zenat-tabs-list .zenat-tabs-sub-list .zenat-tab{color:#0d1619;scroll-snap-align:start;height:36px;transition:background .15s color .15s;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;border-radius:999px;outline:none;align-items:center;gap:8px;padding:16px;line-height:36px;display:flex;position:relative;overflow:hidden}.zenat-tabs-list .zenat-tabs-sub-list .zenat-tab span{text-overflow:ellipsis;max-width:200px;font-size:14px;overflow:hidden}.zenat-tabs-list .zenat-tabs-sub-list .zenat-tab.selected{color:#fff}.zenat-tabs-list .real-active-tab{z-index:-1;top:0;bottom:0;width:100px;transition:transform .3s,width .1s;position:absolute;inset-inline-start:0}.zenat-tabs-list .real-active-tab:before{z-index:2;box-sizing:border-box;content:"";opacity:1;border-radius:999px;width:100%;height:100%;padding:2px;transition:opacity .1s ease-in-out;position:absolute;top:0;left:0}.zenat-tabs-list .real-active-tab:after{content:"";will-change:transform,width;background:#0d1619;border-radius:999px;width:100%;height:100%;position:absolute;bottom:0}@media (max-width:640px){.zenat-tabs-sub-list{scrollbar-width:none;-ms-overflow-style:none}}
:root{--secondary-color:#702a72;--hover-color:#262824;--primary-color:#141513;--light-primary-color:#f8d8f4;--black:#141513}.select-with-label .option{cursor:pointer;border-bottom:1px solid #999;line-height:30px;transition:background .2s,color .2s}.select-with-label .option:hover{background:var(--light-primary-color);color:#000}.select-with-label .option.selected{background:var(--primary-color);color:#fff;border-bottom:none}.select-with-label .option.no-border-bottom{border-bottom:none}.select-with-label .date-header{justify-content:space-between;align-items:center;margin:10px;display:flex}.select-with-label .date-header .arrow{cursor:pointer;font-size:17px}.not-in-same-month{color:#999}
.input-with-label .input.textarea{resize:none;height:80px;padding-top:5px}.input-with-label .input.no-resize{resize:none}.input-with-label .input.no-horizontal-resize{resize:vertical}.input-with-label .max-length{text-align:left}
.qr-scan-dialog textarea.txt-area{height:5px}.qr-scan-dialog .qr-image{width:247px;height:247px;margin:20px auto 0;display:block}