@syntify/office 0.1.12-beta.1 → 0.1.13-beta.1

package/dist/office.css

@@ -1 +1 @@
-.synt-office-link[data-v-1d74c6dc]{@apply w-full px-3.5 py-2.5 rounded-md duration-150 gap-x-2.5 flex items-center hover:bg-[#f4f4f5] hover:shadow-inner;}.synt-office-link-icon[data-v-1d74c6dc]{@apply text-sm text-gray-400;}.synt-office-link-color-primary[data-v-1d74c6dc]{@apply text-primary;}.synt-office-link-font-bold[data-v-1d74c6dc]{@apply font-bold;}.synt-office-link-label[data-v-1d74c6dc]{@apply overflow-x-hidden text-sm whitespace-nowrap text-ellipsis;}.synt-office-layout-wrapper[data-v-5c72098c]{@apply flex flex-col w-full h-full;}.synt-office-header-wrapper[data-v-008e5eb7]{@apply flex items-center justify-between w-full border-t border-b rounded-t-none rounded-b-lg min-h-12 border-x border-[#e4e4e7] sm:rounded-t-lg bg-white;}.synt-office-header-start[data-v-008e5eb7]{@apply relative flex items-center h-full gap-2 px-3.5 py-2.5 lg:py-0;}.synt-office-header-start-wrapper[data-v-008e5eb7]{@apply absolute flex items-center justify-center gap-2 top-2 left-2 lg:static;}.synt-office-header-icon-wrapper[data-v-008e5eb7]{@apply flex items-center justify-center rounded-lg w-7 h-7 bg-primary;}.synt-office-header-icon[data-v-008e5eb7]{@apply text-xs text-secondary;}.synt-office-header-label[data-v-008e5eb7]{@apply overflow-x-hidden font-bold whitespace-nowrap text-ellipsis max-w-48 sm:max-w-72 lg:max-w-fit;}.synt-office-header-end[data-v-008e5eb7]{@apply flex flex-col items-end justify-end gap-2 px-3.5 py-2.5 lg:py-0 lg:flex-row-reverse lg:items-center;}.synt-office-collection-create[data-v-b03396c3]{@apply flex items-center justify-center gap-1 px-4 py-1.5 duration-150 bg-gray-900 rounded-full text-gray-300 hover:bg-black hover:text-white disabled:bg-gray-300;}.synt-office-collection-wrapper[data-v-b03396c3]{@apply flex flex-row-reverse items-center gap-2;}.synt-office-collection-btn-refresh[data-v-b03396c3]{@apply w-10 h-8 duration-150 border-2 rounded-lg border-[#e4e4e7] hover:bg-[#e4e4e7];}.synt-office-collection-btn-refresh-icon[data-v-b03396c3]{@apply mt-1 text-gray-900 duration-150 hover:text-black hover:animate-spin;}.synt-office-collection-input-search[data-v-b03396c3]{@apply border-2 border-[#e4e4e7] h-8 rounded-lg px-2.5 text-sm outline-none duration-150 focus:border-gray-900 placeholder:text-sm w-full;}span[data-v-b03396c3],i[data-v-b03396c3]{@apply text-sm;}.synt-badge-tabel[data-v-5e1a233e]:empty{display:none}#table-collection[data-v-5e1a233e]{@apply w-full whitespace-nowrap max-h-full border-separate border-spacing-0 text-gray-900;}#table-collection thead[data-v-5e1a233e]{@apply border-b-2 border-[#e4e4e7] cursor-default text-gray-400 text-sm font-bold;}#table-collection th[data-v-5e1a233e]{@apply p-2 border-r-2 border-[#e4e4e7] text-start border-b-2;}#table-collection thead th[data-v-5e1a233e]{@apply sticky top-0 bg-white z-20;}#table-collection tr[data-v-5e1a233e]{@apply border-b-2 border-[#e4e4e7];}#table-collection th[data-v-5e1a233e]:first-child{@apply w-12 text-end;}#table-collection thead th[data-v-5e1a233e]:nth-child(n+2){@apply overflow-hidden text-ellipsis;}#table-collection th[data-v-5e1a233e]:last-child{@apply border-r-0;}#table-collection tbody tr[data-v-5e1a233e]{@apply transition duration-150 bg-white hover:bg-gray-100 text-sm;}#table-collection td[data-v-5e1a233e]{@apply px-2.5 py-1.5 border-b-[1px] border-[#e4e4e7] relative;}#table-collection td[data-v-5e1a233e]:first-child{@apply text-center border-r-2 border-[#e4e4e7];}#table-collection tbody td[data-v-5e1a233e]:nth-child(n+2){@apply overflow-hidden text-ellipsis;}.synt-badge-tabel[data-v-5e1a233e]{@apply bg-gray-200 w-fit top-1 py-1 px-2 rounded-lg flex justify-center items-center gap-2;}.fade-enter-active[data-v-5e1a233e],.fade-leave-active[data-v-5e1a233e]{transition:opacity .1s}.fade-enter-from[data-v-5e1a233e],.fade-leave-to[data-v-5e1a233e]{opacity:0}.synt-cursor-pointer[data-v-5e1a233e]{@apply cursor-pointer;}.synt-office-collection-table-wrapper[data-v-5e1a233e]{@apply relative flex-1 overflow-y-auto bg-white border-x;}.synt-open-tab[data-v-5e1a233e]{@apply fixed z-50 w-48 p-1.5 bg-white border shadow-md rounded-xl;}.synt-open-tab-option[data-v-5e1a233e]{@apply px-2.5 py-1.5 rounded-lg cursor-pointer text-gray-400 hover:bg-gray-200 hover:text-black duration-300;}.synt-open-tab-option-icon[data-v-5e1a233e]{@apply mr-2 text-sm;}.synt-loading[data-v-5e1a233e]{@apply absolute top-0 bottom-0 left-0 right-0 z-10 flex items-center justify-center bg-white bg-opacity-50;}.synt-loading-icon[data-v-5e1a233e]{@apply text-5xl animate-spin text-black;}.synt-table-empty[data-v-5e1a233e]{@apply absolute top-0 bottom-0 left-0 right-0 z-10 flex items-center justify-center bg-white bg-opacity-50;}.synt-table-empty-text[data-v-5e1a233e]{@apply font-semibold text-base md:text-lg;}.synt-office-collection-table-footer[data-v-5e1a233e]{@apply flex items-center justify-between px-3.5 bg-gray-100 border border-[#e4e4e7] h-12;}.synt-office-collection-table-footer-start[data-v-5e1a233e]{@apply flex items-center gap-2;}.synt-office-collection-table-footer-tampilkan[data-v-5e1a233e]{@apply hidden text-sm font-semibold text-gray-400 sm:block;}.synt-office-collection-table-footer-select[data-v-5e1a233e]{@apply outline-none p-2 py-1.5 rounded-md border-2 border-[#e4e4e7] text-sm;}.synt-office-collection-table-footer-end[data-v-5e1a233e]{@apply flex items-center justify-end gap-2;}.synt-office-collection-table-footer-meta[data-v-5e1a233e]{@apply text-sm font-semibold text-gray-400;}.synt-office-collection-font-bold[data-v-5e1a233e]{@apply font-bold;}.synt-office-collection-paginate-wrapper[data-v-5e1a233e]{@apply flex items-center justify-center gap-1;}.synt-office-collection-btn-paginate[data-v-5e1a233e]{@apply flex items-center justify-center w-8 h-8 duration-150 border-2 rounded-md border-[#e4e4e7] bg-white hover:bg-gray-200 disabled:bg-gray-100;}.synt-office-tabs[data-v-cb6fcfc8]{@apply sticky h-10 top-0 z-20 overflow-x-auto flex gap-2 border-b border-[#e4e4e7] px-2.5 bg-gray-100;}.synt-office-tabs-label[data-v-cb6fcfc8]{@apply hover:bg-gray-300 px-3.5 py-1.5 duration-300 rounded-full;}.synt-no-scrollbar[data-v-cb6fcfc8]::-webkit-scrollbar{display:none}.synt-no-scrollbar[data-v-cb6fcfc8]{-ms-overflow-style:none;scrollbar-width:none}button[data-v-cb6fcfc8]{@apply py-1.5;}button.active[data-v-cb6fcfc8]{@apply border-b-2 border-b-black;}.synt-office-tab[data-v-42b62811]{@apply relative flex-1 overflow-y-auto;height:calc(100% - 40px)}.lux-office-single-btn-back[data-v-0ee2deb9]{@apply flex items-center justify-center w-6 h-6 duration-150 rounded-full cursor-pointer hover:bg-[#e4e4e7];}.lux-office-single-text-sm[data-v-0ee2deb9]{@apply text-sm;}.lux-office-single-icon-delete[data-v-0ee2deb9]{@apply text-sm text-white;}.lux-office-single-text-xs[data-v-0ee2deb9]{@apply text-xs;}.lux-office-single-font-semibold[data-v-0ee2deb9]{@apply font-semibold;}.lux-office-single-dropdown-wrapper[data-v-0ee2deb9]{@apply relative inline-block;}.lux-office-single-dropdown-btn[data-v-0ee2deb9]{@apply relative flex items-center justify-center w-5 h-5 duration-150 bg-gray-200 rounded-full hover:bg-gray-300;}.lux-office-single-dropdown[data-v-0ee2deb9]{@apply absolute z-30 p-1.5 bg-white border shadow-md rounded-xl;}.lux-office-single-dropdown-option[data-v-0ee2deb9]{@apply px-2.5 py-1 rounded-lg cursor-pointer text-gray-400 hover:bg-gray-200 hover:text-black duration-300 text-nowrap;}.lux-office-single-dropdown-option-icon[data-v-0ee2deb9]{@apply mr-2 text-sm;}hr[data-v-0ee2deb9]{@apply my-1;}.lux-office-single-modal-delete-overlay[data-v-0ee2deb9]{@apply fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50;}.lux-office-single-modal-delete-wrapper[data-v-0ee2deb9]{@apply rounded-lg w-fit bg-white;}.lux-office-single-modal-header[data-v-0ee2deb9]{@apply w-full border-b-2 px-3 py-2.5 flex items-center gap-2.5;}.lux-office-single-modal-header-icon-box[data-v-0ee2deb9]{@apply flex items-center justify-center w-8 h-8 bg-red-600 rounded-lg;}.lux-office-single-modal-content[data-v-0ee2deb9]{@apply flex flex-col gap-4 p-3;}.lux-office-single-modal-btn-wrapper[data-v-0ee2deb9]{@apply flex items-center justify-between gap-2;}.lux-office-single-modal-cancel[data-v-0ee2deb9]{@apply w-full p-2 duration-150 bg-white border-2 border-gray-200 rounded-lg hover:bg-gray-200;}.lux-office-single-modal-accept[data-v-0ee2deb9]{@apply w-full p-2 text-white duration-150 bg-red-600 rounded-lg hover:bg-red-700;}.lux-office-single-content[data-v-0ee2deb9]{@apply relative flex-1 overflow-y-auto border-b bg-white border-x border-[#e4e4e7];}.fade-enter-active[data-v-0ee2deb9],.fade-leave-active[data-v-0ee2deb9]{transition:opacity .1s}.fade-enter-from[data-v-0ee2deb9],.fade-leave-to[data-v-0ee2deb9]{opacity:0}:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}.synt-relation-control{@apply rounded-lg px-2 border-2 text-black outline-none;--vs-controls-color: #a1a1aa;--vs-border-color: default;--vs-dropdown-option--active-bg: #f4f4f5;--vs-dropdown-option--active-color: #2f2d38;--vs-search-input-placeholder-color: rgb(209 213 219 / var(--tw-bg-opacity))}.synt-badge-tabel:empty{display:none}.synt-office-relation-wrapper{@apply flex flex-col;}.synt-office-relation-label{@apply font-bold w-fit;}.synt-office-relation-note{@apply overflow-x-hidden text-gray-400 whitespace-nowrap text-ellipsis;}.synt-office-relation-group-input-wrapper{@apply flex items-center justify-center gap-1.5;}.synt-office-relation-input-wrapper{@apply relative mt-1.5 flex-1;}.synt-office-relation-skeleton-wrapper{@apply absolute z-[1] w-full bg-white;}.synt-office-relation-skeleton{@apply flex items-center justify-center w-full px-2 py-1 bg-white border-2 border-gray-300 rounded-lg animate-pulse outline-gray-500 disabled:bg-gray-100 h-9;}.synt-office-relation-content{@apply w-full p-2 bg-gray-200 rounded;}.synt-office-relation-error{@apply border-red-500;}.synt-office-relation-disabled{@apply bg-[#F8F8F8];}.synt-office-relation-normal{@apply border-gray-200;}.synt-office-relation-loading{@apply flex items-center justify-center gap-2 py-2;}.synt-office-relation-loading-spin{@apply animate-spin;}.synt-office-relation-btn-expands{@apply w-8 h-8 mt-1.5 duration-150 border-2 rounded-lg border-[#e4e4e7] hover:bg-[#e4e4e7] flex justify-center items-center;}.synt-office-relation-btn-expands-icon{@apply text-gray-400 text-sm duration-150 mb-1 mt-1.5 hover:text-black;}.synt-office-relation-modal-overlay{@apply fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50;}.synt-office-relation-modal-wrapper{@apply flex flex-col w-[780px] m-2.5 bg-white rounded-t-lg;}.synt-office-relation-modal-header-end{@apply flex flex-row-reverse items-center gap-2;}.synt-office-relation-modal-btn-close{@apply flex items-center justify-center duration-150 bg-gray-200 rounded-full w-7 h-7 hover:bg-gray-300;}.synt-office-relation-modal-option{@apply p-1.5 gap-1.5 flex items-center;}.synt-office-relation-modal-search{@apply w-full px-3.5 py-1 placeholder-gray-400 bg-white border-2 border-[#e4e4e7] rounded-lg shadow-sm focus:outline-none focus:border-gray-900 focus:ring-gray-900 focus:invalid:border-pink-500 focus:invalid:ring-pink-500;}.synt-office-relation-modal-btn-refresh{@apply duration-150 border-2 rounded-lg w-9 h-9 border-[#e4e4e7] hover:bg-[#e4e4e7];}.synt-office-relation-modal-btn-icon{@apply text-gray-900 duration-150 mt-1.5 hover:text-black hover:animate-spin;}.synt-office-relation-modal-table-wrapper{@apply relative flex-1 overflow-y-auto bg-white border-x;}.synt-office-relation-modal-table-checkbox{@apply w-4 h-4 mt-1.5 hover:cursor-pointer;}.synt-office-relation-modal-table-label{@apply border-b text-start;}.synt-office-relation-modal-table-footer{@apply flex items-center justify-end px-3.5 bg-gray-100 border border-[#e4e4e7] h-12;}.synt-office-relation-modal-table-footer-end{@apply text-sm font-semibold text-gray-400;}.synt-office-relation-font-bold{@apply font-bold;}#table-relation-collection{@apply w-full whitespace-nowrap max-h-full border-separate border-spacing-0 text-gray-900 border-t-2;}#table-relation-collection thead{@apply border-b-2 border-[#e4e4e7] cursor-default text-gray-400 text-sm font-bold;}#table-relation-collection th{@apply p-2 border-r-2 border-[#e4e4e7] text-start border-b-2;}#table-relation-collection thead th{@apply sticky top-0 bg-white z-20;}#table-relation-collection tr{@apply border-b-2 border-[#e4e4e7];}#table-relation-collection th:first-child{@apply w-12 text-center;}#table-relation-collection thead th:nth-child(n+2){@apply overflow-hidden text-ellipsis text-start;}#table-relation-collection th:last-child{@apply border-r-0 text-center;}#table-relation-collection tbody tr{@apply transition duration-150 bg-white hover:bg-gray-100 text-sm;}#table-relation-collection td{@apply px-2.5 py-1.5 border-b-[1px] border-[#e4e4e7] relative;}#table-relation-collection td:first-child{@apply text-center border-r-2 border-[#e4e4e7];}#table-relation-collection tbody td:nth-child(n+2){@apply overflow-hidden text-ellipsis;}.synt-badge-tabel{@apply bg-gray-200 w-fit top-1 py-1 px-2 rounded-lg flex justify-center items-center gap-2;}.danger-alert{@apply mt-1 px-1.5 text-sm text-red-600;}.fade-enter-active,.fade-leave-active{transition:opacity .1s}.fade-enter-from,.fade-leave-to{opacity:0}
+.synt-office-link[data-v-1d74c6dc]{@apply w-full px-3.5 py-2.5 rounded-md duration-150 gap-x-2.5 flex items-center hover:bg-[#f4f4f5] hover:shadow-inner;}.synt-office-link-icon[data-v-1d74c6dc]{@apply text-sm text-gray-400;}.synt-office-link-color-primary[data-v-1d74c6dc]{@apply text-primary;}.synt-office-link-font-bold[data-v-1d74c6dc]{@apply font-bold;}.synt-office-link-label[data-v-1d74c6dc]{@apply overflow-x-hidden text-sm whitespace-nowrap text-ellipsis;}.synt-office-layout-wrapper[data-v-5c72098c]{@apply flex flex-col w-full h-full;}.synt-office-header-wrapper[data-v-008e5eb7]{@apply flex items-center justify-between w-full border-t border-b rounded-t-none rounded-b-lg min-h-12 border-x border-[#e4e4e7] sm:rounded-t-lg bg-white;}.synt-office-header-start[data-v-008e5eb7]{@apply relative flex items-center h-full gap-2 px-3.5 py-2.5 lg:py-0;}.synt-office-header-start-wrapper[data-v-008e5eb7]{@apply absolute flex items-center justify-center gap-2 top-2 left-2 lg:static;}.synt-office-header-icon-wrapper[data-v-008e5eb7]{@apply flex items-center justify-center rounded-lg w-7 h-7 bg-primary;}.synt-office-header-icon[data-v-008e5eb7]{@apply text-xs text-secondary;}.synt-office-header-label[data-v-008e5eb7]{@apply overflow-x-hidden font-bold whitespace-nowrap text-ellipsis max-w-48 sm:max-w-72 lg:max-w-fit;}.synt-office-header-end[data-v-008e5eb7]{@apply flex flex-col items-end justify-end gap-2 px-3.5 py-2.5 lg:py-0 lg:flex-row-reverse lg:items-center;}.synt-office-collection-create[data-v-b03396c3]{@apply flex items-center justify-center gap-1 px-4 py-1.5 duration-150 bg-gray-900 rounded-full text-gray-300 hover:bg-black hover:text-white disabled:bg-gray-300;}.synt-office-collection-wrapper[data-v-b03396c3]{@apply flex flex-row-reverse items-center gap-2;}.synt-office-collection-btn-refresh[data-v-b03396c3]{@apply w-10 h-8 duration-150 border-2 rounded-lg border-[#e4e4e7] hover:bg-[#e4e4e7];}.synt-office-collection-btn-refresh-icon[data-v-b03396c3]{@apply mt-1 text-gray-900 duration-150 hover:text-black hover:animate-spin;}.synt-office-collection-input-search[data-v-b03396c3]{@apply border-2 border-[#e4e4e7] h-8 rounded-lg px-2.5 text-sm outline-none duration-150 focus:border-gray-900 placeholder:text-sm w-full;}span[data-v-b03396c3],i[data-v-b03396c3]{@apply text-sm;}.synt-badge-tabel[data-v-81117936]:empty{display:none}#table-collection[data-v-81117936]{@apply w-full whitespace-nowrap max-h-full border-separate border-spacing-0 text-gray-900;}#table-collection thead[data-v-81117936]{@apply border-b-2 border-[#e4e4e7] cursor-default text-gray-400 text-sm font-bold;}#table-collection th[data-v-81117936]{@apply p-2 border-r-2 border-[#e4e4e7] text-start border-b-2;}#table-collection thead th[data-v-81117936]{@apply sticky top-0 bg-white z-20;}#table-collection tr[data-v-81117936]{@apply border-b-2 border-[#e4e4e7];}#table-collection th[data-v-81117936]:first-child{@apply w-12 text-end;}#table-collection thead th[data-v-81117936]:nth-child(n+2){@apply overflow-hidden text-ellipsis;}#table-collection th[data-v-81117936]:last-child{@apply border-r-0;}#table-collection tbody tr[data-v-81117936]{@apply transition duration-150 bg-white hover:bg-gray-100 text-sm;}#table-collection td[data-v-81117936]{@apply px-2.5 py-1.5 border-b-[1px] border-[#e4e4e7] relative;}#table-collection td[data-v-81117936]:first-child{@apply text-center border-r-2 border-[#e4e4e7];}#table-collection tbody td[data-v-81117936]:nth-child(n+2){@apply overflow-hidden text-ellipsis;}.synt-badge-tabel[data-v-81117936]{@apply bg-gray-200 w-fit top-1 py-1 px-2 rounded-lg flex justify-center items-center gap-2;}.fade-enter-active[data-v-81117936],.fade-leave-active[data-v-81117936]{transition:opacity .1s}.fade-enter-from[data-v-81117936],.fade-leave-to[data-v-81117936]{opacity:0}.synt-cursor-pointer[data-v-81117936]{@apply cursor-pointer;}.synt-office-collection-table-wrapper[data-v-81117936]{@apply relative flex-1 overflow-y-auto bg-white border-x;}.synt-open-tab[data-v-81117936]{@apply fixed z-50 w-48 p-1.5 bg-white border shadow-md rounded-xl;}.synt-open-tab-option[data-v-81117936]{@apply px-2.5 py-1.5 rounded-lg cursor-pointer text-gray-400 hover:bg-gray-200 hover:text-black duration-300;}.synt-open-tab-option-icon[data-v-81117936]{@apply mr-2 text-sm;}.synt-loading[data-v-81117936]{@apply absolute top-0 bottom-0 left-0 right-0 z-10 flex items-center justify-center bg-white bg-opacity-50;}.synt-loading-icon[data-v-81117936]{@apply text-5xl animate-spin text-black;}.synt-table-empty[data-v-81117936]{@apply absolute top-0 bottom-0 left-0 right-0 z-10 flex items-center justify-center bg-white bg-opacity-50;}.synt-table-empty-text[data-v-81117936]{@apply font-semibold text-base md:text-lg;}.synt-office-collection-table-footer[data-v-81117936]{@apply flex items-center justify-between px-3.5 bg-gray-100 border border-[#e4e4e7] h-12;}.synt-office-collection-table-footer-start[data-v-81117936]{@apply flex items-center gap-2;}.synt-office-collection-table-footer-tampilkan[data-v-81117936]{@apply hidden text-sm font-semibold text-gray-400 sm:block;}.synt-office-collection-table-footer-select[data-v-81117936]{@apply outline-none p-2 py-1.5 rounded-md border-2 border-[#e4e4e7] text-sm;}.synt-office-collection-table-footer-end[data-v-81117936]{@apply flex items-center justify-end gap-2;}.synt-office-collection-table-footer-meta[data-v-81117936]{@apply text-sm font-semibold text-gray-400;}.synt-office-collection-font-bold[data-v-81117936]{@apply font-bold;}.synt-office-collection-paginate-wrapper[data-v-81117936]{@apply flex items-center justify-center gap-1;}.synt-office-collection-btn-paginate[data-v-81117936]{@apply flex items-center justify-center w-8 h-8 duration-150 border-2 rounded-md border-[#e4e4e7] bg-white hover:bg-gray-200 disabled:bg-gray-100;}.synt-office-tabs[data-v-cb6fcfc8]{@apply sticky h-10 top-0 z-20 overflow-x-auto flex gap-2 border-b border-[#e4e4e7] px-2.5 bg-gray-100;}.synt-office-tabs-label[data-v-cb6fcfc8]{@apply hover:bg-gray-300 px-3.5 py-1.5 duration-300 rounded-full;}.synt-no-scrollbar[data-v-cb6fcfc8]::-webkit-scrollbar{display:none}.synt-no-scrollbar[data-v-cb6fcfc8]{-ms-overflow-style:none;scrollbar-width:none}button[data-v-cb6fcfc8]{@apply py-1.5;}button.active[data-v-cb6fcfc8]{@apply border-b-2 border-b-black;}.synt-office-tab[data-v-42b62811]{@apply relative flex-1 overflow-y-auto;height:calc(100% - 40px)}.lux-office-single-btn-back[data-v-0ee2deb9]{@apply flex items-center justify-center w-6 h-6 duration-150 rounded-full cursor-pointer hover:bg-[#e4e4e7];}.lux-office-single-text-sm[data-v-0ee2deb9]{@apply text-sm;}.lux-office-single-icon-delete[data-v-0ee2deb9]{@apply text-sm text-white;}.lux-office-single-text-xs[data-v-0ee2deb9]{@apply text-xs;}.lux-office-single-font-semibold[data-v-0ee2deb9]{@apply font-semibold;}.lux-office-single-dropdown-wrapper[data-v-0ee2deb9]{@apply relative inline-block;}.lux-office-single-dropdown-btn[data-v-0ee2deb9]{@apply relative flex items-center justify-center w-5 h-5 duration-150 bg-gray-200 rounded-full hover:bg-gray-300;}.lux-office-single-dropdown[data-v-0ee2deb9]{@apply absolute z-30 p-1.5 bg-white border shadow-md rounded-xl;}.lux-office-single-dropdown-option[data-v-0ee2deb9]{@apply px-2.5 py-1 rounded-lg cursor-pointer text-gray-400 hover:bg-gray-200 hover:text-black duration-300 text-nowrap;}.lux-office-single-dropdown-option-icon[data-v-0ee2deb9]{@apply mr-2 text-sm;}hr[data-v-0ee2deb9]{@apply my-1;}.lux-office-single-modal-delete-overlay[data-v-0ee2deb9]{@apply fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50;}.lux-office-single-modal-delete-wrapper[data-v-0ee2deb9]{@apply rounded-lg w-fit bg-white;}.lux-office-single-modal-header[data-v-0ee2deb9]{@apply w-full border-b-2 px-3 py-2.5 flex items-center gap-2.5;}.lux-office-single-modal-header-icon-box[data-v-0ee2deb9]{@apply flex items-center justify-center w-8 h-8 bg-red-600 rounded-lg;}.lux-office-single-modal-content[data-v-0ee2deb9]{@apply flex flex-col gap-4 p-3;}.lux-office-single-modal-btn-wrapper[data-v-0ee2deb9]{@apply flex items-center justify-between gap-2;}.lux-office-single-modal-cancel[data-v-0ee2deb9]{@apply w-full p-2 duration-150 bg-white border-2 border-gray-200 rounded-lg hover:bg-gray-200;}.lux-office-single-modal-accept[data-v-0ee2deb9]{@apply w-full p-2 text-white duration-150 bg-red-600 rounded-lg hover:bg-red-700;}.lux-office-single-content[data-v-0ee2deb9]{@apply relative flex-1 overflow-y-auto border-b bg-white border-x border-[#e4e4e7];}.fade-enter-active[data-v-0ee2deb9],.fade-leave-active[data-v-0ee2deb9]{transition:opacity .1s}.fade-enter-from[data-v-0ee2deb9],.fade-leave-to[data-v-0ee2deb9]{opacity:0}:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}.synt-relation-control{@apply rounded-lg px-2 border-2 text-black outline-none;--vs-controls-color: #a1a1aa;--vs-border-color: default;--vs-dropdown-option--active-bg: #f4f4f5;--vs-dropdown-option--active-color: #2f2d38;--vs-search-input-placeholder-color: rgb(209 213 219 / var(--tw-bg-opacity))}.synt-badge-tabel:empty{display:none}.synt-office-relation-wrapper{@apply flex flex-col;}.synt-office-relation-label{@apply font-bold w-fit;}.synt-office-relation-note{@apply overflow-x-hidden text-gray-400 whitespace-nowrap text-ellipsis;}.synt-office-relation-group-input-wrapper{@apply flex items-center justify-center gap-1.5;}.synt-office-relation-input-wrapper{@apply relative mt-1.5 flex-1;}.synt-office-relation-skeleton-wrapper{@apply absolute z-[1] w-full bg-white;}.synt-office-relation-skeleton{@apply flex items-center justify-center w-full px-2 py-1 bg-white border-2 border-gray-300 rounded-lg animate-pulse outline-gray-500 disabled:bg-gray-100 h-9;}.synt-office-relation-content{@apply w-full p-2 bg-gray-200 rounded;}.synt-office-relation-error{@apply border-red-500;}.synt-office-relation-disabled{@apply bg-[#F8F8F8];}.synt-office-relation-normal{@apply border-gray-200;}.synt-office-relation-loading{@apply flex items-center justify-center gap-2 py-2;}.synt-office-relation-loading-spin{@apply animate-spin;}.synt-office-relation-btn-expands{@apply w-8 h-8 mt-1.5 duration-150 border-2 rounded-lg border-[#e4e4e7] hover:bg-[#e4e4e7] flex justify-center items-center;}.synt-office-relation-btn-expands-icon{@apply text-gray-400 text-sm duration-150 mb-1 mt-1.5 hover:text-black;}.synt-office-relation-modal-overlay{@apply fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50;}.synt-office-relation-modal-wrapper{@apply flex flex-col w-[780px] m-2.5 bg-white rounded-t-lg;}.synt-office-relation-modal-header-end{@apply flex flex-row-reverse items-center gap-2;}.synt-office-relation-modal-btn-close{@apply flex items-center justify-center duration-150 bg-gray-200 rounded-full w-7 h-7 hover:bg-gray-300;}.synt-office-relation-modal-option{@apply p-1.5 gap-1.5 flex items-center;}.synt-office-relation-modal-search{@apply w-full px-3.5 py-1 placeholder-gray-400 bg-white border-2 border-[#e4e4e7] rounded-lg shadow-sm focus:outline-none focus:border-gray-900 focus:ring-gray-900 focus:invalid:border-pink-500 focus:invalid:ring-pink-500;}.synt-office-relation-modal-btn-refresh{@apply duration-150 border-2 rounded-lg w-9 h-9 border-[#e4e4e7] hover:bg-[#e4e4e7];}.synt-office-relation-modal-btn-icon{@apply text-gray-900 duration-150 mt-1.5 hover:text-black hover:animate-spin;}.synt-office-relation-modal-table-wrapper{@apply relative flex-1 overflow-y-auto bg-white border-x;}.synt-office-relation-modal-table-checkbox{@apply w-4 h-4 mt-1.5 hover:cursor-pointer;}.synt-office-relation-modal-table-label{@apply border-b text-start;}.synt-office-relation-modal-table-footer{@apply flex items-center justify-end px-3.5 bg-gray-100 border border-[#e4e4e7] h-12;}.synt-office-relation-modal-table-footer-end{@apply text-sm font-semibold text-gray-400;}.synt-office-relation-font-bold{@apply font-bold;}#table-relation-collection{@apply w-full whitespace-nowrap max-h-full border-separate border-spacing-0 text-gray-900 border-t-2;}#table-relation-collection thead{@apply border-b-2 border-[#e4e4e7] cursor-default text-gray-400 text-sm font-bold;}#table-relation-collection th{@apply p-2 border-r-2 border-[#e4e4e7] text-start border-b-2;}#table-relation-collection thead th{@apply sticky top-0 bg-white z-20;}#table-relation-collection tr{@apply border-b-2 border-[#e4e4e7];}#table-relation-collection th:first-child{@apply w-12 text-center;}#table-relation-collection thead th:nth-child(n+2){@apply overflow-hidden text-ellipsis text-start;}#table-relation-collection th:last-child{@apply border-r-0 text-center;}#table-relation-collection tbody tr{@apply transition duration-150 bg-white hover:bg-gray-100 text-sm;}#table-relation-collection td{@apply px-2.5 py-1.5 border-b-[1px] border-[#e4e4e7] relative;}#table-relation-collection td:first-child{@apply text-center border-r-2 border-[#e4e4e7];}#table-relation-collection tbody td:nth-child(n+2){@apply overflow-hidden text-ellipsis;}.synt-badge-tabel{@apply bg-gray-200 w-fit top-1 py-1 px-2 rounded-lg flex justify-center items-center gap-2;}.danger-alert{@apply mt-1 px-1.5 text-sm text-red-600;}.fade-enter-active,.fade-leave-active{transition:opacity .1s}.fade-enter-from,.fade-leave-to{opacity:0}