.pythal-size-chart{display:flex;justify-content:flex-end;margin:0 0 12px}.pythal-size-chart__trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 14px;border:1px solid rgba(36,25,19,.16);border-radius:999px;background:#fff;color:#241913;font:inherit;font-size:11px;font-weight:650;letter-spacing:.08em;line-height:1;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.pythal-size-chart__trigger:hover{border-color:#ab886d;background:#faf7f2;transform:translateY(-1px)}.pythal-size-chart__trigger:focus-visible,.pythal-size-chart__close:focus-visible{outline:2px solid #ab886d;outline-offset:3px}.pythal-size-chart__dialog{width:min(760px,calc(100vw - 48px));max-width:none;height:min(88vh,900px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border:0;border-radius:12px;background:#fff;color:#241913;box-shadow:0 24px 72px #24191338}.pythal-size-chart__dialog::backdrop{background:#2419137a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pythal-size-chart__dialog[open]{animation:pythal-size-chart-in .16s ease-out}.pythal-size-chart__panel{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%}.pythal-size-chart__header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px;padding:10px 12px 10px 18px;border-bottom:1px solid rgba(36,25,19,.08);background:#fff}.pythal-size-chart__title{margin:0;color:#241913;font-size:21px;font-weight:400;letter-spacing:-.02em;line-height:1.1}.pythal-size-chart__close{display:inline-flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid rgba(36,25,19,.11);border-radius:50%;background:#fff;color:#241913;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.pythal-size-chart__close:hover{border-color:#ab886d;background:#faf7f2}.pythal-size-chart__viewer{position:relative;min-width:0;min-height:0;overflow:hidden;overscroll-behavior:contain;background:#f7f4f0}.pythal-size-chart__viewer iframe{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;max-width:100%!important;height:100%!important;border:0;background:#f7f4f0}.pythal-size-chart__pages{display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px;background:#fff}.pythal-size-chart__viewer.is-loading .pythal-size-chart__pages,.pythal-size-chart__viewer.is-rendered .pythal-size-chart__pages{display:block}.pythal-size-chart__viewer.is-rendered iframe{display:none}.pythal-size-chart__viewer.is-loading .pythal-size-chart__pages:empty:after{content:"";position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border:2px solid rgba(36,25,19,.12);border-top-color:#ab886d;border-radius:50%;animation:pythal-size-chart-spin .8s linear infinite}.pythal-size-chart__page{display:block;max-width:100%;height:auto}.pythal-size-chart__page+.pythal-size-chart__page{margin-top:12px}@keyframes pythal-size-chart-spin{to{transform:rotate(360deg)}}.pythal-size-chart__dialog--image{width:min(720px,calc(100vw - 48px));height:fit-content}.pythal-size-chart__dialog--image .pythal-size-chart__panel{height:auto;max-height:calc(100dvh - 32px)}.pythal-size-chart__viewer--image{overflow:auto;-webkit-overflow-scrolling:touch;background:#fff}.pythal-size-chart__image{display:block;width:100%;height:auto;max-width:100%}.pythal-size-chart-modal-open{overflow:hidden}@keyframes pythal-size-chart-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:749px){.pythal-size-chart{justify-content:flex-start;margin-bottom:10px}.pythal-size-chart__dialog{width:calc(100vw - 16px);height:calc(100dvh - 32px);max-height:calc(100dvh - 16px);border-radius:10px}.pythal-size-chart__pages{padding:6px 4px}.pythal-size-chart__dialog--image{height:fit-content}.pythal-size-chart__dialog--image .pythal-size-chart__panel{max-height:calc(100dvh - 20px)}.pythal-size-chart__header{min-height:52px;padding:8px 9px 8px 14px}.pythal-size-chart__title{font-size:19px}.pythal-size-chart__close{flex-basis:34px;width:34px;height:34px}}@media(max-height:620px){.pythal-size-chart__dialog{height:calc(100dvh - 20px)}.pythal-size-chart__dialog--image{height:fit-content}}@media(prefers-reduced-motion:reduce){.pythal-size-chart__trigger,.pythal-size-chart__close,.pythal-size-chart__dialog[open]{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/pythal-size-chart.css.map */