.size-chart-viewer{z-index:10000000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040f24b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.size-chart-viewer__dialog{background:#fff;border-radius:16px;width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 28px 90px #00000057}.size-chart-viewer__dialog>header{border-bottom:1px solid #e0e6ee;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;display:flex}.size-chart-viewer__dialog>header span{color:#159f98;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.size-chart-viewer__dialog>header h2{color:#081d43;margin:0;font-size:26px;line-height:1.2}.size-chart-viewer__dialog>header>button{color:#14294b;cursor:pointer;background:#eef2f7;border:0;border-radius:8px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;display:inline-flex}.size-chart-viewer__content{padding:28px}.size-chart-viewer__content img{object-fit:contain;background:#fff;border:1px solid #dfe6ee;border-radius:10px;width:100%;max-height:620px;display:block}.size-chart-viewer__content p{color:#5b6c87;margin:20px 0 0;font-size:15px;line-height:1.65}.size-chart-viewer__message{color:#5d6e89;text-align:center;background:#f8fafc;border:1px dashed #cad5e3;border-radius:10px;place-items:center;min-height:220px;padding:30px;display:grid}.size-chart-viewer__message.is-error{color:#b42318;background:#fff1f2;border-color:#fecaca}@media (max-width:700px){.size-chart-viewer{align-items:start;padding:12px}.size-chart-viewer__dialog{max-height:calc(100vh - 24px)}.size-chart-viewer__dialog>header,.size-chart-viewer__content{padding-left:20px;padding-right:20px}.size-chart-viewer__dialog>header h2{font-size:22px}}
.fabric-image-select{z-index:30;text-align:left;width:100%;margin-top:14px;position:relative}.fabric-image-select__trigger{color:#151928;cursor:pointer;width:100%;min-height:68px;font:inherit;text-align:left;background:#fff;border:1px solid #aeb9ce;border-radius:4px;grid-template-columns:54px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:7px 12px 7px 7px;display:grid}.fabric-image-select__trigger:hover,.fabric-image-select__trigger:focus-visible{border-color:#3564b8;outline:none;box-shadow:0 0 0 2px #3564b824}.fabric-image-select__trigger img,.fabric-image-select__option img,.fabric-image-select__placeholder{object-fit:cover;border-radius:3px;width:54px;height:54px}.fabric-image-select__placeholder{color:#6f7788;background:#eef1f6;place-items:center;font-size:11px;display:grid}.fabric-image-select__selected{flex-direction:column;gap:4px;min-width:0;display:flex}.fabric-image-select__selected strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.fabric-image-select__selected small{color:#657086;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.fabric-image-select__arrow{color:#657086;text-align:center;font-size:10px}.fabric-image-select__dropdown{z-index:100;background:#fff;border:1px solid #aeb9ce;border-radius:4px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 30px #141f372e}.fabric-image-select__dropdown input{color:#151928;width:calc(100% - 20px);height:42px;font:inherit;border:1px solid #aeb9ce;border-radius:3px;margin:10px;padding:0 12px}.fabric-image-select__dropdown input:focus{border-color:#3564b8;outline:none;box-shadow:0 0 0 2px #3564b824}.fabric-image-select__options{overscroll-behavior:contain;max-height:280px;overflow-y:auto}.fabric-image-select__option{color:#151928;cursor:pointer;width:100%;min-height:76px;font:inherit;text-align:left;background:#fff;border:0;border-top:1px solid #edf0f5;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:8px 12px;display:grid}.fabric-image-select__option img,.fabric-image-select__option .fabric-image-select__placeholder{width:64px;height:60px}.fabric-image-select__option>span:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.fabric-image-select__option strong{font-size:13px;font-weight:600}.fabric-image-select__option small{color:#657086;font-size:12px}.fabric-image-select__option:hover,.fabric-image-select__option.active{background:#edf3ff}.fabric-image-select__option.active{box-shadow:inset 3px 0 #3564b8}.fabric-image-select__empty{color:#657086;text-align:center;margin:0;padding:24px 15px;font-size:13px}@media (max-width:640px){.fabric-image-select__trigger{grid-template-columns:48px minmax(0,1fr) 16px;min-height:62px;padding:6px 10px 6px 6px}.fabric-image-select__trigger img,.fabric-image-select__trigger .fabric-image-select__placeholder{width:48px;height:48px}.fabric-image-select__selected strong{font-size:13px}.fabric-image-select__options{max-height:230px}.fabric-image-select__option{grid-template-columns:54px minmax(0,1fr);min-height:68px;padding:7px 9px}.fabric-image-select__option img,.fabric-image-select__option .fabric-image-select__placeholder{width:54px;height:52px}}