.kv-size-guide-modal{width:min(820px,calc(100vw - 56px));max-width:820px;max-height:min(920px,calc(100dvh - 24px));margin:auto;padding:0;border:0;border-radius:0;background:#fff;color:#242320;box-shadow:0 20px 70px #00000024;overflow:hidden}.kv-size-guide-modal::backdrop{background:#f6f1ebd1;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.kv-size-guide-modal[open]{animation:kv-size-guide-enter .22s cubic-bezier(.22,1,.36,1) both}html.kv-size-guide-open,html.kv-size-guide-open body{overflow:hidden;overscroll-behavior:none}.kv-size-guide-modal__shell{display:flex;flex-direction:column;min-height:0;max-height:inherit}.kv-size-guide-modal__header{position:relative;display:flex;align-items:flex-start;justify-content:center;min-height:var(--kv-rhythm-size-guide-header-height);padding:var(--kv-rhythm-size-guide-header-top) 52px var(--kv-rhythm-size-guide-header-bottom);border-bottom:1px solid #e2dfda;text-align:center;flex:0 0 auto}.kv-size-guide-modal__eyebrow{margin:0 0 var(--kv-rhythm-size-guide-eyebrow-bottom);color:#817c76;font-family:var(--kv-type-size-guide-family);font-size:var(--kv-type-size-guide-eyebrow-size);font-weight:var(--kv-type-size-guide-eyebrow-weight);line-height:var(--kv-type-size-guide-eyebrow-line);letter-spacing:var(--kv-type-size-guide-eyebrow-tracking)}.kv-size-guide-modal__heading{width:min(100%,640px);margin-inline:auto}.kv-size-guide-modal__header h2{margin:0;color:#22211f;font-family:var(--kv-type-size-guide-family);font-size:var(--kv-type-size-guide-title-size);font-weight:var(--kv-type-size-guide-title-weight);line-height:var(--kv-type-size-guide-title-line);letter-spacing:var(--kv-type-size-guide-title-tracking);text-transform:uppercase}.kv-size-guide-modal__close{position:absolute;top:24px;right:28px;flex:0 0 38px;width:38px;height:38px;margin:0;padding:0;border:0;background:transparent;color:#34312e;cursor:pointer}.kv-size-guide-modal__close:before,.kv-size-guide-modal__close:after{content:"";position:absolute;top:50%;left:50%;width:19px;height:1px;background:currentcolor}.kv-size-guide-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}.kv-size-guide-modal__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.kv-size-guide-modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--kv-rhythm-size-guide-body-top) var(--kv-rhythm-size-guide-body-side) var(--kv-rhythm-size-guide-body-bottom);scrollbar-width:thin}.kv-size-guide-modal__definition{display:flex;flex-direction:column;align-items:stretch;gap:var(--kv-rhythm-size-guide-definition-gap);min-height:0;padding:0;background:transparent}.kv-size-guide-modal__definition img{display:block;width:100%;height:280px;margin:0 auto;object-fit:cover;object-position:center}.kv-size-guide-modal__measure-title{display:block;width:100%;margin:0!important;color:#292724!important;font-family:var(--kv-type-size-guide-family)!important;font-size:var(--kv-type-size-guide-measure-title-size)!important;font-weight:var(--kv-type-size-guide-measure-title-weight)!important;line-height:var(--kv-type-size-guide-measure-title-line)!important;text-align:left!important}.kv-size-guide-modal__image-note{width:100%;margin:0 0 var(--kv-rhythm-size-guide-image-note-bottom)!important;color:#77726c!important;font-family:var(--kv-type-size-guide-family)!important;font-size:var(--kv-type-size-guide-note-size)!important;font-weight:400!important;line-height:var(--kv-type-size-guide-note-line)!important;text-align:left!important}.kv-size-guide-modal__chart{margin-top:var(--kv-rhythm-size-guide-chart-top)}.kv-size-guide-modal__chart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--kv-rhythm-size-guide-chart-head-gap);margin-bottom:var(--kv-rhythm-size-guide-chart-head-bottom)}.kv-size-guide-modal__chart h3{margin:0;color:#34312e;font-family:var(--kv-type-size-guide-family);font-size:var(--kv-type-size-guide-chart-title-size);font-weight:var(--kv-type-size-guide-chart-title-weight);line-height:var(--kv-type-size-guide-chart-title-line);letter-spacing:var(--kv-type-size-guide-chart-title-tracking)}.kv-size-guide-modal__units{display:flex;gap:var(--kv-rhythm-size-guide-unit-gap)}.kv-size-guide-modal__units button{-webkit-appearance:none;appearance:none;padding:0 0 4px;border:0;border-bottom:1px solid transparent;background:transparent;color:#918c86;font-family:var(--kv-type-size-guide-family);font-size:var(--kv-type-size-guide-unit-size);font-weight:var(--kv-type-size-guide-unit-weight);line-height:var(--kv-type-size-guide-unit-line);cursor:pointer}.kv-size-guide-modal__units button[aria-pressed=true]{border-bottom-color:#34312e;color:#34312e}.kv-size-guide-modal :is(.kv-size-guide-modal__close,.kv-size-guide-modal__units button,.kv-size-guide-modal__measurement summary,.kv-size-guide-modal__full-link):focus-visible{outline:1px solid currentcolor;outline-offset:4px}.kv-size-guide-modal__table-wrap{border:1px solid #dedbd6;overflow-x:auto}.kv-size-guide-modal__table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}.kv-size-guide-modal__table th,.kv-size-guide-modal__table td{height:42px;padding:0 14px;border-right:1px solid #dedbd6;border-bottom:1px solid #dedbd6;color:#4d4944;font-family:var(--kv-type-size-guide-family);font-size:var(--kv-type-size-guide-cell-size);font-weight:var(--kv-type-size-guide-cell-weight);line-height:var(--kv-type-size-guide-cell-line);text-align:center;vertical-align:middle}.kv-size-guide-modal__table th{background:#f2eee9;color:#36332f;font-size:var(--kv-type-size-guide-head-size);font-weight:var(--kv-type-size-guide-head-weight);line-height:var(--kv-type-size-guide-head-line);letter-spacing:var(--kv-type-size-guide-head-tracking);text-transform:uppercase}.kv-size-guide-modal__table tr:last-child td{border-bottom:0}.kv-size-guide-modal__table :is(th,td):last-child{border-right:0}.kv-size-guide-modal__table-note{margin:var(--kv-rhythm-size-guide-table-note-top) 0 0;color:#77726c;font-family:var(--kv-type-size-guide-family);font-size:var(--kv-type-size-guide-table-note-size);line-height:var(--kv-type-size-guide-table-note-line)}.kv-size-guide-modal__size-list{display:flex;flex-wrap:wrap;gap:var(--kv-rhythm-size-guide-size-list-gap);margin-top:var(--kv-rhythm-size-guide-size-list-top)}.kv-size-guide-modal__size-list span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:40px;padding:0 12px;border:1px solid #dedbd6;font-size:var(--kv-type-size-guide-size-chip-size)}.kv-size-guide-modal__measurement{margin-top:var(--kv-rhythm-size-guide-measurement-top);border-top:1px solid #dedbd6;border-bottom:1px solid #dedbd6}.kv-size-guide-modal__measurement summary{display:flex;align-items:center;justify-content:space-between;min-height:var(--kv-rhythm-size-guide-measurement-height);color:#34312e;font-family:var(--kv-type-size-guide-family);font-size:var(--kv-type-size-guide-measurement-size);font-weight:var(--kv-type-size-guide-measurement-weight);line-height:var(--kv-type-size-guide-measurement-line);letter-spacing:var(--kv-type-size-guide-measurement-tracking);cursor:pointer;list-style:none}.kv-size-guide-modal__measurement summary::-webkit-details-marker{display:none}.kv-size-guide-modal__plus{position:relative;width:12px;height:12px}.kv-size-guide-modal__plus:before,.kv-size-guide-modal__plus:after{content:"";position:absolute;top:50%;left:50%;width:11px;height:1px;background:#5b5651;transform:translate(-50%,-50%)}.kv-size-guide-modal__plus:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .16s ease}.kv-size-guide-modal__measurement[open] .kv-size-guide-modal__plus:after{transform:translate(-50%,-50%) rotate(0)}.kv-size-guide-modal__measurement-body{padding:var(--kv-rhythm-size-guide-measurement-body-top) 0 var(--kv-rhythm-size-guide-measurement-body-bottom);color:#5f5a55;font-family:var(--kv-type-size-guide-family);font-size:var(--kv-type-size-guide-body-size);line-height:var(--kv-type-size-guide-body-line)}.kv-size-guide-modal__measurement-body p{margin:var(--kv-rhythm-size-guide-measurement-paragraph-top) 0 0}.kv-size-guide-modal__measurement-body--visual{padding:var(--kv-rhythm-size-guide-measurement-visual-top) 0 var(--kv-rhythm-size-guide-measurement-visual-bottom)}.kv-size-guide-modal__measurement-intro{margin:0 0 var(--kv-rhythm-size-guide-measurement-intro-bottom)!important;color:#77726c;font-size:var(--kv-type-size-guide-body-size);line-height:var(--kv-type-size-guide-body-line)}.kv-size-guide-modal__measurement-intro strong{color:#292724;font-weight:600}.kv-size-guide-modal__measurement-body--visual img{display:block;width:100%;height:auto;margin:0 auto;object-fit:contain}.kv-size-guide-modal__full-link{display:inline-flex;align-items:center;gap:8px;margin-top:var(--kv-rhythm-size-guide-full-link-top);color:#34312e;font-family:var(--kv-type-size-guide-family);font-size:var(--kv-type-size-guide-link-size);font-weight:var(--kv-type-size-guide-link-weight);line-height:var(--kv-type-size-guide-link-line);letter-spacing:var(--kv-type-size-guide-link-tracking);text-decoration:underline;text-underline-offset:3px;text-transform:uppercase}@keyframes kv-size-guide-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes kv-size-guide-mobile-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes kv-size-guide-mobile-exit{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes kv-size-guide-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes kv-size-guide-backdrop-exit{0%{opacity:1}to{opacity:0}}@media screen and (max-width:749px){.kv-size-guide-modal{width:100vw;max-width:none;max-height:94dvh;margin:auto 0 0}.kv-size-guide-modal[open]{animation:kv-size-guide-mobile-enter .32s cubic-bezier(.16,1,.3,1) both}.kv-size-guide-modal[open]::backdrop{animation:kv-size-guide-backdrop-enter .32s cubic-bezier(.16,1,.3,1) both}.kv-size-guide-modal[open][data-kv-size-guide-closing=true]{animation:kv-size-guide-mobile-exit .26s cubic-bezier(.16,1,.3,1) both;pointer-events:none}.kv-size-guide-modal[open][data-kv-size-guide-closing=true]::backdrop{animation:kv-size-guide-backdrop-exit .26s cubic-bezier(.16,1,.3,1) both}.kv-size-guide-modal__header{min-height:var(--kv-rhythm-size-guide-header-height);padding:var(--kv-rhythm-size-guide-header-top) 52px var(--kv-rhythm-size-guide-header-bottom) var(--kv-rhythm-size-guide-body-side);text-align:center}.kv-size-guide-modal__eyebrow{margin-bottom:var(--kv-rhythm-size-guide-eyebrow-bottom);font-size:var(--kv-type-size-guide-eyebrow-size)}.kv-size-guide-modal__close{top:15px;right:12px}.kv-size-guide-modal__header h2{font-size:var(--kv-type-size-guide-title-size);line-height:var(--kv-type-size-guide-title-line);letter-spacing:var(--kv-type-size-guide-title-tracking)}.kv-size-guide-modal__body{padding:var(--kv-rhythm-size-guide-body-top) var(--kv-rhythm-size-guide-body-side) var(--kv-rhythm-size-guide-body-bottom)}.kv-size-guide-modal__definition{gap:var(--kv-rhythm-size-guide-definition-gap);overflow:hidden}.kv-size-guide-modal__definition img{display:block;width:100%;height:196px;object-fit:contain;object-position:center;transform:scale(1.24);transform-origin:center}.kv-size-guide-modal__measure-title{font-size:var(--kv-type-size-guide-measure-title-size)!important}.kv-size-guide-modal__image-note{margin-bottom:var(--kv-rhythm-size-guide-image-note-bottom)!important;font-size:var(--kv-type-size-guide-note-size)!important;line-height:var(--kv-type-size-guide-note-line)!important}.kv-size-guide-modal__chart{margin-top:var(--kv-rhythm-size-guide-chart-top)}.kv-size-guide-modal__chart-head{align-items:flex-end;flex-direction:row;justify-content:space-between;gap:var(--kv-rhythm-size-guide-chart-head-gap);margin-bottom:var(--kv-rhythm-size-guide-chart-head-bottom)}.kv-size-guide-modal__units{flex:0 0 auto;gap:var(--kv-rhythm-size-guide-unit-gap)}.kv-size-guide-modal__units button{font-size:var(--kv-type-size-guide-unit-size)}.kv-size-guide-modal__table-wrap{width:100%;overflow-x:hidden}.kv-size-guide-modal__table{width:100%;min-width:0;table-layout:fixed}.kv-size-guide-modal__table th,.kv-size-guide-modal__table td{height:46px;padding:0 4px;font-size:var(--kv-type-size-guide-cell-size)}.kv-size-guide-modal__table th{height:48px;padding-inline:3px;font-size:var(--kv-type-size-guide-head-size);line-height:var(--kv-type-size-guide-head-line);letter-spacing:var(--kv-type-size-guide-head-tracking);white-space:normal;overflow-wrap:normal}.kv-size-guide-modal__table th:nth-child(1),.kv-size-guide-modal__table td:nth-child(1){width:26%}.kv-size-guide-modal__table th:nth-child(n+2),.kv-size-guide-modal__table td:nth-child(n+2){width:24.666%}.kv-size-guide-modal__table-note{margin-top:var(--kv-rhythm-size-guide-table-note-top);font-size:var(--kv-type-size-guide-table-note-size);line-height:var(--kv-type-size-guide-table-note-line)}.kv-size-guide-modal__measurement{margin-top:var(--kv-rhythm-size-guide-measurement-top)}.kv-size-guide-modal__measurement summary{min-height:var(--kv-rhythm-size-guide-measurement-height);font-size:var(--kv-type-size-guide-measurement-size)}.kv-size-guide-modal__measurement-body--visual{padding:var(--kv-rhythm-size-guide-measurement-visual-top) 0 var(--kv-rhythm-size-guide-measurement-visual-bottom)}.kv-size-guide-modal__measurement-intro{font-size:var(--kv-type-size-guide-body-size);line-height:var(--kv-type-size-guide-body-line)}.kv-size-guide-modal__full-link{margin-top:var(--kv-rhythm-size-guide-full-link-top);font-size:var(--kv-type-size-guide-link-size)}}@media screen and (max-width:390px){.kv-size-guide-modal__definition img{height:180px;transform:scale(1.2)}.kv-size-guide-modal__header h2{font-size:var(--kv-type-size-guide-title-size)}.kv-size-guide-modal__body{padding-inline:var(--kv-rhythm-size-guide-body-side)}.kv-size-guide-modal__table th{font-size:var(--kv-type-size-guide-head-size);letter-spacing:var(--kv-type-size-guide-head-tracking)}.kv-size-guide-modal__table td{font-size:var(--kv-type-size-guide-cell-size)}}@media(prefers-reduced-motion:reduce){.kv-size-guide-modal[open],.kv-size-guide-modal[open][data-kv-size-guide-closing=true],.kv-size-guide-modal[open]::backdrop,.kv-size-guide-modal[open][data-kv-size-guide-closing=true]::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/kv-size-guide-modal.css.map */
