.sizechart-popuplink, .szchart-button, .szchart-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

#sizechart-widget-div svg {
    width: 20px;
    height: 20px;
}

.sizechart-tabset > input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.sizechart-tabset .sizechart-tab-panel {
    display: none;
}

.sizechart-tabset > input:first-child:checked ~ .sizechart-tab-panels > .sizechart-tab-panel:first-child,
.sizechart-tabset > input:nth-child(3):checked ~ .sizechart-tab-panels > .sizechart-tab-panel:nth-child(2) {
    display: block;
}

/* font-weight: 600;
font-size: 15px;
background: #efefef;
color: #7f7f7f; */
.sizechart-tabset > label {
    position: relative;
    display: inline-block;
    padding: 10px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
}

.sizechart-tabset > input:focus-visible + label {
    outline: 2px solid rgba(0,102,204,1);
    border-radius: 3px;
}

.sizechart-table-section{
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

/*table-layout: fixed;*/
table.szchart-table {
    display: table;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

table.szchart-table td, table.szchart-table th {
    padding: 12px;
}

table.szchart-table tr {
    font-size: 15px;
    line-height: 1.25rem;
}

/*table.szchart-table tr:first-child {
    font-weight: 600;
    text-transform: uppercase;
}*/

/* max-width: 44rem; */
#sizechart-main-div{
    margin: 15px 0;
}

.szchart-title {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 600;
}

#sizechart-fullpage-cont {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
}

#sizechart-popupModel {
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 25px;
}

.sizechart-popup-details {
    max-width: 600px;
    margin: 50px auto;
    background-color: #FFF;
    border-radius: 4px;
}

.interface-interface-skeleton__sidebar, .interface-interface-skeleton__header {
    z-index: 8 !important;
}

.sizechart-popup-head{
    display: flex; 
    justify-content: flex-end; 
    padding: 4px;
}

.btnclose{
    color: #9CA3AF; 
    background: transparent; 
    font-size: 20px; 
    border: none; 
    border-radius: 9999px;
}

.btnclose:hover{
    color: #111827;
    background: #E5E7EB;
}

#sizechart-popup-cont{
    padding: 15px 25px;
    color: #000;
}

/* .sizechart-tabset > input:checked + label {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

.sizechart-tab-panels {
    background: #ffffff;
    color: #000;
    padding: 18px;
    border: 1px solid #ccc;
}

.sizechart-tabset > label:hover{
    background: #e5e5e5;
    color: #555;
}

.sizechart-tabset > input:focus + label,
.sizechart-tabset > input:checked + label {
    color: #000;
    background: #ffffff;
} */