table-flow .table-container {
    display: flex;
    flex-direction: column;
}
table-flow .tableFlowContainer div+div {
    margin-top: initial;
}
table-flow .tfv1-tr {
    display: flex;
    flex-direction: row;
}
table-flow .tfv1-label,
table-flow .tfv1-value {
    display: grid;
    align-items: center;
}
table-flow .tfv1-value .tfv1-data {
    display: block;
}
table-flow .tfv1-table {
    width: 100%;
}
@media screen and (min-width: 768px) {
    table-flow.tfv1-split-view .tfv1-table {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2em;
    }
    table-flow.tfv1-split-view .tfv1-table .tfv1-tr {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: calc(50% - 1em);
    }
}
table-flow .tfv1-table ul {
    display: inline-block;
    list-style: none !important;
    padding: 0 !important;
    margin: 0;
}
table-flow .tfv1-table ul li {
    display: inline-block;
}
table-flow .tfv1-table ul li:not(:last-child):after {
    content: ", ";
}
table-flow .tfv1-table span.metafield-multi_line_text_field ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0;
}
table-flow .tfv1-table span.metafield-multi_line_text_field ul li {
    display: revert;
}
table-flow .tfv1-table span.metafield-multi_line_text_field ul li:not(:last-child):after {
    content: revert;
}
#tfv1-placement-guide {
    background-color: blue;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
    z-index: 100;
}
textarea#tfv1-placement-id {
    background: revert;
    padding: revert;
    border-radius: revert;
    font: revert;
    min-height: revert;
    border: revert;
    height: 35px;
}
select.tfv1-exclude-from-placement {
    font: revert;
    border: revert;
    background-color: revert;
}
button.tfv1-exclude-from-placement {
    border: revert;
    font: revert;
}
label.tfv1-exclude-from-placement {
    font: revert;
    text-transform: none;
    color: black;
    letter-spacing: revert;
    margin-bottom: 0;
    line-height: normal;
}
img.tfv1-exclude-from-placement {
    max-width: revert;
}
.tfv1-placement-outline {
    outline: 4px dashed blue;
    cursor: pointer;
}
.tfv1-placement-selected {
    outline: 4px solid blue;
    cursor: pointer;
}
.tfv1-location-picker-form {
    height: 90px;
    padding: 10px 0 10px 0;
    background-color: #edeeef;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    border-bottom: 2px solid blue;
    font: revert;
}
textarea#tfv1-placement-id {
    width: 500px;
}
.tfv1-location-picker-body-spacer {
    margin-top: 90px;
}
/**
 * Starting of multi-column layout
 */
table-flow table {
    width: 100%;
}
table-flow table ul {
    display: inline-block;
    list-style: none !important;
    padding: 0 !important;
    margin: 0;
}
table-flow table ul li {
    display: inline-block;
}
table-flow table ul li:not(:last-child):after {
    content: ", ";
}
table-flow table span.metafield-multi_line_text_field ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0;
}
table-flow table span.metafield-multi_line_text_field ul li {
    display: revert;
}
table-flow table span.metafield-multi_line_text_field ul li:not(:last-child):after {
    content: revert;
}
table-flow table,
table-flow thead,
table-flow tbody,
table-flow tfoot,
table-flow tr,
table-flow th,
table-flow td {
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: inherit;
    border-spacing: 0;
    border-color: inherit;
}
/*! Hint.css - v2.7.0 - 2021-10-01
* https://kushagra.dev/lab/hint/
* Copyright (c) 2021 Kushagra Gour */
[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.hint--no-shadow:after,.hint--no-shadow:before{text-shadow:initial;box-shadow:initial}.hint--no-arrow:before{display:none}

[class*=hint--][aria-label]:after {
    text-align: initial;
}
.hint--medium:after {
    width: 200px;
}
.tfv1-data .tooltip-box {
    line-height: 0;
}
.tfv1-data .tooltip {
    all: revert-layer;
}
/**
 * Expandable table
 */
.tableFlowContainer-close .tableFlowContainer {
    overflow: hidden;
    mask-image: linear-gradient(180deg, #000 60%, transparent);
    -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
}
a.tableFlowViewAll {
    padding: 4px 8px 4px 8px;
    text-decoration: none;
    border-radius: 3px;
}
a.tableFlowViewAll--transparent-light {
    border: thin solid #f1f1f1;
    background-color: transparent;
    color: #ffffff !important;
}
a.tableFlowViewAll--transparent-dark:hover,
a.tableFlowViewAll--transparent-light:hover {
    background-color: transparent;
}
a.tableFlowViewAll--transparent-dark {
    border: thin solid #cfcfcf;
    background-color: transparent;
    color: #121212 !important;
}
a.tableFlowViewAll--light {
    border: thin solid #cfcfcf;
    background-color: white;
    color: #121212 !important;
}
a.tableFlowViewAll--light:hover {
    background-color: #ececec;
}
a.tableFlowViewAll--dark {
    border: thin solid #121212;
    background-color: #121212;
    color: white !important;
}
a.tableFlowViewAll--dark:hover {
    background-color: #464646;
    color: white !important;
}
.tfv1-hidden-table {
    display: none;
}
.tfv1-metafield-color-2,
.tfv1-metafield-color-3 {
    display: flex;
    align-items: center;
}
.tfv1-metafield-color-2 .tfv1-color-icon-format {
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}
.tfv1-metafield-color-3 .tfv1-color-icon-format {
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 5px;
}
/**
 * Liquid tabs
 */
.tfv1-tab-button:hover { background-color: #eee; }
.tfv1-tab-active:hover { background-color: white; }
.tfv1-tab-button { display: inline-block; padding: 10px; border: 1px solid #ccc; border-bottom: none; cursor: pointer; }
.tfv1-tab-content-1, .tfv1-tab-content-2, .tfv1-tab-content-3 { width: 100%; border: 1px solid #ccc; }
.tfv1-tab-active { border-bottom: 1px solid white; margin-bottom: -1px; }

@media screen and (max-width: 600px) {
    .mcTableFlowBlockApp table[data-card-view="1"] tr {
        display: block;
    }
    .mcTableFlowBlockApp table[data-card-view="1"] td {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .mcTableFlowBlockApp table[data-card-view="1"] td[data-label]::before {
        content: attr(data-label);
        width: 40%;
    }
    .mcTableFlowBlockApp table[data-card-view="1"] tr[data-type="label"] {
        display: none;
    }
}
/**
 * Collapsible table title
 */
.tfv1-accordion input[type="checkbox"] {
    display: none;
}
.tfv1-accordion input[type="checkbox"]:checked~div.table-container {
    display: block;
}
.tfv1-accordion div.table-container {
    display: none;
}
.tfv1-accordion div.table-title label {
    cursor: pointer;
}
.tfv1-accordion {
    border-top: thin solid var(--tvf1-accordion-border-color);
    border-bottom: thin solid var(--tvf1-accordion-border-color);
}
.tfv1-accordion+.tfv1-accordion {
    border-top: none;
}
.tfv1-accordion .table-title label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tfv1-acc-open-ele,
.tfv1-acc-close-ele {
    display: none;
}
.tfv1-accordion .table-title label .tfv1-acc-close-ele {
    width: 18px;
    height: 24px; /* height is the view box height so that it is vertically centered */
    color: var(--tvf1-accordion-icon-color);
    display: inline-block;
}
.tfv1-accordion>input[type="checkbox"]:checked~.table-title label .tfv1-acc-open-ele {
    width: 18px;
    height: 24px;
    color: var(--tvf1-accordion-icon-color);
    display: inline-block;
}

.tfv1-accordion>input[type="checkbox"]:checked~.table-title label .tfv1-acc-close-ele {
    display: none;
}
/**
 * Theme overrides
 */
table-flow td.label {
    display: revert;
}
/**
 * Tab
 */
.tfv1-tab-content-1, .tfv1-tab-content-2, .tfv1-tab-content-3 { padding: var(--tfv1-tab-content-pad); }
.tfv1-tab-button { font-size: var(--tfv1-tab-btn-font-size); font-weight: var(--tfv1-tab-btn-font-weight);}

table-flow .tfv1-tr {
    margin-block-start: 0 !important;
}

.tfv1-data .metafield-rich_text_field,
.tfv1-data .metafield-multi_line_text_field {
    white-space: initial;
}

.tfv1-data .metafield-rich_text_field p:last-of-type {
    margin-bottom: 0;
}

.tfv1-data .metafield-file_reference img,
.tfv1-data img.metafield-file_reference {
    width: 100%;
}

/* Ensure hidden elements stay hidden */
.tfv1-comma > [style*="display:none"] {
  display: none !important;
}

.tfv1-data .metafield-file_reference img,
.tfv1-data img.metafield-file_reference {
    width: 100%;
}

.tfv1-comma > * {
    display: inline-block;
}

.tfv1-comma > *::after {
    content: var(--comma, '');
}

.tfv1-comma > .variant-placeholder:empty {
    display: none !important;
}
/**
 * Metafield list style
 */
.tfv1-metafield-list span {
    display: block;
}

/**
 * Dash style
 */
.tfv1-dash-list .tfv1-metafield-item:has(.tfv1-metafield-list:nth-of-type(2))
.tfv1-metafield-list:first-of-type::after,
.tfv1-dash-list .tfv1-metafield-item:has(.tfv1-metafield-list:nth-of-type(3))
.tfv1-metafield-list:nth-of-type(2)::after,
.tfv1-dash-list .tfv1-metafield-item:has(.tfv1-metafield-list:nth-of-type(4))
.tfv1-metafield-list:nth-of-type(3)::after,
.tfv1-dash-list .tfv1-metafield-item:has(.tfv1-metafield-list:nth-of-type(5))
.tfv1-metafield-list:nth-of-type(4)::after,
.tfv1-dash-list .tfv1-metafield-item:has(.tfv1-metafield-list:nth-of-type(6))
.tfv1-metafield-list:nth-of-type(5)::after,
.tfv1-dash-list .tfv1-metafield-item:has(.tfv1-metafield-list:nth-of-type(7))
.tfv1-metafield-list:nth-of-type(6)::after,
.tfv1-dash-list .tfv1-metafield-item:has(.tfv1-metafield-list:nth-of-type(8))
.tfv1-metafield-list:nth-of-type(7)::after,
.tfv1-dash-list .tfv1-metafield-item:has(.tfv1-metafield-list:nth-of-type(9))
.tfv1-metafield-list:nth-of-type(8)::after,
.tfv1-dash-list .tfv1-metafield-item:has(.tfv1-metafield-list:nth-of-type(10))
.tfv1-metafield-list:nth-of-type(9)::after,
.tfv1-dash-list .tfv1-metafield-item:has(.tfv1-metafield-list:nth-of-type(11))
.tfv1-metafield-list:nth-of-type(10)::after
{
    content: " - ";
    white-space: pre;
}

.tfv1-dash-list .tfv1-metafield-list {
	display: inline-block;
}
