{
  "action": "Product-SizeChart",
  "queryString": "cid=STUDIO%20Size%20Guide",
  "locale": "default",
  "success": true,
  "content": "<style>\r\n        .psSizeChart h2 {\r\n            width: 100%;\r\n            font-size: 24px;\r\n            line-height: 28px;\r\n            padding-right: 70px;\r\n        }\r\n\r\n        .psSizeChart img {\r\n            padding: 28px 0px;\r\n            height: auto;\r\n            width: 100%;\r\n        }\r\n\r\n        .psSizeChart h6 {\r\n            padding-bottom: 18px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .psSizeChart h4 {\r\n            font-size: 16px;\r\n            line-height: 22px;\r\n            margin: 0;\r\n            padding-top: 12px;\r\n        }\r\n\r\n        tbody tr:nth-of-type(odd) {\r\n            background-color: #FFFFFF !important;\r\n        }\r\n\r\n        tbody tr:nth-of-type(even) {\r\n            background-color: #F6F5F3 !important;\r\n        }\r\n\r\n        .size-table.sm {\r\n            display: none;\r\n        }\r\n\r\n        .sub-heading {\r\n            margin: 28px 0px;\r\n        }\r\n        .womens, .kids{display: none;}\r\n        .fs-mobile-small a {\r\n            color: #646464;\r\n            text-decoration: underline;\r\n        }\r\n\r\n        #sizeChartModal .modal-header {\r\n            min-height: 44px;\r\n        }\r\n\r\n.modal-backdrop {\r\nz-index: 1040 !important;\r\n}\r\n\r\n        @media (min-width:922px) {\r\n            .psSizeChart .table th {\r\n                font-size: 14px !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width:992px) {\r\n            .psSizeChart h4 {\r\n                font-size: 12px;\r\n            }\r\n  #sizeChartModal .modal-header {\r\n            margin-bottom:14px;\r\n        }\r\n        }\r\n    </style>\r\n\r\n<div class=\"psSizeChart\">\r\n        <h2 pb-2>Studio by Supervsn</h2>\r\n        <br>\r\n            <!--\r\n        <div class=\"unit-type-switcher\">\r\n            <span data-unit-type=\"mens\">MENS</span>\r\n            <span data-unit-type=\"womens\">WOMENS</span>\r\n            <span data-unit-type=\"kids\">KIDS</span>\r\n        </div>\r\n-->\r\n<!--Mens Start-->\r\n        <div class=\"size-table mens\" data-units=\"mens\">\r\n<!--\r\n            <p class=\"sub-heading\">\r\n                These items are oversized so we recommend sizing down for a true to size fit. \r\n            </p>\r\n            -->\r\n            <h6>TOPS</h6>\r\n            <table class=\"table text-center table-striped table-bordered \">\r\n                <thead>\r\n                    <tr>\r\n                        <th scope=\"col\" style=\"width: calc(100%/4);\">Size</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/4);\">BODY LENGTH</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/4);\">SLEEVE</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/4);\">CHEST</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>S</td>\r\n                        <td>26\"</td>\r\n                        <td>19.75\"</td>\r\n                        <td>50\"</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>M</td>\r\n                        <td>27\"</td>\r\n                        <td>20.75\"</td>\r\n                        <td>52\"</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>L</td>\r\n                        <td>28\"</td>\r\n                        <td>21.75\"</td>\r\n                        <td>54\"</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>XL</td>\r\n                        <td>29\"</td>\r\n                        <td>22.75\"</td>\r\n                        <td>56\"</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>XXL</td>\r\n                        <td>30\"</td>\r\n                        <td>23.75\"</td>\r\n                        <td>58\"</td>\r\n                    </tr>\r\n\r\n                </tbody>\r\n            </table>\r\n\r\n            <h6 class=\"pt-4\">BOTTOMS</h6>\r\n            <table class=\"table text-center table-striped table-bordered \">\r\n                <thead>\r\n                    <tr>\r\n                        <th scope=\"col\" style=\"width: calc(100%/4);\">Size</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/4);\">INSEAM</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/4);\">RISE </th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/4);\">WAIST</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>S</td>\r\n                        <td>30\"</td>\r\n                        <td>10.5\"</td>\r\n                        <td>31.25\"</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>M</td>\r\n                        <td>30.5\"</td>\r\n                        <td>11\"</td>\r\n                        <td>32\"</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>L</td>\r\n                        <td>31.25\"</td>\r\n                        <td>11.5\"</td>\r\n                        <td>33\"</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>XL</td>\r\n                        <td>32\"</td>\r\n                        <td>11.5\"</td>\r\n                        <td>34\"</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>XXL</td>\r\n                        <td>32.5\"</td>\r\n                        <td>12.5\"</td>\r\n                        <td>35\"</td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n\r\n        </div>\r\n<!--Mens End-->\r\n\r\n\r\n\r\n\r\n\r\n</div>\r\n\r\n    <script>\r\n        $(document).ready($('.unit-type-switcher span:first-child').addClass('active'));\r\n        $('.unit-type-switcher span').click(function () {\r\n            if ($(this).hasClass('active') == false) {\r\n\r\n                //hide active element\r\n                var currentlyActiveAttrValue = $('.unit-type-switcher span.active').removeClass('active').attr('data-unit-type');\r\n                $('.psSizeChart .' + currentlyActiveAttrValue).hide();\r\n\r\n                //show inactive element\r\n                $(this).addClass('active');\r\n                var currentlyInactiveAttrValue = $(this).attr('data-unit-type');\r\n                $('.psSizeChart .' + currentlyInactiveAttrValue).fadeTo(1100, 2);\r\n            }\r\n        });\r\n\r\n      $( document).ready(function() {\r\n       if (document.location.href.indexOf('kids') != -1) {\r\n          $(\"#sizeChartModal > div > div > div.modal-body.p-0 > div > div.unit-type-switcher > span:nth-child(3)\").click();\r\n        }\r\n      });\r\n\r\n      $( document).ready(function() {\r\n       if (document.location.href.indexOf('womens') != -1) {\r\n          $(\"#sizeChartModal > div > div > div.modal-body.p-0 > div > div.unit-type-switcher > span:nth-child(2)\").click();\r\n        }\r\n      });\r\n\r\n\r\n    </script>"
}