.dg-size-chart .sc-modal{display:none;position:fixed;z-index:2000;padding-top:5%;left:0;top:0;width:100%;height:100%;overflow:auto;opacity:1;background-color:rgba(0,0,0,.4)}.dg-size-chart .modal-content{position:relative;background-color:var(--sizeChartBg);color:var(--sizeChartColor);margin:auto;padding:0;border:1px solid #333;max-width:700px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:dgscanimatetop;-webkit-animation-duration:0.4s;animation-name:dgscanimatetop;animation-duration:0.4s}@-webkit-keyframes dgscanimatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes dgscanimatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.dg-sc-btn{display:inline-block;overflow:hidden;margin:10px 0 0 0;color:#222}.dg-sc-btn svg{width:23px;height:23px;margin-right:7px}#scBtn,#scBtn:hover,#scBtn:focus{display:flex;cursor:pointer;background:none;box-shadow:none;border:none;padding:0;margin:0;line-height:21px;outline-style:none;text-decoration:underline}.dg-size-chart .sc-close,.dg-size-chart .sc-close:hover{color:var(--sizeChartTitleColor);float:right;font-size:28px;font-weight:700;cursor:pointer}.dg-size-chart .modal-header{padding:2px 16px;line-height:45px;text-align:center;font-size:21px;text-transform:uppercase;background-color:var(--sizeChartTitleBg);color:var(--sizeChartTitleColor)}.dg-size-chart .modal-body{padding:2px 16px}.dg-size-chart .modal-footer{padding:2px 16px;background-color:#5cb85c;color:#fff}