{
  "action": "Product-SizeChart",
  "queryString": "cid=sizechart-unisex",
  "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: 8px;\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        .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>Unisex Size Guide</h2>\r\n        <div class=\"unit-type-switcher\">\r\n            <span data-unit-type=\"in\">US</span>\r\n            <span data-unit-type=\"sm\">International</span>\r\n        </div>\r\n        <img src=\"https://www.pacsun.com/on/demandware.static/-/Sites-pacsun-Library/default/dw83a1db3c/Size Guide/SG Unisex.png\" alt=\"\">\r\n\r\n        <p class=\"sub-heading mb-4\">\r\n            This item is offered in men’s sizes. For women who prefer an oversized fit, order your normal size. For a\r\n            regular fit, the conversion is one size smaller. For example, a woman who is a size medium should order a\r\n            size small in men’s.\r\n        </p>\r\n        <h6 class=\"pt-1 pb-3\">TOPS</h6>\r\n        <div class=\"size-table in\" data-units=\"in\">\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%/3);\">Men’s</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/3);\">Women’s</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>XXS</td>\r\n                        <td>XS</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>XS</td>\r\n                        <td>S</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>S</td>\r\n                        <td>M</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>M</td>\r\n                        <td>L</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>L</td>\r\n                        <td>XL</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>XL</td>\r\n                        <td>2X</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>2X</td>\r\n                        <td>3X</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>3X</td>\r\n                        <td>4X</td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n        <div class=\"size-table sm\" data-units=\"sm\">\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%/3);\">Men’s</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/3);\">Women’s</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>XS</td>\r\n                        <td>S</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>S</td>\r\n                        <td>M</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>M</td>\r\n                        <td>L</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>L</td>\r\n                        <td>XL</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>XL</td>\r\n                        <td>2X</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>2X</td>\r\n                        <td>3X</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>3X</td>\r\n                        <td>4X</td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n        <h6 class=\"pt-4 pb-3\">Bottoms</h6>\r\n        <div class=\"size-table in\" data-units=\"in\">\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%/3);\">Men’s</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/3);\">Women’s</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>XXS</td>\r\n                        <td>XS</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>XS</td>\r\n                        <td>S</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>S</td>\r\n                        <td>M</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>M</td>\r\n                        <td>L</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>L</td>\r\n                        <td>XL</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>XL</td>\r\n                        <td>2X</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>2X</td>\r\n                        <td>3X</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>3X</td>\r\n                        <td>4X</td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n        <div class=\"size-table sm\" data-units=\"sm\">\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%/3);\">Men’s</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/3);\">Women’s</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>XS</td>\r\n                        <td>S</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>S</td>\r\n                        <td>M</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>M</td>\r\n                        <td>L</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>L</td>\r\n                        <td>XL</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>XL</td>\r\n                        <td>2X</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>2X</td>\r\n                        <td>3X</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>3X</td>\r\n                        <td>4X</td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n        <h6 class=\"pt-4 pb-3\">SHOES</h6>\r\n        <div class=\"size-table in\" data-units=\"in\">\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%/3);\">Men’s</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/3);\">Women’s</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>5</td>\r\n                        <td>6.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>5.5</td>\r\n                        <td>7</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>6</td>\r\n                        <td>7.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>6.5</td>\r\n                        <td>8</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>7</td>\r\n                        <td>8.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>7.5</td>\r\n                        <td>9</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>8</td>\r\n                        <td>9.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>8.5</td>\r\n                        <td>10</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>9</td>\r\n                        <td>10.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>9.5</td>\r\n                        <td>11</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>10</td>\r\n                        <td>11.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>10.5</td>\r\n                        <td>12</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>11</td>\r\n                        <td>12.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>11.5</td>\r\n                        <td>13</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>12</td>\r\n                        <td>13.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>12.5</td>\r\n                        <td>14</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>13</td>\r\n                        <td>14.5</td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n        <div class=\"size-table sm\" data-units=\"sm\">\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%/3);\">US</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/3);\">European</th>\r\n                        <th scope=\"col\" style=\"width: calc(100%/3);\">UK</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>5</td>\r\n                        <td>35</td>\r\n                        <td>2.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>6</td>\r\n                        <td>36 </td>\r\n                        <td>3.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>7</td>\r\n                        <td>37.5</td>\r\n                        <td>4.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>8</td>\r\n                        <td>38.5</td>\r\n                        <td>5.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>8.5</td>\r\n                        <td>39 </td>\r\n                        <td>6</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>9</td>\r\n                        <td>39.5</td>\r\n                        <td>6.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>9.5</td>\r\n                        <td>40</td>\r\n                        <td>7</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>10</td>\r\n                        <td>41</td>\r\n                        <td>7.5</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>19.5</td>\r\n                        <td>42</td>\r\n                        <td>8</td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n        <h4 class=\"pb-2\">Find Your Fit Risk-Free At Home </h4>\r\n        <div>\r\n            <p class=\"fs-mobile-small\">Free shipping & in-store returns on all jeans, sneakers, & swim. Need more help?\r\n                Contact our customer\r\n                service team <a href=\"https://www.pacsun.com/contact-us\">here</a>.\r\n            </p>\r\n        </div>\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    </script>"
}