:where(.d33-table,.d33-table-editor.d33-table-editor){--d33-table-line:#ded8db;--d33-table-base-bg:#fff;color:var(--d33-text,#382d32);font-family:var(--d33-font,inherit);box-sizing:border-box;min-width:0;line-height:1.7}
.d33-table.d33-table{margin-block:32px;max-width:100%;overflow:visible}
.d33-table>.d33-table__viewport{overflow:auto;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin}
.d33-table.d33-table table,.d33-table-editor.d33-table-editor table{border-collapse:separate;border-spacing:0;width:100%;max-width:none;min-width:max(100%,var(--d33-table-total-min,0px));margin:0;border:0;border-top:var(--d33-table-line-width,1px) var(--d33-table-line-style,solid) var(--d33-table-line);border-left:var(--d33-table-line-width,1px) var(--d33-table-line-style,solid) var(--d33-table-line);font:inherit;line-height:inherit;text-align:left}
.d33-table.d33-table .d33-table__grid--fixed,.d33-table-editor.d33-table-editor table.has-fixed-layout{table-layout:fixed}
.d33-table.d33-table :is(td,th),.d33-table-editor.d33-table-editor :is(td,th){position:relative;isolation:isolate;box-sizing:border-box;min-width:var(--d33-table-min-cell,0px);padding:14px 18px;border:0;border-right:var(--d33-table-line-width,1px) var(--d33-table-line-style,solid) var(--d33-table-line);border-bottom:var(--d33-table-line-width,1px) var(--d33-table-line-style,solid) var(--d33-table-line);vertical-align:top;overflow-wrap:anywhere;line-height:inherit}
.d33-table.d33-table :is(thead,tfoot),.d33-table-editor.d33-table-editor :is(thead,tfoot){border:0}
.d33-table.d33-table thead :is(td,th),.d33-table-editor.d33-table-editor thead :is(td,th){background-color:var(--d33-table-head-bg,var(--d33-primary,#9b5269));color:var(--d33-table-head-text,#fff);font-weight:600}
.d33-table.d33-table tbody th,.d33-table-editor.d33-table-editor tbody th{background-color:var(--d33-table-rowhead-bg,var(--d33-surface,#faf3f5));color:var(--d33-table-rowhead-text,inherit);font-weight:600}
.d33-table.d33-table tfoot :is(td,th),.d33-table-editor.d33-table-editor tfoot :is(td,th){font-weight:600;background-color:var(--d33-surface,#faf3f5)}
.d33-table :is(td,th)[data-d33-col="0"],.d33-table-editor.d33-table-editor :is(td,th)[data-d33-col="0"]{width:var(--d33-table-first-width,auto)}
:is(.d33-table,.d33-table-editor.d33-table-editor)[data-d33-align="center"] :is(td,th){text-align:center!important}
:is(.d33-table,.d33-table-editor.d33-table-editor)[data-d33-align="left"] :is(td,th){text-align:left!important}
:is(.d33-table,.d33-table-editor.d33-table-editor)[data-d33-align="right"] :is(td,th){text-align:right!important}
:is(.d33-table,.d33-table-editor.d33-table-editor)[data-d33-valign="middle"] :is(td,th){vertical-align:middle}
:is(.d33-table,.d33-table-editor.d33-table-editor)[data-d33-valign="bottom"] :is(td,th){vertical-align:bottom}
:is(.d33-table,.d33-table-editor.d33-table-editor)[data-d33-head-center="true"] thead :is(td,th){text-align:center!important}
.d33-table__cell-content{position:relative;z-index:1}
:is(.d33-table,.d33-table-editor.d33-table-editor) :is(td,th)[data-d33-symbol-char]::before{content:attr(data-d33-symbol-char);display:inline-block;vertical-align:middle;margin-right:.3em;color:var(--d33-table-symbol-color,currentColor);font-family:Arial,sans-serif;font-size:1.4em;line-height:1}
:is(.d33-table,.d33-table-editor.d33-table-editor) :is(td,th)[data-d33-iconsize="s"]::before{font-size:1em}
:is(.d33-table,.d33-table-editor.d33-table-editor) :is(td,th)[data-d33-iconsize="l"]::before{font-size:2em}
:is(.d33-table,.d33-table-editor.d33-table-editor) :is(td,th)[data-d33-iconmode="background"]::before{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;margin:0;font-size:3em;opacity:.14;z-index:0}
:is(.d33-table,.d33-table-editor.d33-table-editor) :is(td,th)[data-d33-iconmode="background"][data-d33-iconsize="l"]::before{font-size:4em}
:is(.d33-table,.d33-table-editor.d33-table-editor) :is(td,th)[data-d33-iconmode="background"][data-d33-iconsize="s"]::before{font-size:1.5em}
.d33-table__caption,.d33-table-editor.d33-table-editor figcaption{font-size:.88em;color:inherit;opacity:.75;margin-top:12px;text-align:center}
.d33-table__hint{display:none;justify-content:flex-end;gap:8px;font-size:.78em;color:#6b7280;margin-bottom:10px}
.d33-table[data-d33-overflow="true"]>.d33-table__hint{display:flex}
.d33-table__viewport:focus-visible{outline:2px solid var(--d33-primary,#9b5269);outline-offset:3px}
/* All tables use the grid design; legacy design attributes remain readable. */
/* Scroll/table width and sticky first column use the same device conditions. */
@media(min-width:783px){
 :is(.d33-table,.d33-table-editor.d33-table-editor):is([data-d33-scroll="pc"],[data-d33-scroll="both"]) table{width:var(--d33-table-width,800px);min-width:max(100%,var(--d33-table-total-min,0px))}
 :is(.d33-table,.d33-table-editor.d33-table-editor):is([data-d33-scroll="pc"],[data-d33-scroll="both"])[data-d33-first-fixed="true"] :is(td,th)[data-d33-col="0"]{position:sticky;left:0;z-index:2}
 :is(.d33-table,.d33-table-editor.d33-table-editor):is([data-d33-scroll="pc"],[data-d33-scroll="both"])[data-d33-first-fixed="true"] tbody td[data-d33-col="0"]{background-color:var(--d33-table-base-bg)}
 .d33-table:is([data-d33-header-fixed="pc"],[data-d33-header-fixed="both"])>.d33-table__viewport{overflow:visible}
 :is(.d33-table,.d33-table-editor.d33-table-editor):is([data-d33-header-fixed="pc"],[data-d33-header-fixed="both"]) thead :is(td,th){position:sticky;top:calc(var(--d33-table-offset,0px) + var(--d33-table-adminbar,0px) + var(--d33-table-row-offset,0px));z-index:3}
}
@media(max-width:782px){
 :is(.d33-table,.d33-table-editor.d33-table-editor):is([data-d33-scroll="sp"],[data-d33-scroll="both"]) table{width:var(--d33-table-width,800px);min-width:max(100%,var(--d33-table-total-min,0px))}
 :is(.d33-table,.d33-table-editor.d33-table-editor):is([data-d33-scroll="sp"],[data-d33-scroll="both"])[data-d33-first-fixed="true"] :is(td,th)[data-d33-col="0"]{position:sticky;left:0;z-index:2}
 :is(.d33-table,.d33-table-editor.d33-table-editor):is([data-d33-scroll="sp"],[data-d33-scroll="both"])[data-d33-first-fixed="true"] tbody td[data-d33-col="0"]{background-color:var(--d33-table-base-bg)}
 .d33-table:is([data-d33-header-fixed="sp"],[data-d33-header-fixed="both"])>.d33-table__viewport{overflow:visible}
 :is(.d33-table,.d33-table-editor.d33-table-editor):is([data-d33-header-fixed="sp"],[data-d33-header-fixed="both"]) thead :is(td,th){position:sticky;top:calc(var(--d33-table-offset,0px) + var(--d33-table-adminbar,0px) + var(--d33-table-row-offset,0px));z-index:3}
 .d33-table.d33-table :is(td,th),.d33-table-editor.d33-table-editor :is(td,th){padding:12px}
 :is(.d33-table,.d33-table-editor.d33-table-editor)[data-d33-stack="true"] :is(table,thead,tbody,tfoot,tr,th,td){display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;position:static!important}
 :is(.d33-table,.d33-table-editor.d33-table-editor)[data-d33-stack="true"] table{table-layout:auto}
 :is(.d33-table,.d33-table-editor.d33-table-editor)[data-d33-stack="true"] tbody tr+tr{margin-top:16px}
 .d33-table[data-d33-stack="true"]>.d33-table__viewport{overflow:visible}
}

:is(.d33-table,.d33-table-editor.d33-table-editor) :is(td,th)[data-d33-iconmode="background"]{overflow:hidden}

/* Round the scrolling frame without clipping page-sticky headers. */
.d33-table>.d33-table__viewport{border-radius:var(--d33-table-radius,0px);box-shadow:var(--d33-table-shadow,none)}
:is(.d33-table,.d33-table-editor.d33-table-editor) table{border-radius:var(--d33-table-radius,0px)}
:is(.d33-table,.d33-table-editor.d33-table-editor) table>:is(thead,tbody,tfoot):first-child>tr:first-child>:first-child{border-top-left-radius:var(--d33-table-radius,0px)}
:is(.d33-table,.d33-table-editor.d33-table-editor) table>:is(thead,tbody,tfoot):first-child>tr:first-child>:last-child{border-top-right-radius:var(--d33-table-radius,0px)}
:is(.d33-table,.d33-table-editor.d33-table-editor) table>:is(thead,tbody,tfoot):last-child>tr:last-child>:first-child{border-bottom-left-radius:var(--d33-table-radius,0px)}
:is(.d33-table,.d33-table-editor.d33-table-editor) table>:is(thead,tbody,tfoot):last-child>tr:last-child>:last-child{border-bottom-right-radius:var(--d33-table-radius,0px)}
