.modal{display:flex;flex-direction:column;position:relative;height:100%;border:1px solid var(--c-neutral-600);border-radius:.3125rem;background-color:var(--c-neutral-700);padding-block:3.375rem clamp(2rem,2.19vw + 1.51rem,3.38rem)}.modal>*{padding-inline:clamp(1rem,3.78vw + 0.15rem,3.38rem)}.modal__close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:.875rem;right:.875rem;cursor:pointer;width:1.5rem;height:1.5rem;padding:0;border:none;background-color:rgba(0,0,0,0);color:var(--c-neutral-0)}.modal__close-btn>*{pointer-events:none}.modal__close-btn:hover svg,.modal__close-btn:focus-visible svg{transform:rotate(180deg);translate:0 2px}.modal__close-btn__icon{width:100%;height:100%;transition:transform .3s ease,translate .3s ease}.modal__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:clamp(1.5rem,1.99vw + 1.05rem,2.75rem);gap:1rem}.modal__content{flex-grow:1;width:calc(100% - 14px);padding-right:clamp(0.75rem,2.79vw + 0.12rem,2.5rem);overflow:auto scroll}.modal table tr:hover th,.modal table tr:hover td,.modal table tr:focus-visible th,.modal table tr:focus-visible td{background-color:#1c1a1f}.modal table th,.modal table td{min-width:calc(50vw - clamp(1.5rem,1.99vw + 1.05rem,2.75rem) - 1.0625rem);background-color:var(--c-neutral-700)}@media only screen and (min-width: 600px){.modal table th,.modal table td{min-width:calc(33vw - clamp(1.5rem,1.99vw + 1.05rem,2.75rem)/3 - 1.25rem)}}@media only screen and (min-width: 768px){.modal table th,.modal table td{min-width:calc(25vw - clamp(1.5rem,1.99vw + 1.05rem,2.75rem)/4 - 1.125rem)}}@media only screen and (min-width: 1024px){.modal table th,.modal table td{min-width:auto}}.modal .l-table-navigation{position:sticky;bottom:-1px;z-index:10;border-top:1px solid var(--c-neutral-600);background-color:var(--c-neutral-700);padding-block:.75rem}body:has(.l-dialog[open]){overflow:hidden}
