:where(.layout-page){display:flex;flex-direction:column;flex-grow:1;min-height:20rem;padding-bottom:var(--sizes-size-md);padding-top:var(--sizes-size-md);position:relative}.layout-page__container{display:flex;flex-direction:column;flex-grow:1}.layout-page--full{padding:0}.layout-page--full>.layout-page__container{margin:0;max-width:none;padding:0}.layout-page--dynamicpadding{padding-top:max(5%,var(--sizes-size-md))}@container (max-width: 720px){:where(.layout-page:not(.layout-page--full)){padding-bottom:var(--sizes-size-sm);padding-top:var(--sizes-size-sm)}.layout-page--dynamicpadding{padding-top:max(5%,var(--sizes-size-sm))}}
.app-logo{display:inline-block}

.display-card{max-width:100%;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:border-color,background-color,color,transform}:where(.display-card){background-color:var(--colors-base);border:2px solid var(--colors-gray-bg-dark);border-radius:12px;padding:var(--sizes-padding-card)}.display-card>:last-child{margin-bottom:0}.display-card--stack{display:flex;flex-direction:column}.display-card--inline{background-color:transparent;border:none;padding:0}@container (max-width: 720px){:where(.display-card){padding:var(--sizes-padding-card-small)}}
.stat-card{display:flex;flex-direction:column;gap:1rem;max-width:100%;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:border-color,background-color,color,transform}:where(.stat-card){background-color:var(--colors-primary-bg-light);border:none;border-radius:12px;padding:2rem 3rem}.stat-card__label{display:flex;flex-direction:column;gap:0}.stat-card--sm .stat-card__label{align-items:center;flex-direction:row;gap:.5rem}@container (max-width: 720px){:where(.stat-card){padding:2rem}}

.notification-count{position:relative}.notification-count>.style-count{position:absolute;right:0;top:0;transform:translateX(50%) translateY(-30%)}.notification-count--outline>.style-count{outline:solid 2px var(--colors-base)}
.label-value--row .label-value__label{width:14rem}

.form-grid :where(.form-control){margin-bottom:0}



.el-slider.slider__style--default .el-slider__bar,.el-slider.slider__style--default .el-slider__runway.is-disabled .el-slider__bar{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);opacity:1}.el-slider.slider__style--transparent .el-slider__bar,.el-slider.slider__style--transparent .el-slider__runway.is-disabled .el-slider__bar{--el-slider-main-bg-color:transparent;--el-slider-runway-bg-color:transparent;--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:transparent;opacity:1}.el-slider.slider__style--none .el-slider__bar,.el-slider.slider__style--none .el-slider__runway.is-disabled .el-slider__bar{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);opacity:0}.el-slider.slider__style--none .el-slider__button{background-color:transparent;border:2px solid transparent}.el-slider.slider__style--transition.slider__style--1 .el-slider__bar,.el-slider.slider__style--transition.slider__style--1 .el-slider__runway.is-disabled .el-slider__bar{opacity:.2}.el-slider.slider__style--transition.slider__style--2 .el-slider__bar,.el-slider.slider__style--transition.slider__style--2 .el-slider__runway.is-disabled .el-slider__bar{opacity:.4}.el-slider.slider__style--transition.slider__style--3 .el-slider__bar,.el-slider.slider__style--transition.slider__style--3 .el-slider__runway.is-disabled .el-slider__bar{opacity:.6}.el-slider.slider__style--transition.slider__style--4 .el-slider__bar,.el-slider.slider__style--transition.slider__style--4 .el-slider__runway.is-disabled .el-slider__bar{opacity:.8}.el-slider.slider__style--transition.slider__style--5 .el-slider__bar,.el-slider.slider__style--transition.slider__style--5 .el-slider__runway.is-disabled .el-slider__bar{opacity:1}



.full-width{width:100%}



.notification-card--unseen{background-color:var(--colors-primary-bg-light)}
.notification-list{width:100%}

.toggle-sidebar{color:var(--colors-gray-dark);cursor:pointer;display:block;padding:.1rem}.toggle-sidebar .style-icon{display:block;height:1.6rem;width:1.6rem}
.auth-controls{background-color:var(--colors-base);border:1px solid var(--colors-gray-border);border-radius:5rem;display:flex;flex-direction:row;gap:var(--sizes-size-xs);min-width:20rem;overflow:hidden;padding:.5rem}.auth-controls__avatar,.auth-controls__menu-avatar{background-color:var(--colors-primary-bg);border-radius:50%;flex-shrink:0;height:4rem;overflow:hidden;width:4rem}.auth-controls__name{flex-grow:1;flex-shrink:1;min-width:0}.auth-controls__menu-trigger{align-items:center;cursor:pointer;display:flex;flex-shrink:0}.auth-controls__menu-avatar{display:none}@container (max-width: 720px){.auth-controls{border:none;min-width:auto;padding:0}.auth-controls__avatar,.auth-controls__menu-button,.auth-controls__name{display:none}.auth-controls__menu-avatar{display:block}}
@container (max-width: 720px){.layout-title__title{font-size:var(--type-size-md)}}.app-breadcrumbs{align-items:center;align-self:flex-start;background-color:var(--colors-primary-bg);border-radius:1.6rem;color:var(--colors-base);color:var(--colors-type-title);-moz-column-gap:.8rem;column-gap:.8rem;display:flex;flex-direction:row;flex-wrap:wrap;font-size:var(--type-size-xs);padding:.1rem 1.2rem;row-gap:.2rem}.app-breadcrumbs__item .inertia-link,.app-breadcrumbs__item span{color:currentColor;display:inline-block}.app-breadcrumbs__separator{height:1rem;margin-top:1px;width:1rem}.app-breadcrumbs .app-breadcrumbs__separator:last-child{display:none}
.ui-count{position:absolute;right:-.5rem;top:-1rem}.ui-notification-row .ui-notification-row__body .ui-notification-row__notifiable-label{max-width:60%}.ui-notification-row:hover{background-color:var(--colors-primary-bg)}.app-ui-notification__menu_dropdown{max-width:50rem;min-width:30rem}.tick-action .done{opacity:10%}
.layout-header{align-items:center;background-color:var(--colors-base);display:flex;flex-direction:row;gap:var(--sizes-size-sm);padding:1rem 2rem}.app-layout[data-sidebar-state=close] .layout-header .toggle-sidebar{transform:scaleX(-1)}

.layout-sidebar{background-color:var(--colors-base);display:flex;flex-direction:column;padding:3rem 4rem}.layout-sidebar .toggle-sidebar{position:absolute;right:3rem;top:3rem}.layout-sidebar__vendor{margin-top:auto;opacity:.8}@container (max-width: 1020px){.layout-sidebar{padding:2rem 3rem 1.5rem}.layout-sidebar .toggle-sidebar{right:2rem;top:2rem}}.layout-sidebar.admin-sidebar{background-color:var(--colors-primary-darkest);color:var(--colors-base)}.layout-sidebar.admin-sidebar .toggle-sidebar{color:var(--colors-base)}
.app-layout{--app-sidebar-width:28rem;display:flex;flex-direction:column;flex-grow:1;min-height:100vh;min-width:32rem;padding-left:var(--app-sidebar-width);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:padding-left}:where(.app-layout){background-color:var(--colors-base);font-size:var(--type-size-md)}.app-layout[data-layout-initialised=false] *{transition:none!important}.app-layout__sidebar{background-color:var(--colors-gray-bg);flex-shrink:0;height:100vh;left:0;min-height:100%;overflow:auto;position:fixed;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:left;width:var(--app-sidebar-width);z-index:1500}.app-layout__container{display:flex;flex-direction:column;flex-grow:1}.app-layout__header{border-bottom:2px solid var(--colors-gray-bg);flex-shrink:0}.app-layout__content{display:flex;flex-direction:column;flex-grow:1;max-width:100%}.app-layout__overlay{background:#000;inset:0;opacity:0;position:fixed;transition:opacity .2s ease,visibility 0s .5s;visibility:hidden;z-index:1450}.app-layout[data-sidebar-state=close]{padding-left:0}.app-layout[data-sidebar-state=close] .app-layout__sidebar{left:calc(var(--app-sidebar-width)*-1)}.layout-sidebar__toggle{display:none}@container (max-width: 1020px){.layout-sidebar__toggle{display:block}.app-layout{padding-left:0!important}.app-layout[data-sidebar-state=open] .app-layout__overlay{opacity:.5;transition:opacity .2s ease,visibility 0s;visibility:visible}}@container (max-width: 720px){.app-layout{--app-sidebar-width:100%}}

.dashboard-members-list{display:flex;flex-direction:column;justify-content:center;min-height:5rem}
.dashboard-members .arrow-body{border-left:2px dashed var(--colors-success-normal);bottom:1.2rem;left:50%;position:absolute;top:0;translate:-50%}.dashboard-members .arrow-head{border-left:2px solid;border-top:2px solid;bottom:.8rem;color:var(--colors-success-normal);height:1rem;left:50%;position:absolute;transform:rotate(225deg) skew(10deg,10deg);translate:-50%;width:1rem}.dashboard-members__arrow-1{height:3rem;margin-top:1rem;position:relative}.dashboard-members__awaiting-container{padding:4rem 0 4rem 6rem;position:relative;width:100%}.dashboard-members__arrow-2{bottom:0;left:3rem;position:absolute;top:1rem;translate:-50%}.dashboard-members__arrow-3{height:3rem;left:50%;margin-left:2rem;position:absolute;top:1rem}.dashboard-members__arrow-3 .arrow-body{border-color:var(--colors-error-normal)}.dashboard-members__arrow-3 .arrow-head{color:var(--colors-error-normal)}.dashboard-members__arrow-4{bottom:0;height:3rem;left:50%;margin-left:2rem;position:absolute}
.user-card__avatar{background-color:var(--colors-primary-bg);border-radius:12px;height:5rem;overflow:hidden;width:5rem}

.guest-layout{display:flex;flex-direction:column;flex-grow:1;min-height:100vh;min-width:32rem;position:relative}:where(.guest-layout){background-color:var(--colors-base);font-size:var(--type-size-md)}.guest-layout__content{display:flex;flex-direction:column;flex-grow:1;max-width:100%}

.member-record-card{padding:2rem 2.5rem}.member-record-card__body{position:relative}.member-record-card__avatar{background-color:var(--colors-primary-bg);border-radius:12px;flex-shrink:0;height:5rem;overflow:visible;position:relative;width:5rem}.member-record-card--selected,.member-record-card:hover{border-color:var(--colors-primary-border)}.member-record-card--checked{background-color:var(--colors-primary-normal);border-radius:50%;left:-1rem;opacity:0;padding:.4rem;position:absolute;top:-1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:opacity}.member-record-card--checked .style-icon{display:block;height:1.6rem;width:1.6rem}.member-record-card--selected .member-record-card--checked{opacity:1}@container (max-width: 1020px){.member-record-card{padding:1.5rem 2rem}}
.grid-table-row{align-items:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:opacity}.grid-table-row .grid-table__item{padding:1rem}.grid-table-row--checked{background-color:var(--colors-primary-normal);border-radius:50%;left:0;opacity:0;padding:.4rem;position:absolute;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:opacity}.grid-table-row--checked .style-icon{display:block;height:1.6rem;width:1.6rem}.grid-table-row-thumbnail{align-self:center;background-position:50%;background-repeat:no-repeat;background-size:cover;height:6.5rem;width:6.5rem}.grid-table-row--hover_image,.grid-table-row:hover{background-color:var(--colors-base)}.grid-table-row--hover_image .grid-table-row--checked{opacity:.5}.grid-table-row--selected{background-color:var(--colors-primary-bg-light)}.grid-table-row--selected .grid-table-row--checked{opacity:1}
.member-filters-additional{height:0;opacity:0;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:height,opacity}.member-filters-additional--active{height:-moz-max-content;height:max-content;opacity:1}
.vue-tel-input{border:1px solid var(--colors-gray-border);border-color:var(--colors-gray-border);border-radius:8px;font-family:var(--type-font-ui);font-size:var(--type-size-md);font-weight:var(--type-weight-body);letter-spacing:var(--type-tracking-body);line-height:normal;line-height:var(--type-leading-ui);padding:.9rem 1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:color,background-color,border-color;width:100%}.vue-tel-input:focus-within{border-color:var(--colors-primary-normal);box-shadow:none}.vue-tel-input .vti__dropdown{border-bottom-left-radius:8px;border-top-left-radius:8px;padding-bottom:0;padding-left:0;padding-top:0}.vti__dropdown:hover{background:none}.vue-tel-input .vti__input{border-bottom-right-radius:8px;border-top-right-radius:8px;padding-bottom:0;padding-right:0;padding-top:0}.vue-tel-input.success{border-color:var(--colors-success-normal)}.vue-tel-input.success .vti__input{color:var(--colors-success-normal)}.vue-tel-input.warning{border-color:var(--colors-warning-normal)}.vue-tel-input.warning .vti__input{color:var(--colors-warning-normal)}
.dynamic-results-container{min-height:24rem}


.file-preview{cursor:pointer;max-width:15rem;text-align:center}.file-preview.file-preview--sm{max-width:5rem}.file-preview img{border-radius:.8rem;height:auto;width:100%}.pdf-preview{background-color:var(--colors-gray-bg);border:1px solid var(--colors-gray-border);border-radius:.8rem;padding:1rem}.file-preview.file-preview--sm .pdf-preview{border-radius:.4rem;padding:.5rem}
.chat-plus-icon,.chat-send-icon{background-color:var(--colors-gray-bg-dark);border-radius:50%;cursor:pointer;padding:.4rem}.v3-emoji-picker{bottom:12rem;position:absolute;right:var(--sizes-padding-card-small)}@container (max-width: 720px){.v3-emoji-picker{bottom:8rem;right:1rem}}
.chatroom-people{text-align:right}
.reaction-active .style-icon{color:var(--colors-primary-normal)}
.message-item__container{max-width:100%;overflow:hidden;word-break:break-word}.message-item .avatar{align-items:center;background-color:var(--colors-primary-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;display:flex;flex-shrink:0;height:2.4rem;justify-content:center;width:2.4rem}.message-item.is-self{justify-content:end}.message-item .metadata{justify-content:left}.message-item.is-self .metadata{justify-content:right}.message-item.is-self .message-item__content-container{flex-direction:row-reverse;justify-self:end}.message-item .message-item__content{background:var(--colors-primary-normal);border:1px solid var(--colors-gray-placeholder);border-radius:16px;color:var(--colors-base);padding:.8rem 1.2rem}.message-item .message-item__content .reply-parent{max-width:200px;overflow:hidden;position:relative;text-overflow:ellipsis;top:-2.8rem}.message-item.is-self .message-item__content{background:var(--colors-gray-bg);border:1px solid var(--colors-gray-placeholder);border-radius:16px;color:var(--colors-type-body);padding:.8rem 1.2rem}.message-item .metadata{align-items:left;display:flex;font-size:1.2rem;gap:.25rem;position:relative}.message-item.is-self .metadata{justify-self:end}.message-item .avatar .style-image,.message-item .avatar .style-image img{height:100%;width:100%}.message-item .metadata .reaction-bar{position:absolute;right:.5rem;top:-1rem}
.message-list{flex:1;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--colors-gray-dark)}.message-area{display:flex;flex-direction:column-reverse;overflow-y:auto}
.chat-composer{bottom:1rem;position:sticky}






.app-layout{--app-sidebar-width:28rem;display:flex;flex-direction:column;flex-grow:1;min-height:100vh;min-width:32rem;padding-left:var(--app-sidebar-width);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:padding-left}:where(.app-layout){background-color:var(--colors-base);font-size:var(--type-size-md)}.app-layout[data-layout-initialised=false] *{transition:none!important}.app-layout__sidebar{background-color:var(--colors-gray-bg);flex-shrink:0;height:100vh;left:0;min-height:100%;overflow:auto;position:fixed;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:left;width:var(--app-sidebar-width);z-index:1500}.app-layout__container{display:flex;flex-direction:column;flex-grow:1}.app-layout__header{border-bottom:2px solid var(--colors-gray-bg);flex-shrink:0}.app-layout__content{display:flex;flex-direction:column;flex-grow:1;max-width:100%}.app-layout__overlay{background:#000;inset:0;opacity:0;position:fixed;transition:opacity .2s ease,visibility 0s .5s;visibility:hidden;z-index:1450}.app-layout[data-sidebar-state=close]{padding-left:0}.app-layout[data-sidebar-state=close] .app-layout__sidebar{left:calc(var(--app-sidebar-width)*-1)}.layout-sidebar__toggle{display:none}@container (max-width: 1020px){.layout-sidebar__toggle{display:block}.app-layout{padding-left:0!important}.app-layout[data-sidebar-state=open] .app-layout__overlay{opacity:.5;transition:opacity .2s ease,visibility 0s;visibility:visible}}@container (max-width: 720px){.app-layout{--app-sidebar-width:100%}}

.box-card[data-v-8e228cca]{margin:20px auto;width:400px}.text-center[data-v-8e228cca]{text-align:center}
.box-card[data-v-3694509c]{margin:20px auto;width:400px}.text-center[data-v-3694509c]{text-align:center}
.tag-card:hover{border-color:var(--colors-primary-border)}
.user-card__avatar{background-color:var(--colors-primary-bg);border-radius:12px;height:5rem;overflow:hidden;width:5rem}.user-card--selected,.user-card:hover{border-color:var(--colors-primary-border)}.user-card--checked{background-color:var(--colors-primary-normal);border-radius:50%;left:0;opacity:0;padding:.4rem;position:absolute;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:opacity}.user-card--checked .style-icon{display:block;height:1.6rem;width:1.6rem}.user-card--selected .user-card--checked{opacity:1}
.grid-table-row{align-items:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:opacity}.grid-table-row .grid-table__item{padding:1rem}.grid-table-row--checked{background-color:var(--colors-primary-normal);border-radius:50%;left:0;opacity:0;padding:.4rem;position:absolute;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:opacity}.grid-table-row--checked .style-icon{display:block;height:1.6rem;width:1.6rem}.grid-table-row-thumbnail{align-self:center;background-position:50%;background-repeat:no-repeat;background-size:cover;height:6.5rem;width:6.5rem}.grid-table-row--hover_image,.grid-table-row:hover{background-color:var(--colors-base)}.grid-table-row--hover_image .grid-table-row--checked{opacity:.5}.grid-table-row--selected{background-color:var(--colors-primary-bg-light)}.grid-table-row--selected .grid-table-row--checked{opacity:1}




.user-card__avatar{background-color:var(--colors-primary-bg);border-radius:12px;height:5rem;overflow:hidden;width:5rem}.user-card:hover{border-color:var(--colors-primary-border)}


.tiptap-container{border:1px solid var(--colors-gray-border);border-radius:4px}.ProseMirror:focus{outline-width:0!important}.ProseMirror p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}