.haki-sg-modal{--hk-sg-display: "Neue Metana", var(--font-heading-family), sans-serif;--hk-sg-body: var(--font-body-family, "Helvetica Neue", Helvetica, Arial, sans-serif);--hk-sg-tracking: -.03em;--hk-sg-line: rgba(var(--color-foreground), .16);--hk-sg-muted: rgba(var(--color-foreground), .65);--hk-sg-in-scrim: .3s;--hk-sg-in-panel: .34s;--hk-sg-out: var(--duration-default, .25s);--hk-sg-ease: cubic-bezier(.22, 1, .36, 1);display:none}.haki-sg-modal[open],.haki-sg-modal.haki-sg--closing{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;align-items:center;justify-content:center}@keyframes hakiSgScrim{0%{opacity:0}to{opacity:1}}@keyframes hakiSgIn{0%{opacity:0;translate:0 16px;scale:.98}to{opacity:1;translate:0 0;scale:1}}@keyframes hakiSgOut{0%{opacity:1;translate:0 0;scale:1}to{opacity:0;translate:0 12px;scale:.98}}.haki-sg-modal[open] .modal__overlay{animation:hakiSgScrim var(--hk-sg-in-scrim) ease both}.haki-sg-modal[open] .haki-sg__content{animation:hakiSgIn var(--hk-sg-in-panel) var(--hk-sg-ease) both}.haki-sg-modal.haki-sg--closing{pointer-events:none}.haki-sg-modal.haki-sg--closing .modal__overlay{animation:hakiSgScrim var(--hk-sg-out) ease reverse both}.haki-sg-modal.haki-sg--closing .haki-sg__content{animation:hakiSgOut var(--hk-sg-out) ease both}@media(prefers-reduced-motion:reduce){.haki-sg-modal[open] .modal__overlay,.haki-sg-modal[open] .haki-sg__content,.haki-sg-modal.haki-sg--closing .modal__overlay,.haki-sg-modal.haki-sg--closing .haki-sg__content{animation:none}}.haki-sg-modal .modal__overlay{z-index:1;display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-overlay, 0, 0, 0),.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}html.haki-sg-locked{overflow:hidden!important}html.haki-sg-locked body{overflow-y:visible!important}.haki-sg-modal[open] .haki-sg__header,.haki-sg-modal[open] .haki-sg__tabs,.haki-sg-modal[open] .haki-sg__units,.haki-sg-modal[open] .modal__overlay{touch-action:pinch-zoom}.haki-sg__body{overscroll-behavior:contain}html.haki-sg-open{padding-right:var(--hk-sg-content-comp, 0px)}html.haki-sg-open .haki-header{right:var(--hk-sg-header-comp, 0px)!important}.haki-sg__content{position:relative;z-index:2;display:flex;flex-direction:column;width:90%;max-width:720px;max-height:85vh;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--hk-sg-body);letter-spacing:var(--hk-sg-tracking);border-radius:0;border:1px solid rgb(var(--color-foreground));box-shadow:0 24px 70px rgba(var(--color-overlay),.45);overflow:hidden}.haki-sg__content:focus{outline:none}.haki-sg__content:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.haki-sg__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 26px 14px;border-bottom:1px solid var(--hk-sg-line)}.haki-sg__title{margin:0;font-family:var(--hk-sg-display);font-weight:700;text-transform:uppercase;letter-spacing:-.025em;line-height:1.1;font-size:16px}.haki-sg__close{flex:0 0 auto;appearance:none;-webkit-appearance:none;background:none;border:0;padding:2px 0;margin:0;cursor:pointer;color:var(--hk-sg-muted);font-family:var(--hk-sg-body);font-size:12px;text-transform:uppercase;letter-spacing:var(--hk-sg-tracking);background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0% 100%;background-size:0% 1px;transition:background-size .28s cubic-bezier(.22,1,.36,1)}.haki-sg__close:hover{background-size:100% 1px}.haki-sg__units{display:flex;align-items:center;gap:0;padding:14px 26px 0}.haki-sg__units[hidden]{display:none}.haki-sg__unit{appearance:none;-webkit-appearance:none;background:none;border:1px solid var(--hk-sg-line);border-radius:0;padding:8px 16px;margin:0;cursor:pointer;color:var(--hk-sg-muted);font-family:var(--hk-sg-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:var(--hk-sg-tracking);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.haki-sg__unit+.haki-sg__unit{border-left:0}.haki-sg__unit:hover{border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}.haki-sg__unit+.haki-sg__unit:hover{border-left:0}.haki-sg__unit.is-active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.haki-sg__body{padding:18px 26px 26px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.haki-sg__section+.haki-sg__section{margin-top:20px}.haki-sg__table-wrap{overflow-x:auto;max-width:100%;border:1px solid rgb(var(--color-foreground))}.haki-sg__table-wrap:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.haki-sg__table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5;text-align:left}.haki-sg__table th,.haki-sg__table td{padding:9px 12px;border-bottom:1px solid var(--hk-sg-line);white-space:nowrap;font-weight:400}.haki-sg__table thead th{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:var(--hk-sg-tracking);background:rgb(var(--color-background));border-bottom:1px solid rgb(var(--color-foreground))}.haki-sg__table[data-sticky-header=true] thead th{position:sticky;top:0;z-index:1}.haki-sg__table tbody th{font-weight:700}.haki-sg__table tbody tr:last-child th,.haki-sg__table tbody tr:last-child td{border-bottom:0}.haki-sg__note{margin:0 0 10px;font-size:12px;line-height:1.6;color:var(--hk-sg-muted)}.haki-sg__section--table .haki-sg__note:last-child{margin:10px 0 0}.haki-sg__para{margin:0 0 .9em;font-size:13px;line-height:1.65;white-space:pre-line}.haki-sg__para:last-child{margin-bottom:0}.haki-sg__howto{position:relative;border:1px solid rgb(var(--color-foreground))}.haki-sg__howto-scroll{padding:11px 13px}.haki-sg__howto-scroll:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.haki-sg__image{display:block;max-width:100%;width:auto;height:auto;max-height:52vh;object-fit:contain;margin:0 auto}.haki-sg__section--divider{display:flex;align-items:center;gap:12px;margin-top:24px}.haki-sg__section--divider:before,.haki-sg__section--divider:after{content:"";flex:1 1 auto;height:1px;background:var(--hk-sg-line)}.haki-sg__section--divider:not(.haki-sg__divider--labelled):after{display:none}.haki-sg__divider-label{flex:0 0 auto;font-family:var(--hk-sg-display);font-weight:700;text-transform:uppercase;letter-spacing:-.025em;font-size:12px}.haki-sg__col+.haki-sg__col{margin-top:20px}@media screen and (min-width:990px){.haki-sg__cols{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:28px;align-items:start}.haki-sg__col+.haki-sg__col{margin-top:0}.haki-sg__col--aside .haki-sg__image{max-height:58vh}.haki-sg-modal[data-haki-sg-wide] .haki-sg__content{max-width:clamp(1040px,88vw,1520px);max-height:88vh}.haki-sg__col--main .haki-sg__para{max-width:58em}.haki-sg__col--main .haki-sg__howto-scroll{max-height:var(--hk-sg-howto-cap, none);overflow-y:auto;overscroll-behavior:contain}.haki-sg__howto:after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:linear-gradient(to top,rgb(var(--color-background)),rgba(var(--color-background),0));opacity:0;pointer-events:none;transition:opacity .16s ease}.haki-sg__howto.hk-sg-more:after{opacity:1}.haki-sg-modal[data-haki-sg-wide] .haki-sg__body{padding-bottom:20px}.haki-sg__rec:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.haki-sg__rec-answer{min-width:0}.haki-sg__rec-answer .haki-sg__rec-headline,.haki-sg__rec-answer .haki-sg__rec-message{margin-top:0}}@media(prefers-reduced-motion:reduce){.haki-sg__howto:after{transition:none}}.haki-sg__tabs{display:flex;gap:0;padding:14px 26px 0}.haki-sg__tabs[hidden]{display:none}.haki-sg__tab,.haki-sg__subtabs button{appearance:none;-webkit-appearance:none;background:none;border:1px solid var(--hk-sg-line);border-radius:0;padding:9px 16px;margin:0;cursor:pointer;color:var(--hk-sg-muted);font-family:var(--hk-sg-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:var(--hk-sg-tracking);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.haki-sg__tab+.haki-sg__tab,.haki-sg__subtabs button+button{border-left:0}.haki-sg__tab:hover,.haki-sg__subtabs button:hover{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.haki-sg__tab.is-active,.haki-sg__subtabs button.is-active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.haki-sg__panel[hidden]{display:none}.haki-sg__panel:focus{outline:none}.haki-sg__panel:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.haki-sg__subtabs{display:flex;margin-bottom:18px}.haki-sg__rec-fields{margin-bottom:4px}.haki-sg__rec-fields[hidden]{display:none}.haki-sg__field{margin-bottom:16px}.haki-sg__label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:var(--hk-sg-tracking);color:rgb(var(--color-foreground))}.haki-sg__label--inline{display:inline-block;margin:0 0 0 4px;align-self:center;text-transform:none;font-weight:400}.haki-sg__label[hidden],.haki-sg__label--inline[hidden]{display:none}.haki-sg__optional{font-weight:400;text-transform:none;color:var(--hk-sg-muted)}.haki-sg__field-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.haki-sg__field-inputs{display:flex;align-items:center;gap:6px;flex:1 1 140px;min-width:0}.haki-sg__input,.haki-sg__select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;box-sizing:border-box;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid var(--hk-sg-line);border-radius:0;padding:10px 12px;font-family:var(--hk-sg-body);font-size:14px;letter-spacing:var(--hk-sg-tracking)}.haki-sg__input--short{max-width:90px}.haki-sg__select{max-width:320px}.haki-sg__input:focus-visible,.haki-sg__select:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:1px}.haki-sg__input[hidden]{display:none}.haki-sg__unitpick{display:flex;flex:0 0 auto}.haki-sg__unitbtn{appearance:none;-webkit-appearance:none;background:none;border:1px solid var(--hk-sg-line);border-radius:0;padding:9px 12px;margin:0;cursor:pointer;color:var(--hk-sg-muted);font-family:var(--hk-sg-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:var(--hk-sg-tracking);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.haki-sg__unitbtn+.haki-sg__unitbtn{border-left:0}.haki-sg__unitbtn:hover{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.haki-sg__unitbtn.is-active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.haki-sg__hint{margin:0 0 8px;font-size:12px;line-height:1.6;color:var(--hk-sg-muted)}.haki-sg__field-error{margin:8px 0 0;padding-left:10px;border-left:2px solid rgb(var(--color-error));font-size:12px;line-height:1.55;color:rgb(var(--color-foreground))}.haki-sg__field-error[hidden]{display:none}.haki-sg__group{border:0;padding:0;margin:0 0 16px}.haki-sg__legend{padding:0;margin-bottom:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:var(--hk-sg-tracking);color:rgb(var(--color-foreground))}.haki-sg__radios{display:flex;flex-wrap:wrap;gap:0}.haki-sg__radio{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.haki-sg__radio-label{display:inline-block;border:1px solid var(--hk-sg-line);padding:9px 16px;cursor:pointer;color:var(--hk-sg-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:var(--hk-sg-tracking);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.haki-sg__radios .haki-sg__radio-label:not(:first-of-type){border-left:0}.haki-sg__radio-label:hover{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.haki-sg__radio:checked+.haki-sg__radio-label{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.haki-sg__radio:focus-visible+.haki-sg__radio-label{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.haki-sg__rec-submit{appearance:none;-webkit-appearance:none;width:100%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground));border-radius:0;padding:13px 20px;margin:4px 0 0;cursor:pointer;font-family:var(--hk-sg-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:var(--hk-sg-tracking)}.haki-sg__rec-submit:hover{opacity:.85}.haki-sg__rec-live:empty,.haki-sg__rec-detail:empty{display:none}.haki-sg__rec-headline{margin-top:22px;padding:18px 20px;border:1px solid rgb(var(--color-foreground))}.haki-sg__rec-eyebrow{margin:0 0 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:var(--hk-sg-tracking);color:var(--hk-sg-muted)}.haki-sg__rec-size{margin:0;font-family:var(--hk-sg-display);font-weight:700;text-transform:uppercase;letter-spacing:-.025em;line-height:1.05;font-size:34px;color:rgb(var(--color-foreground))}.haki-sg__rec-estimate{margin:8px 0 0;font-size:12px;line-height:1.55;color:var(--hk-sg-muted)}.haki-sg__rec-message{margin-top:22px;padding:16px 20px;border:1px solid var(--hk-sg-line)}.haki-sg__rec-message-text{margin:0;font-size:14px;line-height:1.55;font-weight:700;color:rgb(var(--color-foreground))}.haki-sg__rec-why{margin:8px 0 0;font-size:13px;line-height:1.6;color:rgb(var(--color-foreground))}.haki-sg__rec-runnerup{margin:14px 0 0;font-size:13px;line-height:1.6;color:rgb(var(--color-foreground))}.haki-sg__rec-detail .haki-sg__table-wrap{margin-top:14px}.haki-sg__rec-caption{text-align:left;padding-bottom:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:var(--hk-sg-tracking);color:rgb(var(--color-foreground))}.haki-sg__verdict{text-transform:lowercase}.haki-sg__rec-warnings{margin:14px 0 0;padding-left:18px;font-size:12px;line-height:1.6;color:rgb(var(--color-foreground))}.haki-sg__rec-warnings li+li{margin-top:6px}.haki-sg-recommended{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (max-width:749px){.haki-sg-modal[open],.haki-sg-modal.haki-sg--closing{height:100vh;height:100dvh}.haki-sg__content{width:100%;max-width:none;max-height:100%;height:100%;border:0}.haki-sg__header{padding:18px 18px 12px}.haki-sg__units,.haki-sg__tabs{padding:12px 18px 0}.haki-sg__body{padding:14px 18px 48px;padding-bottom:max(48px,calc(env(safe-area-inset-bottom,0px) + 28px))}.haki-sg__input,.haki-sg__select{font-size:16px}}@media(prefers-reduced-motion:reduce){.haki-sg__close,.haki-sg__unit,.haki-sg__tab,.haki-sg__unitbtn,.haki-sg__radio-label,.haki-sg__subtabs button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/haki-size-guide.css.map */