.vlx-card{--card-bg:var(--bg-clr-light);position:relative;background-color:var(--card-bg);border-radius:var(--br);box-shadow:0 0 0 #fff0;transition:transform var(--timing),box-shadow var(--timing)}.vlx-card .vlx-card__header{--p:0;padding:var(--p)}.vlx-card .vlx-card__header img{width:100%;height:100%;object-fit:cover;border-top-right-radius:var(--br);border-top-left-radius:var(--br)}.vlx-card .vlx-card__body{--p:8px 16px 8px;padding:var(--p)}.vlx-card .vlx-card__body:last-child{--p:8px 16px 16px}.vlx-card .vlx-card__body:first-child{--p:16px 16px 8px}.vlx-card .vlx-card__body:first-child:last-child{--p:16px 16px 16px}.vlx-card .vlx-card__footer{--p:8px 16px 16px;padding:var(--p)}.vlx-card--site{position:relative}.vlx-card--site .btn-group-small{position:absolute;top:16px;right:16px;display:flex;gap:8px}.vlx-card--site .vlx-like:not(.--active){opacity:0;pointer-events:none}.vlx-card--site .btn--icon{opacity:0;pointer-events:none;box-shadow:var(--box-shadow)}.vlx-card--site .vlx-card__header{position:relative;display:grid;place-content:center;height:fit-content!important;background-color:var(--bg-clr-dark);padding:32px 64px;border-radius:var(--br-large)}.vlx-card--site .vlx-card__header img{object-fit:contain;height:128px;width:100%;transition:transform var(--timing)}.vlx-card--site .label-group{position:absolute;top:16px;left:16px;display:flex;gap:8px}.vlx-card--site .vlx-card__body{--p:8px 16px 8px !important}.vlx-card--site .btn--icon{--clr-bg:var(--bg-clr)}.vlx-card--site:hover .vlx-card__header img{transform:scale(1.1)}.vlx-card--site:hover .btn--icon{opacity:1;pointer-events:all}.vlx-card--user{--p:0 !important;display:flex;gap:16px;justify-content:space-between;align-items:center}.vlx-card--user .vlx-card__body{--p:0 !important;display:flex;gap:8px;align-self:center}.vlx-card--user .vlx-card__footer{--p:0 !important}.vlx-card--user .vlx-card__avatar{width:48px;height:48px;border-radius:var(--br-small);background-color:var(--bg-clr-dark);display:grid;place-content:center}.vlx-card--user .vlx-card__avatar img{width:100%;height:100%;border-radius:var(--br-small)}.vlx-card--user .vlx-card__avatar i{font-size:24px;color:var(--text-clr-light)}.vlx-card--user .vlx-card__footer .btn{position:unset!important;width:48px;aspect-ratio:1/1;--padding:0;display:grid;place-content:center}.vlx-card--user .vlx-card__footer .btn::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:var(--br-small);background-color:var(--bg-clr-dark);opacity:0;transition:opacity var(--timing)}.vlx-card--auth{border:unset!important;background:var(--bg-clr-dark);display:flex;flex-direction:column;border-radius:var(--br)}.vlx-card--auth .vlx-card__header{display:flex;justify-content:center;--p:32px 32px 16px 32px}.vlx-card--auth .vlx-card__body{--p:16px 32px 16px 32px}.vlx-card--auth .vlx-card__footer{--p:16px 32px 32px 32px}.vlx-card--auth .vlx-card__header .logo{height:50px;width:100%;object-fit:contain}.vlx-card--auth .input-wrapper{background:var(--bg-clr);padding:8px 16px;display:flex;flex-direction:column;gap:4px;border-radius:var(--br);color:#4d4d4d}.vlx-card--auth .input-wrapper:not(:first-child){margin-top:16px}.vlx-card--auth .input-wrapper label{--fs:14px;color:var(--text-clr-dark)}.vlx-card--auth .input-wrapper input{outline:none;border:none;color:var(--text-clr-dark);background-color:#fff0}.vlx-card--auth .input-wrapper .vlx-icon{--clr:var(--text-clr-dark);margin-bottom:-2px}.vlx-card--auth .btn-group{margin-top:unset!important}.vlx-card--auth .btn-group .btn{width:100%}.vlx-card--auth .password .show-hide{margin-right:-8px}.vlx-card--auth .vlx-card__footer .vlx-btn-bar{display:flex;align-items:center;flex-direction:column;gap:16px;margin-top:16px}.vlx-card--auth .vlx-card__footer .vlx-btn-bar>*{cursor:pointer;--fs:14px;color:var(--text-clr-dark);text-decoration:unset}:is(.vlx-card--folder,.vlx-card--resource,.vlx-card--parent){position:relative}:is(.vlx-card--folder,.vlx-card--resource,.vlx-card--parent) .btn-group-small{position:absolute;top:16px;right:16px;display:flex;gap:8px}:is(.vlx-card--folder,.vlx-card--resource,.vlx-card--parent) .btn--icon{--clr-bg:var(--bg-clr);opacity:0;pointer-events:none;box-shadow:var(--box-shadow)}:is(.vlx-card--folder,.vlx-card--resource,.vlx-card--parent) .vlx-card__header{position:relative;display:grid;place-content:center;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--bg-clr-dark);border-radius:var(--br)}:is(.vlx-card--folder,.vlx-card--resource,.vlx-card--parent) .vlx-card__header img{border-radius:var(--br);object-fit:cover;width:100%;aspect-ratio:16/9;transition:transform var(--timing)}:is(.vlx-card--folder,.vlx-card--resource,.vlx-card--parent) .vlx-card__body{--p:8px 16px 8px !important}:is(.vlx-card--folder,.vlx-card--resource,.vlx-card--parent):hover .btn--icon{opacity:1;pointer-events:all}.vlx-card--resource:hover .vlx-card__header img{transform:scale(1.05)}.vlx-card--parent .vlx-card__header .vlx-icon{--w:28px;--h:28px;--clr:var(--text-clr)}.vlx-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,220px) minmax(130px,180px);align-items:center;gap:24px;margin-top:8px;padding:4px 8px;color:inherit;background-color:var(--bg-clr);border-radius:var(--br-small);transition:background-color var(--timing)}.vlx-row .btn-group-small{position:absolute;top:4px;right:16px;display:flex;gap:8px}.vlx-row .btn--icon{opacity:0;pointer-events:none;padding:4px;width:24px;height:24px}.vlx-row .btn--icon .vlx-icon{--w:12px;--h:12px}.vlx-row:hover{background-color:var(--bg-clr-dark)}.vlx-row:hover .btn--icon{opacity:1;pointer-events:all}.vlx-row__name{display:flex;align-items:center;gap:16px;min-width:0}.vlx-row__name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vlx-row__name .vlx-icon{width:20px;text-align:center;--clr:var(--text-clr)}.vlx-row__detail,.vlx-row__modified{--fs:var(--fs-small);font-size:var(--fs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vlx-row--header{margin-top:unset;padding:0 8px;letter-spacing:.06em;background-color:transparent!important}.vlx-row--header>*{--fs:var(--fs-xs);--fw:700}.vlx-row--folder .vlx-row__name .vlx-icon{--clr:var(--orange-400)}@media (max-width:785px){.vlx-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:8px}.vlx-row--header{display:none}.vlx-row__detail{grid-column:1;padding-left:36px;--fs:var(--fs-xs)}.vlx-row__modified{grid-column:2;grid-row:1 / span 2;--fs:var(--fs-xs)}}