size-chart-modal{display:none}size-chart-modal.size-chart-modal--open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050}.size-chart-modal__overlay{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1}.size-chart-modal__dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;max-width:720px;width:90vw;max-height:70vh;overflow:hidden;z-index:2;box-shadow:0 8px 30px #00000026;display:flex;flex-direction:column}.size-chart-modal__chrome{flex:0 0 auto;padding:24px 28px 0}.size-chart-modal__close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--snapfit-blue, #012b5b);line-height:1;padding:4px 8px}.size-chart-modal__close:hover{opacity:.7}.size-chart-modal__title{color:var(--snapfit-blue, #012b5b);text-align:center;margin:0 0 16px}.size-chart-modal__tabs{display:flex;border-bottom:2px solid var(--main-background, #f7f7f7);margin-bottom:16px}.size-chart-modal__tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:10px 0;font-family:var(--desktop-p-big-r-font-family);font-size:var(--desktop-p-big-r-font-size);font-weight:400;color:var(--subheader-blue, #466b96);cursor:pointer;transition:color .2s,border-color .2s}.size-chart-modal__tab:hover{color:var(--snapfit-blue, #012b5b)}.size-chart-modal__tab--active{color:var(--snapfit-blue, #012b5b);font-weight:600;border-bottom-color:var(--snapfit-blue, #012b5b)}.size-chart-modal__tab-panel{display:none}.size-chart-modal__tab-panel--active{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;min-height:0}.size-chart-modal__scroll-zone{flex:1 1 auto;overflow-y:auto;padding:0 28px 24px;min-height:0}.size-chart-modal__recommendation{margin-bottom:12px}.size-chart-modal__rec-invite{background:linear-gradient(100deg,#012b5b,#014a8f);border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:14px;min-height:60px;margin-bottom:12px}.size-chart-modal__rec-text{flex:1}.size-chart-modal__rec-text strong{display:block;font-size:13px;font-weight:700;color:#fff;margin-bottom:2px;line-height:1.2}.size-chart-modal__rec-text span{font-size:12px;color:#fffc;line-height:1.3}.size-chart-modal__rec-invite-btn{background:var(--snapfit-turquoise, #00a3df);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;min-height:44px;flex-shrink:0;display:flex;align-items:center}.size-chart-modal__rec-invite-btn:hover{opacity:.88}.size-chart-modal__rec-callout{background:var(--blue-background, #edf5ff);border:1px solid var(--blue-border, #dde6f3);border-left:4px solid var(--snapfit-turquoise, #00a3df);padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;min-height:60px;margin-bottom:12px}.size-chart-modal__rec-icon{width:32px;height:32px;border-radius:50%;background:var(--snapfit-turquoise, #00a3df);display:flex;align-items:center;justify-content:center;flex-shrink:0}.size-chart-modal__rec-icon--invite{width:36px;height:36px;background:#ffffff26}.size-chart-modal__rec-body{flex:1;min-width:0}.size-chart-modal__rec-body strong{display:block;font-size:13px;font-weight:700;color:var(--snapfit-blue, #012b5b);margin-bottom:2px}.size-chart-modal__rec-body span{font-size:12px;color:var(--subheader-blue, #466b96)}.size-chart-modal__rec-size-badge{background:var(--snapfit-blue, #012b5b);color:#fff;border-radius:6px;padding:6px 14px;font-size:20px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex-shrink:0}.size-chart-modal__freshness{font-size:12px;padding:2px 6px;border-radius:3px}.size-chart-modal__freshness--stale{background:#fff3e0;color:var(--warning, #ff9800)}.size-chart-modal__freshness--very-stale{background:#ffebee;color:var(--error, #fe6f61)}.size-chart-modal__loading{font-size:13px;color:var(--subheader-blue, #466b96);padding:8px 0}.size-chart-modal__table-wrap{margin-bottom:16px}.size-chart-modal__table{width:100%;border-collapse:collapse;font-size:13px}.size-chart-modal__table th,.size-chart-modal__table td{padding:8px 12px;text-align:center;border-bottom:1px solid var(--main-background, #f7f7f7)}.size-chart-modal__table th{background:var(--snapfit-blue, #012b5b);color:#fff;font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:2}.size-chart-modal__table .size-chart-modal__size-cell{font-weight:700;text-align:left;color:var(--snapfit-blue, #012b5b)}.size-chart-modal__size-sublabel{display:block;font-size:10px;font-weight:400;color:var(--snapfit-turquoise, #00a3df);margin-top:1px}.size-chart-modal__child-val{display:block;font-size:10px;font-weight:600;color:var(--snapfit-turquoise, #00a3df);line-height:1.3;margin-top:2px}.size-chart-modal__child-legend{font-size:11px;color:var(--subheader-blue, #466b96);margin:6px 0 0;display:flex;align-items:center;gap:5px}.size-chart-modal__child-val-inline{display:inline-flex;align-items:center;padding:1px 6px;background:#00a3df1f;color:var(--snapfit-turquoise, #00a3df);border-radius:900px;font-size:10px;font-weight:700}.size-chart-modal__row--highlighted{background:var(--blue-background, #edf5ff)!important}.size-chart-modal__row--highlighted td{font-weight:600}.size-chart-modal__row--dimmed{opacity:.55}.size-chart-modal__footer{flex:0 0 auto;padding:10px 28px 14px;border-top:1px solid var(--main-background, #f7f7f7)}.size-chart-modal__footer p{margin:0;font-size:12px;color:var(--gray, #8f8f8f)}.size-chart-modal__how-to-measure{display:flex;gap:24px;align-items:flex-start}.size-chart-modal__measure-image{flex:0 0 180px}.size-chart-modal__measure-image img{width:100%;height:auto}.size-chart-modal__measure-list{flex:1}.size-chart-modal__measure-item{padding:12px 0;border-bottom:1px solid var(--main-background, #f7f7f7)}.size-chart-modal__measure-item:last-child{border-bottom:none}.size-chart-modal__measure-item strong{display:block;font-family:var(--desktop-p-big-b-font-family);font-size:var(--desktop-p-big-b-font-size);color:var(--snapfit-blue, #012b5b);margin-bottom:2px}.size-chart-modal__measure-item p{margin:0;font-family:var(--desktop-p-small-r-font-family);font-size:var(--desktop-p-small-r-font-size);line-height:var(--desktop-p-small-r-line-height);color:var(--subheader-blue, #466b96)}.size-chart-modal__empty{color:var(--subheader-blue, #466b96);font-size:14px;text-align:center;padding:24px 0}body.size-chart-modal-active{overflow:hidden}@media(max-width:768px){.size-chart-modal__dialog{width:95vw;max-height:90vh}.size-chart-modal__chrome{padding:16px 16px 0}.size-chart-modal__scroll-zone{padding:0 16px 16px}.size-chart-modal__footer{padding:10px 16px 14px}.size-chart-modal__how-to-measure{flex-direction:column}.size-chart-modal__measure-image{flex:none;width:140px;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/size-chart-modal.css.map */