.sk-mat-size-modal{--si-bg: var(--bg-body, #fff);--si-text: var(--color-body, #151515);--si-text-rgb: var(--color-body-rgb, 20, 20, 20);--si-border: var(--color-border, #dedede);--si-radius: var(--button-border-radius, 3px);align-items:center;bottom:0;display:none;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0;z-index:9999}.sk-mat-size-modal.is-open{display:flex}.sk-mat-size-modal[hidden]{display:none}.sk-mat-size-modal.is-open[hidden]{display:flex}.sk-mat-size-modal .si-size-modal__overlay{background:#00000073;top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.sk-mat-size-modal .si-size-modal__dialog{background:var(--si-bg);border:1px solid var(--si-border);border-radius:var(--si-radius);box-shadow:0 20px 60px #00000029;color:var(--si-text);max-height:calc(100vh - 40px);max-width:min(760px,calc(100vw - 40px));overflow:auto;padding:22px;position:relative;width:100%;z-index:1}.sk-mat-size-modal .si-size-modal__head{align-items:center;border-bottom:1px solid var(--si-border);display:flex;gap:16px;justify-content:space-between;margin:-4px 0 18px;padding-bottom:14px}.sk-mat-size-modal .si-size-modal__title{color:var(--si-text);font-size:.8125rem;font-weight:var(--font-body-bold-weight, 600);letter-spacing:.02em;line-height:1.25;margin:0;text-transform:uppercase}.sk-mat-size-modal .si-size-modal__close{align-items:center;background:transparent;border:1px solid var(--si-border);border-radius:var(--si-radius);color:var(--si-text);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:1.05rem;height:36px;justify-content:center;line-height:1;width:36px}.sk-mat-size-modal .si-size-modal__units{border:1px solid var(--si-border);border-radius:var(--si-radius);display:inline-flex;overflow:hidden}.sk-mat-size-modal .si-size-modal__units button{background:transparent;border:0;border-left:1px solid var(--si-border);color:var(--si-text);cursor:pointer;font-size:.75rem;font-weight:var(--font-body-bold-weight, 600);min-height:38px;min-width:52px;padding:0 12px;text-transform:uppercase}.sk-mat-size-modal .si-size-modal__units button:first-child{border-left:0}.sk-mat-size-modal .si-size-modal__units button.is-active{background:var(--si-text);color:var(--si-bg)}.sk-mat-size-modal .si-size-modal__table-wrap{margin-top:16px;overflow-x:auto;width:100%}.sk-mat-size-modal .si-size-table{border-collapse:collapse;color:var(--si-text);font-size:.8125rem;min-width:460px;width:100%}.sk-mat-size-modal .si-size-table th,.sk-mat-size-modal .si-size-table td{border-bottom:1px solid var(--si-border);padding:12px;text-align:left}.sk-mat-size-modal .si-size-table th{font-weight:var(--font-body-bold-weight, 600);text-transform:uppercase}.sk-mat-size-modal .si-size-modal__images{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:18px}.sk-mat-size-modal .si-size-modal__images figure{margin:0;text-align:center}.sk-mat-size-modal .si-size-modal__images img{border:1px solid var(--si-border);border-radius:var(--si-radius);display:block;height:auto;padding:10px;width:100%}.sk-mat-size-modal .si-size-modal__images figcaption{font-size:.75rem;margin-top:7px;opacity:.8}.sk-mat-size-modal .si-size-modal__note{color:var(--si-text);font-size:.8125rem;line-height:1.45;margin:18px 0 0;opacity:.85}@media only screen and (max-width:640px){.sk-mat-size-modal{align-items:flex-end;padding:0}.sk-mat-size-modal .si-size-modal__dialog{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:88vh;padding:18px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sk-mat-size-guide.css.map */
