.size-guide-popup{display:none}.size-guide-popup--is-open{display:block}.size-guide-popup__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal)}.size-guide-popup[aria-hidden=false] .size-guide-popup__overlay{animation:size-guide-fade-in .3s cubic-bezier(0,0,.2,1)}.size-guide-popup[aria-hidden=true] .size-guide-popup__overlay{animation:size-guide-fade-out .3s cubic-bezier(0,0,.2,1)}.size-guide-popup__container{display:flex;flex-direction:column;background-color:var(--color-brand-background);position:relative;width:calc(100% - var(--element-spacing)*2);max-width:43.75rem;max-height:calc(100vh - var(--element-spacing)*2);margin:0 var(--element-spacing)}@media screen and (min-width:768px){.size-guide-popup__container{width:43.75rem;max-height:calc(100vh - var(--element-spacing)*4)}}.size-guide-popup[aria-hidden=false] .size-guide-popup__container{animation:size-guide-fade-in .3s cubic-bezier(0,0,.2,1)}.size-guide-popup[aria-hidden=true] .size-guide-popup__container{animation:size-guide-fade-out .3s cubic-bezier(0,0,.2,1)}.size-guide-popup__close-btn{position:relative;left:.25rem;top:-.25rem;padding:var(--element-spacing) var(--element-spacing) 0 0}.size-guide-popup__close-btn .icon{width:1.75rem;height:1.75rem;margin:0}.size-guide-popup__content{box-sizing:border-box;overflow:auto;padding:var(--element-spacing);padding-bottom:calc(60px + var(--element-spacing))}@media screen and (min-width:768px){.size-guide-popup__content{padding:var(--element-spacing) calc(var(--element-spacing)*2) calc(var(--element-spacing)*2)}}.size-guide-popup__content ol,.size-guide-popup__content ul{padding:0 1.25rem}.size-guide-popup__content ol li,.size-guide-popup__content ul li{margin:calc(var(--element-spacing)/2) 0}.size-guide-popup__heading{font-size:1.75rem;line-height:2rem}.size-guide-popup__heading--intro{margin-bottom:calc(var(--element-spacing)*1.5)}.size-guide-popup__intro{padding-bottom:calc(var(--element-spacing)*2)}.size-guide-popup__intro-image{max-height:7.5rem;margin-right:calc(var(--element-spacing)*2)}@media screen and (min-width:768px){.size-guide-popup__intro-image{max-height:10rem}}.size-guide-popup__intro select{font-size:1rem;background-color:var(--color-brand-background);border:.0625rem solid var(--color-border);color:var(--color-brand-darkgrey);padding:1rem 2.625rem 1rem 1.5rem;max-width:15rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.size-guide-popup__intro select+svg{pointer-events:none}.size-guide-popup__responsive-table{display:flex;flex-direction:row;align-items:flex-start;margin-right:calc(var(--element-spacing)*-1);margin-bottom:calc(var(--element-spacing)*2);width:100%;position:relative;overflow:hidden}.size-guide-popup__responsive-table-fixed{width:5.9375rem;padding-top:2.5rem}@media screen and (min-width:768px){.size-guide-popup__responsive-table-fixed{width:6.875rem}}.size-guide-popup__responsive-table-fixed .table-row:nth-child(odd){background-color:#f5f5f5}.size-guide-popup__responsive-table-fluid{flex-grow:1;overflow:auto;align-items:flex-start}.size-guide-popup__responsive-table-fluid .table-row:nth-child(2n){background-color:#f5f5f5}.size-guide-popup__table{display:inline-block;min-width:100%;text-align:left}.size-guide-popup__table .table-row{display:block;white-space:nowrap}.size-guide-popup__table .table-row.helper-cells{max-height:2.5rem}.size-guide-popup__table .table-row.helper-cells .table-td{padding:0}.size-guide-popup__table .table-row .table-td,.size-guide-popup__table .table-row .table-th{padding:.625rem 0;text-align:center;line-height:1.25rem;height:2.5rem;box-sizing:border-box;display:inline-block}.size-guide-popup__table .table-row .table-th{font-size:.8125rem;line-height:.9375rem;font-weight:700;padding:.9375rem .3125rem;height:3.75rem;vertical-align:top;text-transform:uppercase}@media screen and (min-width:768px){.size-guide-popup__table .table-row .table-th{font-size:.9375rem;line-height:1.0625rem;padding:.8125rem .3125rem}}.size-guide-popup__table--index{width:5.9375rem;position:relative;z-index:1;box-shadow:.625rem 0 .625rem var(--color-brand-shadow)}@media screen and (min-width:768px){.size-guide-popup__table--index{width:6.875rem}}.size-guide-popup__table--index .table-row .table-td,.size-guide-popup__table--index .table-row .table-th{display:block}.size-guide-popup__table--index .table-row .table-th{background-color:var(--color-brand-darkblue);color:var(--color-brand-background);height:3.75rem;white-space:normal}.size-guide-popup__table--data .table-row .table-td,.size-guide-popup__table--data .table-row .table-th{width:5.125rem;margin-left:.375rem}.size-guide-popup__table--data .table-row .table-td:first-child,.size-guide-popup__table--data .table-row .table-th:first-child{margin-left:.75rem}@media screen and (min-width:768px){.size-guide-popup__table--data .table-row .table-td:first-child,.size-guide-popup__table--data .table-row .table-th:first-child{margin-left:calc(var(--element-spacing)*2)}}@media screen and (min-width:768px){.size-guide-popup__table--data .table-row .table-td,.size-guide-popup__table--data .table-row .table-th{width:5.3125rem}}.size-guide-popup__table--data .table-row .table-th{white-space:normal;height:3.75rem}.size-guide-popup__switch{display:flex;position:relative;min-width:1.5625rem;height:1.25rem;width:auto;flex-direction:row;align-items:center;justify-content:center;margin-bottom:calc(var(--element-spacing)*2);cursor:pointer}.size-guide-popup__switch-field{display:inline-block;padding:0 var(--element-spacing)}.size-guide-popup__switch-indicator{position:relative;width:1.625rem;height:1rem}.size-guide-popup__switch-indicator:after,.size-guide-popup__switch-indicator:before{position:absolute;top:55%;left:50%;content:"";height:.4375rem;width:1.625rem;transform:translate(-50%,-50%);background-color:var(--color-brand-grey)}.size-guide-popup__switch-indicator:after{background-color:var(--color-brand-darkblue);height:1rem;width:1rem;left:-.3125rem;border-radius:.5rem;transform:translateY(-50%)}input:checked~.size-guide-popup__switch-indicator:after{right:-.3125rem;left:auto}.size-guide-popup__helper{position:absolute;top:50%;left:50%;line-height:1.375rem;width:18.4375rem;max-height:calc(100vh - 2.5rem);z-index:10;padding:var(--element-spacing);background:var(--color-brand-background);display:none;box-sizing:border-box;overflow:auto;box-shadow:0 .25rem 1.25rem var(--color-brand-shadow);transform:translate(-50%,-50%)}@media screen and (min-width:768px){.size-guide-popup__helper{max-height:calc(100vh - 7.5rem)}}.size-guide-popup--is-helper-popup-visible .size-guide-popup__helper{display:block}.size-guide-popup__helper-trigger{box-sizing:initial!important;display:inline-block;font-family:Helvetica,Verdana,Arial;font-size:.8125rem;line-height:1.3125rem;text-align:center;height:1.25rem;width:1.25rem;padding:.625rem;opacity:.3;position:relative;cursor:pointer}.size-guide-popup__helper-trigger:after{content:"";display:block;border:.125rem solid var(--color-brand-text);border-radius:50%;height:1rem;width:1rem;position:absolute;top:.625rem;left:.625rem}.size-guide-popup__helper-trigger:hover{opacity:1}.size-guide-popup__helper-title{color:inherit;font-family:inherit;font-size:1rem;line-height:1.375rem;margin-bottom:var(--element-spacing)}.size-guide-popup__helper-image{margin:var(--element-spacing) 0 0 0;max-width:100%;max-height:300px}@media screen and (min-width:768px){.size-guide-popup__helper-image{max-height:100%}}.size-guide-popup__helper-close{cursor:pointer;margin-top:var(--element-spacing);text-decoration:underline}.size-guide-popup__loader{width:5rem;height:5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:90;display:none}.size-guide-popup__loader:after{content:"";display:block;width:4rem;height:4rem;margin:calc(var(--element-spacing)/2);border-radius:50%;border-color:var(--color-brand-darkblue);border-left:.375rem solid transparent;border-bottom:.375rem solid var(--color-brand-darkblue);border-right:.375rem solid transparent;border-top:.375rem solid var(--color-brand-darkblue);animation:size-guide-loader 1.2s linear infinite}.size-guide-popup--is-loading .size-guide-popup__loader{display:block}.size-guide-popup--is-loading .size-guide-popup__content{opacity:0}@keyframes size-guide-fade-in{0%{opacity:0}to{opacity:1}}@keyframes size-guide-fade-out{0%{opacity:1}to{opacity:0}}@keyframes size-guide-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}