:root,:host {
    --spacing: .25rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --font-weight-medium: 500;
    --gbizinfo-line-height: 1.5;
}

button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
}

.sr-only {
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}

.fixed {
    position: fixed;
}

.relative {
    position: relative;
}

.w-full {
    width: 100%;
}

.max-w-\[1320px\] {
    max-width: 1320px;
}

.max-w-\[1100px\] {
    max-width: 1100px;
}

.min-w-\[700px\] {
    min-width: 700px;
}

.min-w-\[200px\] {
    min-width: 200px;
}

.min-w-\[160px\] {
    min-width: 160px;
}

.min-w-\[112px\] {
    min-width: 112px;
}

.min-w-\[100px\] {
    min-width: 100px;
}

.min-w-\[20px\] {
    min-width: 20px;
}

.mx-auto {
    margin-inline:auto;
}

.-ml-4 {
    margin-left: calc(var(--spacing)*-4);
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.shrink-0 {
    flex-shrink: 0;
}

.grow-0 {
    flex-grow: 0;
}

.basis-full {
    flex-basis: 100%;
}

.px-3 {
    padding-inline: calc(var(--spacing)*3);
}

.py-4 {
    padding-block: calc(var(--spacing)*4);
}

.pt-4 {
    padding-top: calc(var(--spacing)*4);
}

.pb-6 {
    padding-bottom: calc(var(--spacing)*6);
}

.pl-4 {
    padding-left: calc(var(--spacing)*4);
}

.focus-visible\: ring-\[3px\]:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
}

.md\:py-8 {
    padding-block:calc(var(--spacing)*8);
}

.md\:flex-row {
    flex-direction: row;
}

.md\:items-start {
    align-items: flex-start;
}

.md\:gap-x-8 {
    -moz-column-gap: calc(var(--spacing)*8);
    column-gap: calc(var(--spacing)*8);
}

.breadcrumb-margin {
    margin: -30px;
}

.\[\&_svg\]\: pointer-events-none svg {
    pointer-events:none;
}

.\[\&_svg\]\: shrink-0 svg {
    flex-shrink:0;
}

.text-align-center {
    text-align: center;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.vertical-align-top {
    vertical-align: top;
}

.toggle-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border: 1.5px solid #666;
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    user-select: none;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.2s, color 0.2s;
}

.toggle-btn:hover {
    background-color: #e0e0e0;
    color: #000;
}

.arrow {
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing)*2);
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    font-weight: var(--font-weight-medium);
    outline-style: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    width: calc(var(--spacing)*8);
    height: calc(var(--spacing)*8);
    border-radius: 3.40282e38px;
    top: 50%;
    z-index: 50;
    --tw-translate-y: -50% ;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    cursor: pointer;
}

.arrow-left {
    left: clamp(16px, 50% - 676px, 200px);
    content: url(../images/slider-arrow_left.svg);
}

.arrow-right {
    right: clamp(16px, 50% - 676px, 200px);
    content: url(../images/slider-arrow_right.svg);
}

.slick-prev.slick-disabled, .slick-next.slick-disabled {
    pointer-events:none;
    opacity: .5;
}

.dashboardH1 {
    letter-spacing:.01em;
    font-size:2.25rem;
    line-height:1.4;
    font-weight:var(--gbizinfo-font-bold);
    margin-bottom:.5em;
}

@media screen and (width<=768px) {
    .dashboardH1 {
        font-size:1.5rem;
    }
}

.dashboardH2 {
    font-size: 32px;
    font-weight: 700;
}

.dashboard-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}

.caption {
    caption-side: top;
    text-align: left;
    margin-bottom: 10px;
    color:#000;
}

.dashboard-thead {
    border: 1px solid #ccc;
    text-align: center;
}

.dashboard-th {
    border: 1px solid #ccc;
    padding: 8px;
    font-weight: 400;
}

.header-color {
    background-color: #f8f8fb;
}

.dashboard-td {
    border: 1px solid #ccc;
    padding: 8px;
}

.child-row-padding {
    padding-left: 1.5em;
}

.text-align-sum {
    text-align: start;
}

.notes {
    font-size: 14px;
    margin-top: 24px;
}

.dashboard_slider {
    overflow: hidden;
}

.dashboard_slider .slide {
    flex-shrink: 0;
    width: 100%;
    overflow-x: auto; 
}
.dashboard_slider .table {
    margin-bottom: 0;
}

@property --tw-ring-color {
    syntax:"*";
    inherits:false;
}

@property --tw-ring-offset-width {
    syntax:"<length>";
    inherits:false;
    initial-value:0;
}

@property --tw-ring-inset {
    syntax:"*";
    inherits:false;
}

@property --tw-ring-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000;
}

@property --tw-ring-offset-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000;
}

@property --tw-inset-ring-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000;
}

@property --tw-inset-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000;
}

@property --tw-border-style {
    syntax:"*";
    inherits:false;
    initial-value:solid;
}

@property --tw-shadow-color {
    syntax:"*";
    inherits:false;
}

@property --tw-translate-x {
    syntax:"*";
    inherits:false;
    initial-value:0;
}

@property --tw-leading {
    syntax:"*";
    inherits:false;
}

@media (max-width: 768px) {
    .dashboard-th.min-w-\[200px\] {
        min-width: auto;
    }
    .dashboard-th.min-w-\[100px\] {
        min-width: auto;
    }
}