div.mg2022sizechart_btn_popup {    font: bold normal 18px 'Open Sans', Arial, sans-serif;    margin: 2px 0 0;    clear: both;    display: inline-flex;    height: 45px;    position: fixed;    z-index: 999998;    padding: 3px 1em;    cursor: pointer;    line-height: 40px;    border-radius: 4px;    align-items: center;    justify-content: center;    flex-wrap: nowrap;}
div.mg2022sizechart_text_icon {    vertical-align: middle;    display: inline-block;}.mg2022sizechart_call_popup {	background-color: var(--ltblue);	color: #000;	border: 1px solid #ccc;	transition: all 0.3s ease;}.mg2022sizechart_call_popup:hover {    background-color: var(--blue);	color: #fff;}
div.mg2022sizechart_price_btn_popup {    font: bold normal 18px 'Open Sans', Arial, sans-serif;    margin: 10px 0;    clear: both;    display: inline-flex;    height: 45px;    z-index: 9;    padding: 3px 1em;    cursor: pointer;    line-height: 40px;    border-radius: 4px;    align-items: center;    justify-content: center;    flex-wrap: nowrap;}
div.mg2022sizechart_btn_span .dashicons {    width: 30px;    height: 30px;	font-size: 30px;	margin-right: 0.12em;} .mg2022sizechart_modal {    display: none; position: fixed; z-index: 999999; left: 0;    top: 0;    width: 100%; height: 100%; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .mg2022sizechart_modal_content {    background-color: #fff;    margin: 0;    position: absolute;    top: 50%;    left: 50%;    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    padding: 8px;    border: 1px solid #888;    width: 60%;    max-height: 80%;    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);    -webkit-animation-name: animatetop;    -webkit-animation-duration: 0.4s;    animation-name: animatetop;    animation-duration: 0.4s;    overflow: auto;    border-radius: 7px;}
@-webkit-keyframes animatetop {    from {        top: 1000px;        opacity: 0    }    to {        top: 50%;        opacity: 1    }}
@keyframes animatetop {    from {        top: 1000px;        opacity: 0    }    to {        top: 50%;        opacity: 1    }}
.mg2022sizechart_scroll_content {    width: 100%;    height: 90%;} .mg2022sizechart_modal_close {    position: absolute;    right: 10px;    top: 2px;    color: #aaaaaa;    line-height: 28px;    font-size: 28px;    font-weight: bold;    cursor: pointer;}
.mg2022sizechart_modal_close:hover,.mg2022sizechart_modal_close:focus {    color: #000;    text-decoration: none;    cursor: pointer;}
@media only screen and (max-width: 768px) and (min-width: 320px) {    .mg2022sizechart_modal {        padding-top: 0px;        z-index: 999999;    }    .mg2022sizechart_modal_content {        width: 100%;        max-height: 100%;    }    .mg2022sizechart_show_pop_up {        line-height: normal;        padding: 5px;        opacity: 0.5;    }}
@media only screen and (max-width: 319px) {    .mg2022sizechart_show_pop_up {        opacity: 0.5;    }
.mg2022sizechart_modal {        padding-top: 0px;        z-index: 999999;    }
.mg2022sizechart_modal_content {        width: 100%;        max-height: 100%;    }
.mg2022sizechart_show_pop_up {        line-height: normal;        padding: 5px;        opacity: 0.5;    }}