/*! mixins.scss | Vuero | Css ninja 2020-2024 *//*! _variables.scss | Vuero | Css ninja 2020-2024 */.list-view-v4 .list-view-item{flex:1;display:inline-block;width:100%;background-color:var(--white);border-radius:10px;border:1px solid color-mix(in oklab,var(--fade-grey),black 3%);transition:all .3s;margin-bottom:16px;padding:16px}.list-view-v4 .list-view-item.has-margin-bottom{margin-bottom:1.5rem}.list-view-v4 .list-view-item.is-flat{box-shadow:none}.list-view-v4 .list-view-item.is-raised{box-shadow:var(--light-box-shadow)}.list-view-v4 .list-view-item.is-primary{background:var(--primary);border-color:var(--primary);color:var(--primary--color-invert)}.list-view-v4 .list-view-item.is-primary .title,.list-view-v4 .list-view-item.is-primary .subtitle,.list-view-v4 .list-view-item.is-primary h1,.list-view-v4 .list-view-item.is-primary h2,.list-view-v4 .list-view-item.is-primary h3,.list-view-v4 .list-view-item.is-primary h4,.list-view-v4 .list-view-item.is-primary p{color:var(--smoke-white)!important}.list-view-v4 .list-view-item.is-secondary{background:var(--secondary)!important;border-color:var(--secondary)!important}.list-view-v4 .list-view-item.is-secondary .title,.list-view-v4 .list-view-item.is-secondary .subtitle,.list-view-v4 .list-view-item.is-secondary h1,.list-view-v4 .list-view-item.is-secondary h2,.list-view-v4 .list-view-item.is-secondary h3,.list-view-v4 .list-view-item.is-secondary h4,.list-view-v4 .list-view-item.is-secondary p{color:var(--smoke-white)!important}.list-view-v4 .list-view-item.is-info{background:var(--info)!important;border-color:var(--info)!important}.list-view-v4 .list-view-item.is-info .title,.list-view-v4 .list-view-item.is-info .subtitle,.list-view-v4 .list-view-item.is-info h1,.list-view-v4 .list-view-item.is-info h2,.list-view-v4 .list-view-item.is-info h3,.list-view-v4 .list-view-item.is-info h4,.list-view-v4 .list-view-item.is-info p{color:var(--smoke-white)!important}.list-view-v4 .list-view-item.is-success{background:var(--success)!important;border-color:var(--success)!important}.list-view-v4 .list-view-item.is-success .title,.list-view-v4 .list-view-item.is-success .subtitle,.list-view-v4 .list-view-item.is-success h1,.list-view-v4 .list-view-item.is-success h2,.list-view-v4 .list-view-item.is-success h3,.list-view-v4 .list-view-item.is-success h4,.list-view-v4 .list-view-item.is-success p{color:var(--smoke-white)!important}.list-view-v4 .list-view-item.is-warning{background:var(--warning)!important;border-color:var(--warning)!important}.list-view-v4 .list-view-item.is-warning .title,.list-view-v4 .list-view-item.is-warning .subtitle,.list-view-v4 .list-view-item.is-warning h1,.list-view-v4 .list-view-item.is-warning h2,.list-view-v4 .list-view-item.is-warning h3,.list-view-v4 .list-view-item.is-warning h4,.list-view-v4 .list-view-item.is-warning p{color:var(--smoke-white)!important}.list-view-v4 .list-view-item.is-danger{background:var(--danger)!important;border-color:var(--danger)!important}.list-view-v4 .list-view-item.is-danger .title,.list-view-v4 .list-view-item.is-danger .subtitle,.list-view-v4 .list-view-item.is-danger h1,.list-view-v4 .list-view-item.is-danger h2,.list-view-v4 .list-view-item.is-danger h3,.list-view-v4 .list-view-item.is-danger h4,.list-view-v4 .list-view-item.is-danger p{color:var(--smoke-white)!important}.list-view-v4 .list-view-item .card-head{display:flex;align-items:center;justify-content:space-between}.list-view-v4 .list-view-item .card-head .left,.list-view-v4 .list-view-item .card-head .right{display:flex;align-items:center}.list-view-v4 .list-view-item .card-head .left .title{font-size:1.2rem;font-weight:500}.list-view-v4 .list-view-item .card-head .right{justify-content:flex-end}.list-view-v4 .list-view-item .card-inner{padding-top:1.75rem}.list-view-v4 .list-view-item .list-view-item-inner{display:flex;align-items:center}.list-view-v4 .list-view-item .list-view-item-inner .pre-meta{margin-inline-end:16px;width:160px}.list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3{font-family:var(--font-alt);color:var(--dark-text);font-size:1rem;font-weight:600;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-view-v4 .list-view-item .list-view-item-inner>img{width:100%;max-width:60px;min-width:60px;max-height:60px;min-height:60px;border-radius:var(--radius-rounded);border:1px solid var(--fade-grey)}.list-view-v4 .list-view-item .list-view-item-inner .meta-left{margin-inline-start:16px}.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3{display:flex;align-items:center;font-family:var(--font-alt);font-weight:600;color:var(--dark-text);font-size:.75rem;line-height:1}.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3 .avatar{display:block;height:18px;width:18px;border-radius:var(--radius-rounded);margin-inline-end:6px}.list-view-v4 .list-view-item .list-view-item-inner .meta-left>span:not(.tag){font-size:.9rem;color:var(--light-text)}.list-view-v4 .list-view-item .list-view-item-inner .meta-left>span:not(.tag) .iconify{position:relative;top:1px;height:12px;width:12px;margin-inline-end:.25rem}.list-view-v4 .list-view-item .list-view-item-inner .meta-left>span:not(.tag) .icon-separator{position:relative;top:-3px;font-size:5px;color:var(--light-text);padding:0 8px}.list-view-v4 .list-view-item .list-view-item-inner .meta-right{margin-inline-start:auto;display:flex;align-items:center;justify-content:flex-end}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network{display:flex;justify-content:flex-end;align-items:center;min-width:145px;margin-inline-end:30px}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network>span{font-family:var(--font);font-size:.9rem;color:var(--light-text);margin-inline-start:6px}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons{margin-bottom:0;margin-inline-end:10px}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button{margin-bottom:0}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2){transition:color .3s,background-color .3s,border-color .3s,height .3s,width .3s}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2):hover,.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2):focus{background:var(--white);border:1px solid color-mix(in oklab,var(--fade-grey),black 3%);box-shadow:var(--light-box-shadow);color:var(--danger)}.is-dark .list-view-v4 .list-view-item{background:color-mix(in oklab,var(--dark-sidebar),white 6%);border-color:color-mix(in oklab,var(--dark-sidebar),white 12%)}.is-dark .list-view-v4 .list-view-item .v-avatar img,.is-dark .list-view-v4 .list-view-item .avatar-stack .v-avatar,.is-dark .list-view-v4 .list-view-item .avatar-stack .v-avatar .avatar.is-more .inner{border-color:color-mix(in oklab,var(--dark-sidebar),white 6%)!important}.is-dark .list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3{color:var(--dark-dark-text)}.is-dark .list-view-v4 .list-view-item .list-view-item-inner>img{border-color:color-mix(in oklab,var(--dark-sidebar),white 12%)}.is-dark .list-view-v4 .list-view-item .list-view-item-inner .meta-left h3{color:var(--dark-dark-text)!important}.is-dark .list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2){background:color-mix(in oklab,var(--dark-sidebar),white 2%);border-color:color-mix(in oklab,var(--dark-sidebar),white 8%);color:var(--dark-dark-text);transition:color .3s,background-color .3s,border-color .3s,height .3s,width .3s}.is-dark .list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2):hover,.is-dark .list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2):focus{border-color:var(--danger);color:var(--danger)}@media only screen and (width <= 767px){.list-view-v4 .list-view-item{position:relative;padding:20px}.list-view-v4 .list-view-item .list-view-item-inner{flex-direction:column}.list-view-v4 .list-view-item .list-view-item-inner .pre-meta{margin:0 0 16px}.list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3{text-align:center}.list-view-v4 .list-view-item .list-view-item-inner>img{max-width:90px;min-width:90px;max-height:90px;min-height:90px;margin-bottom:1rem}.list-view-v4 .list-view-item .list-view-item-inner .meta-left{margin-inline-start:0}.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3{justify-content:center;margin-bottom:6px}.list-view-v4 .list-view-item .list-view-item-inner .meta-left>span{margin-bottom:16px}.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list{flex-wrap:wrap}.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list>span{flex-direction:column;text-align:center;margin:10px;width:calc(33.3% - 20px)}.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list>span .iconify{margin:0}.list-view-v4 .list-view-item .list-view-item-inner .meta-right{margin:16px 0 0;width:100%}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network{justify-content:flex-start}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons{margin:0;width:100%;display:flex;justify-content:space-between}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button{width:100%;margin:10px 0}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:first-child{width:100%;max-width:240px;margin:10px auto}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2){position:absolute;top:0;inset-inline-end:10px;max-width:35px}}@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: portrait){.list-view-v4 .list-view-inner{display:flex;flex-wrap:wrap}.list-view-v4 .list-view-item{position:relative;margin:10px;width:calc(50% - 20px);padding:20px}.list-view-v4 .list-view-item .list-view-item-inner{flex-direction:column}.list-view-v4 .list-view-item .list-view-item-inner .pre-meta{margin:0 0 16px}.list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3{margin-inline-end:0;text-align:center}.list-view-v4 .list-view-item .list-view-item-inner>img{max-width:90px;min-width:90px;max-height:90px;min-height:90px;margin-bottom:1rem}.list-view-v4 .list-view-item .list-view-item-inner .meta-left{margin-inline-start:0}.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3{justify-content:center;margin-bottom:6px}.list-view-v4 .list-view-item .list-view-item-inner .meta-left>span{margin-bottom:16px}.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list{flex-wrap:wrap}.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list>span{flex-direction:column;text-align:center;margin:10px;width:calc(33.3% - 20px)}.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list>span .iconify{margin:0}.list-view-v4 .list-view-item .list-view-item-inner .meta-right{margin:16px 0 0;width:100%;justify-content:space-between}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network{justify-content:flex-start;margin:0}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons{width:100%;display:flex;justify-content:space-between;margin:0 0 0 16px}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button{width:100%}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:first-child{width:100%;max-width:240px;margin:0 auto}.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2){position:absolute;top:10px;inset-inline-end:10px;max-width:35px}}