mittis-widget{--mittis-accent: #8a592d;--mittis-fg: #8a592d;--mittis-muted: #6b6b6b;--mittis-line: #d9d9d9;--mittis-bg: #ffffff;--mittis-soft: #f4f4f2;--mittis-warn: #a8341f;--mittis-pad: 2.25rem;display:block;font-size:inherit}mittis-widget *,mittis-widget *:before,mittis-widget *:after{box-sizing:border-box}mittis-widget .mittis__trigger{display:inline-flex;align-items:center;gap:.5em;background:none;border:0;padding:0;margin:.75em 0;font:inherit;line-height:inherit;color:var(--mittis-fg);text-decoration:underline;text-underline-offset:.25em;cursor:pointer}mittis-widget .mittis__trigger:hover{color:var(--mittis-accent)}mittis-widget .mittis__trigger svg{width:1.15em;height:1.15em;flex:none}mittis-widget .mittis__dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(48em,calc(100vw - 6rem));max-width:none;height:fit-content;max-height:min(86vh,60em);padding:0;border:0;border-radius:3px;background:var(--mittis-bg);color:var(--mittis-fg);font:inherit;line-height:1.55;overflow:hidden;box-shadow:0 1.5rem 4rem #00000038}mittis-widget .mittis__dialog::backdrop{background:#00000080}mittis-widget .mittis__dialog[open]{display:flex;flex-direction:column}mittis-widget .mittis__dialog:not([open]){display:none}mittis-widget .mittis__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex:none;padding:var(--mittis-pad) var(--mittis-pad) 1.25rem;border-bottom:1px solid var(--mittis-line)}mittis-widget .mittis__title{margin:0;font-size:1.45em;font-weight:500;line-height:1.25;letter-spacing:.01em}mittis-widget .mittis__product{margin:.35em 0 0;font-size:.95em;color:var(--mittis-muted)}mittis-widget .mittis__close{flex:none;background:none;border:0;padding:.2em;margin:-.2em;font-size:1.9em;line-height:1;cursor:pointer;color:var(--mittis-muted)}mittis-widget .mittis__close:hover{color:var(--mittis-fg)}mittis-widget .mittis__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--mittis-pad) var(--mittis-pad) calc(var(--mittis-pad) + .5rem)}mittis-widget .mittis__intro{margin:0 0 1.75rem;color:var(--mittis-muted)}mittis-widget .mittis__loading,mittis-widget .mittis__error{color:var(--mittis-muted)}mittis-widget .mittis__form{display:grid;gap:1.5rem}mittis-widget .mittis__field{display:grid;gap:.4em}mittis-widget .mittis__label{display:flex;align-items:baseline;gap:.6em}mittis-widget .mittis__label-text{font-weight:500}mittis-widget .mittis__hint{font-size:.8em;text-transform:lowercase;color:var(--mittis-muted)}mittis-widget .mittis__input-wrap{position:relative;display:flex;align-items:center;max-width:9em}mittis-widget .mittis__input{width:100%;padding:.65em 2.6em .65em .75em;border:1px solid var(--mittis-line);border-radius:2px;font:inherit;background:var(--mittis-bg);color:inherit}mittis-widget .mittis__input:focus{outline:2px solid var(--mittis-accent);outline-offset:1px;border-color:transparent}mittis-widget .mittis__input.is-invalid{border-color:var(--mittis-warn)}mittis-widget .mittis__unit{position:absolute;right:.75em;font-size:.9em;color:var(--mittis-muted);pointer-events:none}mittis-widget .mittis__help{margin:0;font-size:.875em;line-height:1.5;color:var(--mittis-muted)}mittis-widget .mittis__actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;margin-top:.5rem}mittis-widget .mittis__submit{padding:.85em 1.75em;border:1px solid var(--mittis-fg);border-radius:2px;background:var(--mittis-fg);color:#fff;font:inherit;cursor:pointer}mittis-widget .mittis__submit:hover{background:var(--mittis-accent);border-color:var(--mittis-accent)}mittis-widget .mittis__reset{background:none;border:0;padding:0;font:inherit;color:var(--mittis-muted);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}mittis-widget .mittis__errors{color:var(--mittis-warn)}mittis-widget .mittis__errors p{margin:.4em 0 0}mittis-widget .mittis__result{margin-top:2.25rem;padding-top:2rem;border-top:1px solid var(--mittis-line);outline:none}mittis-widget .mittis__result-kicker{margin:0;color:var(--mittis-muted)}mittis-widget .mittis__size{margin:.5em 0 .75em;display:flex;align-items:center;gap:.5em}mittis-widget .mittis__size-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.6em;padding:.25em .55em;background:var(--mittis-accent);color:#fff;font-size:1.9em;font-weight:500;line-height:1.15;letter-spacing:.03em;border-radius:2px}mittis-widget .mittis__size-or{font-size:1.4em;color:var(--mittis-muted)}mittis-widget .mittis__result-text{margin:0 0 1.75rem}mittis-widget .mittis__note{margin:0 0 1.25rem;padding-left:1em;border-left:2px solid var(--mittis-line)}mittis-widget .mittis__note--warn{border-left-color:var(--mittis-warn);color:var(--mittis-warn)}mittis-widget .mittis__bar{margin:0 0 2rem}mittis-widget .mittis__bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:1em;margin-bottom:.5em}mittis-widget .mittis__bar-title{font-weight:500}mittis-widget .mittis__bar-value{color:var(--mittis-muted);font-variant-numeric:tabular-nums}mittis-widget .mittis__track{position:relative;height:2.6em;background:var(--mittis-soft);border-radius:2px;margin-top:1.75em}mittis-widget .mittis__seg{position:absolute;top:0;bottom:0;border-right:1px solid var(--mittis-bg);display:flex;align-items:center;justify-content:center}mittis-widget .mittis__seg:last-child{border-right:0}mittis-widget .mittis__seg.is-active{background:#4a6dbd2e}mittis-widget .mittis__seg-label{font-size:.85em;color:var(--mittis-muted);letter-spacing:.04em}mittis-widget .mittis__seg.is-active .mittis__seg-label{color:var(--mittis-accent);font-weight:600}mittis-widget .mittis__marker{position:absolute;top:-.5em;bottom:-.5em;width:2px;margin-left:-1px;background:var(--mittis-fg)}mittis-widget .mittis__marker.is-warn{background:var(--mittis-warn)}mittis-widget .mittis__marker-flag{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.3em;white-space:nowrap;font-size:.8em;letter-spacing:.02em;color:var(--mittis-fg);background:var(--mittis-bg);padding:0 .3em}mittis-widget .mittis__marker.is-warn .mittis__marker-flag{color:var(--mittis-warn)}mittis-widget .mittis__bar-foot{display:flex;justify-content:space-between;align-items:baseline;gap:1em;margin-top:.5em;font-size:.85em;color:var(--mittis-muted)}mittis-widget .mittis__bar-ease{font-variant-numeric:tabular-nums}mittis-widget .mittis__info{margin:2rem 0 0;padding:1.25rem 1.5rem;background:var(--mittis-soft);border-radius:2px}mittis-widget .mittis__info h4{margin:0 0 .5em;font-size:1em;font-weight:500}mittis-widget .mittis__info-list{margin:0;padding-left:1.2em;font-size:.9em;line-height:1.65;color:var(--mittis-muted)}mittis-widget .mittis__select-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}mittis-widget .mittis__select{padding:.75em 1.4em;border:1px solid var(--mittis-fg);border-radius:2px;background:none;color:var(--mittis-fg);font:inherit;cursor:pointer}mittis-widget .mittis__select:hover{background:var(--mittis-fg);color:#fff}mittis-widget .mittis__guide{margin-top:2.25rem;border-top:1px solid var(--mittis-line);padding-top:1.5rem}mittis-widget .mittis__guide summary{cursor:pointer;text-underline-offset:.2em}mittis-widget .mittis__guide-img{display:block;width:100%;height:auto;margin-top:1.25rem}mittis-widget .mittis__disclaimer{margin:2rem 0 0;font-size:.85em;line-height:1.55;color:var(--mittis-muted)}@media(max-width:749px){mittis-widget{--mittis-pad: 1.35rem}mittis-widget .mittis__dialog{width:calc(100vw - 1.5rem);max-height:calc(100dvh - 3rem)}mittis-widget .mittis__input-wrap{max-width:100%}mittis-widget .mittis__size-badge{font-size:1.6em}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/mittis.css.map */