.size-guide-dropdown,.size-guide-popup{display:none}.size-guide-dropdown--is-open,.size-guide-popup--is-open{display:block}.size-guide-dropdown__overlay,.size-guide-popup__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal)}.size-guide-dropdown__overlay .size-guide-dropdown,.size-guide-popup[aria-hidden=false] .size-guide-dropdown__overlay,.size-guide-popup__overlay .size-guide-dropdown,.size-guide-popup[aria-hidden=false] .size-guide-popup__overlay{animation:size-guide-fade-in .3s cubic-bezier(0,0,.2,1)}.size-guide-dropdown__overlay .size-guide-dropdown,.size-guide-popup[aria-hidden=true] .size-guide-dropdown__overlay,.size-guide-popup__overlay .size-guide-dropdown,.size-guide-popup[aria-hidden=true] .size-guide-popup__overlay{animation:size-guide-fade-out .3s cubic-bezier(0,0,.2,1)}.size-guide-dropdown__container,.size-guide-popup__container{display:flex;flex-direction:column;background-color:var(--color-brand-background);position:relative;width:calc(100% - var(--element-spacing) * 2);height:calc(100% - var(--element-spacing) * 2);max-width:43.75rem;max-height:calc(100vh - var(--element-spacing) * 2);margin:var(--element-spacing)}@media screen and (min-width: 768px){.size-guide-dropdown__container,.size-guide-popup__container{flex-direction:row;max-width:70.625rem;max-height:46.25rem}}.size-guide-dropdown__container .size-guide-dropdown,.size-guide-popup[aria-hidden=false] .size-guide-dropdown__container,.size-guide-popup__container .size-guide-dropdown,.size-guide-popup[aria-hidden=false] .size-guide-popup__container{animation:size-guide-fade-in .3s cubic-bezier(0,0,.2,1)}.size-guide-dropdown__container .size-guide-dropdown,.size-guide-popup[aria-hidden=true] .size-guide-dropdown__container,.size-guide-popup__container .size-guide-dropdown,.size-guide-popup[aria-hidden=true] .size-guide-popup__container{animation:size-guide-fade-out .3s cubic-bezier(0,0,.2,1)}.size-guide-dropdown__close-btn,.size-guide-popup__close-btn{position:absolute;right:1.5rem;top:1.5rem;width:3rem;height:3rem;border:1px solid var(--color-black-10);box-sizing:border-box;border-radius:50%;z-index:1}.size-guide-dropdown__close-btn:hover,.size-guide-popup__close-btn:hover{background-color:var(--color-black)}.size-guide-dropdown__close-btn:hover .icon,.size-guide-popup__close-btn:hover .icon{color:var(--color-white)}.size-guide-dropdown__close-btn .icon,.size-guide-popup__close-btn .icon{width:.5625rem;height:.5625rem;margin:0;color:var(--color-black)}.size-guide-dropdown__image,.size-guide-popup__image{display:flex;background-color:var(--color-gray-5);align-items:center;justify-content:center;opacity:1;transition:opacity var(--duration-long) ease-in-out}@media screen and (min-width: 768px){.size-guide-dropdown__image,.size-guide-popup__image{flex-grow:1;flex-basis:0;max-width:100%}}.size-guide-dropdown__image .img.img--wrapper,.size-guide-popup__image .img.img--wrapper{width:auto;max-height:28.75rem}.size-guide-dropdown__content,.size-guide-popup__content{position:relative;max-width:100%;box-sizing:border-box;overflow:auto;padding:var(--element-spacing)}@media screen and (min-width: 768px){.size-guide-dropdown__content,.size-guide-popup__content{flex-grow:1;flex-basis:0;padding:3rem}}.size-guide-dropdown__content ul,.size-guide-dropdown__content ol,.size-guide-popup__content ul,.size-guide-popup__content ol{padding:0 1.25rem}.size-guide-dropdown__content ul li,.size-guide-dropdown__content ol li,.size-guide-popup__content ul li,.size-guide-popup__content ol li{margin:calc(var(--element-spacing) / 2) 0}.size-guide-dropdown__content-inner,.size-guide-popup__content-inner{opacity:1;transition:opacity var(--duration-default) ease-in-out}.size-guide-dropdown__intro,.size-guide-popup__intro{margin-bottom:3.4375rem}.size-guide-dropdown__heading,.size-guide-popup__heading{margin:0}.size-guide-dropdown__responsive-table,.size-guide-popup__responsive-table{display:flex;flex-direction:row;align-items:flex-start;margin-right:calc(var(--element-spacing) * -1);margin-bottom:var(--element-spacing);width:100%;position:relative;overflow:hidden}.size-guide-dropdown__responsive-table-fixed,.size-guide-popup__responsive-table-fixed{width:5.9375rem}@media screen and (min-width: 768px){.size-guide-dropdown__responsive-table-fixed,.size-guide-popup__responsive-table-fixed{width:6.875rem}}.size-guide-dropdown__responsive-table-fluid,.size-guide-popup__responsive-table-fluid{flex-grow:1;overflow:auto;align-items:flex-start}.size-guide-dropdown__table,.size-guide-popup__table{display:inline-block;min-width:100%;text-align:left}.size-guide-dropdown__table .table-row,.size-guide-popup__table .table-row{display:block;white-space:nowrap;border-bottom:.0625rem solid var(--color-black-10)}.size-guide-dropdown__table .table-row.helper-cells,.size-guide-popup__table .table-row.helper-cells{max-height:2.5rem}.size-guide-dropdown__table .table-row.helper-cells .table-td,.size-guide-popup__table .table-row.helper-cells .table-td{padding:0}.size-guide-dropdown__table .table-row .table-th,.size-guide-dropdown__table .table-row .table-td,.size-guide-popup__table .table-row .table-th,.size-guide-popup__table .table-row .table-td{padding:.625rem 0;box-sizing:border-box;display:inline-block}.size-guide-dropdown__table .table-row .table-th,.size-guide-popup__table .table-row .table-th{padding:.9375rem 0;line-height:1.125rem}.size-guide-dropdown__table .table-row .table-td,.size-guide-popup__table .table-row .table-td{padding:1rem 0}.size-guide-dropdown__table--index,.size-guide-popup__table--index{width:5.9375rem;position:relative;z-index:1}@media screen and (min-width: 768px){.size-guide-dropdown__table--index,.size-guide-popup__table--index{width:6.875rem}}.size-guide-dropdown__table--index .table-row .table-th,.size-guide-dropdown__table--index .table-row .table-td,.size-guide-popup__table--index .table-row .table-th,.size-guide-popup__table--index .table-row .table-td{display:block}.size-guide-dropdown__table--index .table-row .table-td,.size-guide-popup__table--index .table-row .table-td{min-height:3rem;padding:.9375rem 0;line-height:1.125rem}.size-guide-dropdown__table--data .table-row .table-th,.size-guide-dropdown__table--data .table-row .table-td,.size-guide-popup__table--data .table-row .table-th,.size-guide-popup__table--data .table-row .table-td{width:5.125rem;margin-left:.375rem}.size-guide-dropdown__table--data .table-row .table-th:first-child,.size-guide-dropdown__table--data .table-row .table-td:first-child,.size-guide-popup__table--data .table-row .table-th:first-child,.size-guide-popup__table--data .table-row .table-td:first-child{margin-left:.75rem}@media screen and (min-width: 768px){.size-guide-dropdown__table--data .table-row .table-th,.size-guide-dropdown__table--data .table-row .table-td,.size-guide-popup__table--data .table-row .table-th,.size-guide-popup__table--data .table-row .table-td{width:4.0625rem}}.size-guide-dropdown__table--data .table-row .table-td,.size-guide-popup__table--data .table-row .table-td{font-size:.625rem;line-height:1rem}.size-guide-dropdown__switch,.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-dropdown__switch-field,.size-guide-popup__switch-field{display:inline-block;padding:0 var(--element-spacing)}.size-guide-dropdown__switch-indicator,.size-guide-popup__switch-indicator{position:relative;width:1.625rem;height:1rem}.size-guide-dropdown__switch-indicator:before,.size-guide-dropdown__switch-indicator:after,.size-guide-popup__switch-indicator:before,.size-guide-popup__switch-indicator:after{position:absolute;top:55%;left:50%;content:"";height:.4375rem;width:1.625rem;transform:translate(-50%,-50%);background-color:var(--color-gray-10)}.size-guide-dropdown__switch-indicator:after,.size-guide-popup__switch-indicator:after{background-color:var(--color-brand-primary);height:1rem;width:1rem;left:-.3125rem;border-radius:.5rem;transform:translateY(-50%)}input:checked~.size-guide-dropdown__switch-indicator:after,input:checked~.size-guide-popup__switch-indicator:after{right:-.3125rem;left:auto}.size-guide-dropdown__size-intro,.size-guide-popup__size-intro{line-height:1.5rem}.size-guide-dropdown__size-intro--visible,.size-guide-popup__size-intro--visible{margin-top:2.5rem}.size-guide-dropdown__size-readmore-url,.size-guide-popup__size-readmore-url{display:none}.size-guide-dropdown__size-readmore-url--visible,.size-guide-popup__size-readmore-url--visible{display:flex;margin-top:.75rem;justify-content:flex-start}.size-guide-dropdown__size-content,.size-guide-popup__size-content{margin-top:2.5rem}.size-guide-dropdown__loader,.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-dropdown__loader:after,.size-guide-popup__loader:after{content:"";display:block;width:4rem;height:4rem;margin:calc(var(--element-spacing) / 2);border-radius:50%;border:.375rem solid var(--color-brand-primary);border-color:var(--color-brand-primary) transparent var(--color-brand-primary) transparent;animation:size-guide-loader 1.2s linear infinite}.size-guide-dropdown--is-loading .size-guide-dropdown,.size-guide-dropdown--is-loading .size-guide-popup__loader,.size-guide-popup--is-loading .size-guide-dropdown,.size-guide-popup--is-loading .size-guide-popup__loader{display:block}.size-guide-dropdown--is-loading .size-guide-dropdown,.size-guide-dropdown--is-loading .size-guide-popup__content-inner,.size-guide-popup--is-loading .size-guide-dropdown,.size-guide-popup--is-loading .size-guide-popup__content-inner,.size-guide-dropdown--is-loading .size-guide-popup__image img,.size-guide-popup--is-loading .size-guide-popup__image img{opacity:0}.size-guide-dropdown{display:block}.size-guide-dropdown div{margin-top:0}.size-guide-dropdown__image{padding:var(--element-spacing) 0;height:400px}.size-guide-dropdown__image img{height:100%}.size-guide-dropdown__table{min-width:auto}.size-guide-dropdown__responsive-table-fixed,.size-guide-dropdown__table--index{width:8rem}.size-guide-dropdown .table-column-first{padding-bottom:0!important}.size-guide-dropdown__switch{justify-content:flex-start;margin-bottom:0}.size-guide-dropdown__switch .cm{padding-left:0}.size-guide-dropdown__content-inner{width:100%;display:flex;flex-direction:column;row-gap:var(--element-spacing)}@media screen and (min-width: 1024px){.size-guide-dropdown__content-inner{display:grid;column-gap:calc(var(--element-spacing) * 2);row-gap:0;grid-template-columns:1fr 2fr}}.size-guide-dropdown__loader-wrapper{display:none;position:relative;width:100%;padding:calc(var(--element-spacing) * 4) 0}.size-guide-dropdown--is-loading .size-guide-dropdown__content-inner{display:none}.size-guide-dropdown--is-loading .size-guide-dropdown__loader-wrapper,.size-guide-dropdown--is-loading .size-guide-dropdown__loader{display:block}@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(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-size-guide.css.map */