.tabify-table[data-template=template-1]{--tabify-color-primary:#0ea5e9;--tabify-color-secondary:#8b5cf6;--tabify-color-neutral:#1e293b;--border-color:color-mix(in srgb,var(--tabify-color-neutral) 10%,#fff);--brand-background:color-mix(in srgb,var(--tabify-color-primary) 4%,#fff);--muted-color:color-mix(in srgb,var(--tabify-color-neutral) 15%,#fff);--tabify-tooltip-background:color-mix(in srgb,var(--tabify-color-neutral) 2%,#fff);--tabify-tooltip-text-color:var(--tabify-color-neutral);--tabify-tooltip-border-color:color-mix(in srgb,var(--tabify-color-neutral) 10%,#fff);background-color:#fff;border:1px solid var(--border-color);border-radius:var(--tabify-radius-md);color:var(--tabify-color-neutral);text-align:var(--text-alignment);transition:all .3s ease;width:100%}.tabify-table[data-template=template-1] .table-row{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.tabify-table[data-template=template-1] .table-row:hover{background-color:color-mix(in srgb,var(--tabify-color-primary) 2%,#fff)}.tabify-table[data-template=template-1] .table-row:last-child{border-bottom:none}.tabify-table[data-template=template-1] .table-column{border-right:1px solid var(--border-color);padding:15px;transition:all .2s ease}.tabify-table[data-template=template-1] .table-column:last-child{border-right:none}.tabify-table[data-template=template-1] .table-column:hover{background-color:color-mix(in srgb,var(--tabify-color-primary) 4%,#fff)}.tabify-table[data-template=template-1] .table-column--empty{background-color:transparent;min-height:40px}.tabify-table[data-template=template-1] .table-column--brand{background-color:var(--brand-background);position:relative}.tabify-table[data-template=template-1] .table-column--brand:after{background:var(--tabify-color-primary);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;transition:opacity .2s ease;width:3px}.tabify-table[data-template=template-1] .table-column--brand:hover{background-color:color-mix(in srgb,var(--tabify-color-primary) 8%,#fff)}.tabify-table[data-template=template-1] .table-column--brand:hover:after{opacity:1}.tabify-table[data-template=template-1] .table-column__content{align-items:center;color:var(--tabify-color-neutral);display:flex;flex-wrap:wrap;gap:8px;min-height:32px;width:100%}.tabify-table[data-template=template-1] .table-column__content img{transition:transform .2s ease}.tabify-table[data-template=template-1] .table-column__content:hover img{transform:scale(1.05)}.tabify-table[data-template=template-1] .table-column svg{display:block;height:20px;transition:transform .2s ease;width:20px}.tabify-table[data-template=template-1] .table-column svg:hover{transform:scale(1.1)}.tabify-table[data-template=template-1] [data-row-type=yes_no] svg{height:24px;width:24px}.tabify-table[data-template=template-1] [data-row-type=yes_no] svg[data-icon="material-symbols:check-circle-rounded"]{color:var(--tabify-green-color);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--tabify-green-color) 15%,transparent))}.tabify-table[data-template=template-1] [data-row-type=yes_no] svg[data-icon="material-symbols:check-circle-rounded"]:hover{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--tabify-green-color) 25%,transparent))}.tabify-table[data-template=template-1] [data-row-type=yes_no] svg[data-icon="material-symbols:cancel-rounded"]{color:var(--tabify-red-color);opacity:.6}.tabify-table[data-template=template-1] [data-row-type=yes_no] svg[data-icon="material-symbols:cancel-rounded"]:hover{opacity:.8}.tabify-table[data-template=template-1] [data-row-type=rating] svg{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--tabify-color-primary) 15%,transparent));height:18px;width:18px}.tabify-table[data-template=template-1] [data-row-type=rating] svg:hover{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--tabify-color-primary) 25%,transparent))}.tabify-table[data-template=template-1] .tooltip{background:var(--tabify-tooltip-background);border:1px solid var(--tabify-tooltip-border-color);color:var(--tabify-tooltip-text-color)}.tabify-table[data-template=template-1] .tooltip:hover{background:color-mix(in srgb,var(--tabify-color-primary) 4%,#fff);border-color:var(--tabify-color-primary)}.tabify-table[data-template=template-1] .tooltip[title]:before{background:#fff;border:1px solid var(--border-color);box-shadow:0 2px 4px color-mix(in srgb,var(--tabify-color-neutral) 10%,transparent);color:var(--tabify-color-neutral)}