:root{
    --zds-modal-zindex: 1200;
    --zds-modal-backdrop-zindex: 10;
    --font-stretch-normal: normal;
    --font-stretch-condensed: condensed;
    --font-weight-light: 300;
    --font-weight-regular: normal;
    --font-weight-medium: 500;
    --font-weight-bold: bold;
    --font-size-body-s: 0.625rem;
    --line-height-body-s: 1rem;
    --letter-spacing-body-s: 0.025rem;
    --font-stretch-body-s: var(--font-stretch-normal);
    --font-weight-body-s: var(--font-weight-light);
    --font-family-body-s: "Neue-Helvetica", Arial, sans-serif;
    --font-size-body-m: 0.6875rem;
    --line-height-body-m: 1.125rem;
    --letter-spacing-body-m: 0.025rem;
    --font-stretch-body-m: var(--font-stretch-normal);
    --font-weight-body-m: var(--font-weight-light);
    --font-family-body-m: "Neue-Helvetica", Arial, sans-serif;
    --font-size-body-l: 0.8125rem;
    --line-height-body-l: 1.25rem;
    --letter-spacing-body-l: 0.025rem;
    --font-stretch-body-l: var(--font-stretch-normal);
    --font-weight-body-l: var(--font-weight-light);
    --font-family-body-l: "Neue-Helvetica", Arial, sans-serif;
    --font-size-label-xs: 0.625rem;
    --line-height-label-xs: 1rem;
    --letter-spacing-label-xs: 0.05rem;
    --text-transform-label-xs: uppercase;
    --font-stretch-label-xs: var(--font-stretch-normal);
    --font-weight-label-xs: var(--font-weight-light);
    --font-family-label-xs: "Neue-Helvetica", Arial, sans-serif;
    --font-size-label-s: 0.625rem;
    --line-height-label-s: 1rem;
    --letter-spacing-label-s: 0.05rem;
    --text-transform-label-s: uppercase;
    --font-stretch-label-s: var(--font-stretch-normal);
    --font-weight-label-s: var(--font-weight-light);
    --font-family-label-s: "Neue-Helvetica", Arial, sans-serif;
    --font-size-label-m: 0.6875rem;
    --line-height-label-m: 1rem;
    --letter-spacing-label-m: 0.05rem;
    --text-transform-label-m: uppercase;
    --font-stretch-label-m: var(--font-stretch-normal);
    --font-weight-label-m: var(--font-weight-light);
    --font-family-label-m: "Neue-Helvetica", Arial, sans-serif;
    --font-size-label-xs-highlight: 0.625rem;
    --line-height-label-xs-highlight: 1rem;
    --letter-spacing-label-xs-highlight: 0.05rem;
    --text-transform-label-xs-highlight: uppercase;
    --font-stretch-label-xs-highlight: var(--font-stretch-normal);
    --font-weight-label-xs-highlight: var(--font-weight-medium);
    --font-family-label-xs-highlight: "Neue-Helvetica", Arial, sans-serif;
    --font-size-label-s-highlight: 0.625rem;
    --line-height-label-s-highlight: 1rem;
    --letter-spacing-label-s-highlight: 0.05rem;
    --text-transform-label-s-highlight: uppercase;
    --font-stretch-label-s-highlight: var(--font-stretch-normal);
    --font-weight-label-s-highlight: var(--font-weight-medium);
    --font-family-label-s-highlight: "Neue-Helvetica", Arial, sans-serif;
    --font-size-label-m-highlight: 0.6875rem;
    --line-height-label-m-highlight: 1rem;
    --letter-spacing-label-m-highlight: 0.05rem;
    --text-transform-label-m-highlight: uppercase;
    --font-stretch-label-m-highlight: var(--font-stretch-normal);
    --font-weight-label-m-highlight: var(--font-weight-medium);
    --font-family-label-m-highlight: "Neue-Helvetica", Arial, sans-serif;
    --letter-spacing-title-m: 0.05rem;
    --text-transform-title-m: uppercase;
    --font-stretch-title-m: var(--font-stretch-normal);
    --font-weight-title-m: var(--font-weight-light);
    --font-family-title-m: "Neue-Helvetica", Arial, sans-serif;
    --letter-spacing-title-l: 0.05rem;
    --text-transform-title-l: uppercase;
    --font-stretch-title-l: var(--font-stretch-normal);
    --font-weight-title-l: var(--font-weight-light);
    --font-family-title-l: "Neue-Helvetica", Arial, sans-serif;
    --font-size-title-m: 0.9375rem;
    --line-height-title-m: 1.5rem;
    --font-size-title-l: 1.125rem;
    --line-height-title-l: 1.75rem;
    --color-basic-black: #000;
    --color-basic-white: #fff;
    --color-background-base: var(--color-basic-white);
    --color-content-high: var(--color-basic-black);
    --color-content-mid: #757575;
    --color-background-overlay: #00000040;
    --zds-line-width: 0.03125rem;
}
/* Minimal, thin bordered style */
.zcv-sr2, .zcv-sr2 *{ box-sizing:border-box; font-family: var(--font-family-body-l); }
.zcv-sr2 .zcv-dialog{ background:var(--color-background-base); color:var(--color-content-high); border:none; }
.zcv-sr2 .zcv-header-title{ font-size:var(--font-size-title-m); letter-spacing:var(--letter-spacing-title-m); text-transform:var(--text-transform-title-m); font-weight:var(--font-weight-title-m); }
.zcv-sr2 label{ font-size:var(--font-size-label-m); letter-spacing:var(--letter-spacing-label-m); text-transform:var(--text-transform-label-m); font-weight:var(--font-weight-label-m); }
.zcv-sr2 input, .zcv-sr2 select{ border:none; border-bottom: var(--zds-line-width) solid var(--color-content-mid); padding:0.25rem 0; background:transparent; }
.zcv-sr2 .zcv-divider{ height:var(--zds-line-width); background:var(--color-content-high); opacity:.15; }
.zcv-sr2 .zcv-btn, .zcv-sr2 .zcv-cta{ background:#fff; border:var(--zds-line-width) solid var(--color-content-high); color:var(--color-content-high); border-radius:0; padding:.75rem 1rem; text-transform:uppercase; letter-spacing:.05rem; min-width:10.375rem; }
.zcv-sr2 .size-chip{ border:var(--zds-line-width) solid var(--color-content-high); border-radius:0; padding:.5rem 1rem; }
.zcv-sr2 .result-title{ font-size:var(--font-size-title-l); letter-spacing:var(--letter-spacing-title-l); text-transform:var(--text-transform-title-l); font-weight:var(--font-weight-title-l); }


@font-face{
  font-family: "input-mono";
  src: url("../fonts/input-mono/InputMono-Light.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "input-mono";
  src: url("../fonts/input-mono/InputMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "input-mono";
  src: url("../fonts/input-mono/InputMono-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root{ --zcv-text:#000; --zcv-border:#d0d0d0; --zcv-bg:#fff; --zcv-overlay:rgba(0,0,0,.5); --zcv-shadow:0 32px 64px rgba(0,0,0,.22); }

.zcv-sr2-drawer, .zcv-sr2-drawer * {
  font-family: "input-mono", monospace !important;
  letter-spacing: 0px !important;
  font-weight: 200 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  color: #000 !important;
  -webkit-font-smoothing: antialiased !important;
}

.zcv-sr2-open{overflow:hidden}
.zcv-sr2-overlay{position:fixed;inset:0;background:var(--zcv-overlay);z-index:9999}
.zcv-sr2-overlay[hidden]{display:none}
.zcv-sr2-drawer{position:fixed;right:0;top:0;bottom:0;width:min(560px,100%);background:var(--zcv-bg);box-shadow:var(--zcv-shadow);transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;outline:none}
.zcv-sr2-overlay:not([hidden]) .zcv-sr2-drawer{transform:translateX(0)}

.zcv-sr2-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--zcv-border)}
.zcv-sr2-h1{font-size:16px !important;font-weight:200 !important}
.zcv-sr2-x,.zcv-sr2-back{background:none;border:0;cursor:pointer;padding:8px 10px;border-radius:0}
.zcv-sr2-body{padding:18px 20px;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:8px}
.zcv-sr2-hint{margin:0 0 8px;border:0.5px solid #000;padding:8px 10px}

.zcv-title{margin:0 0 12px;font-weight:200 !important;text-transform:uppercase !important;font-size:16px !important;color:#000 !important}
.zcv-subtitle{margin:12px 0 4px;font-weight:200 !important}

.zcv-label{display:flex;flex-direction:column;gap:6px;margin:12px 0 8px}
.zcv-label-head{display:flex;align-items:center;gap:5px}
.zcv-optional{color:#c7c7c7 !important}
.zcv-help{color:#000 !important;font-size:9px !important;font-weight:100 !important;margin-top:6px}
.zcv-linkline{margin:0 0 10px}
.zcv-linkline a{text-decoration:underline}

.zcv-row{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:680px){.zcv-row{grid-template-columns:1fr 1fr}}
.zcv-col{display:flex;flex-direction:column}

.zcv-input,.zcv-input[type=number],.zcv-input[type=text],select.zcv-input{height:44px;border:0;border-bottom:0.5px solid #000;padding:6px 4px;outline:none;background:#fff;border-radius:0}
.zcv-input:focus{outline:none;border-bottom:0.5px solid #000}

.zcv-label-row{display:flex;align-items:center;justify-content:space-between}
.zcv-units{display:flex;gap:14px}
.zcv-unit{background:none;border:0;padding:0 6px 2px 6px;cursor:pointer}
.zcv-unit[aria-pressed=true]{font-weight:600 !important}
.zcv-unit[aria-pressed=false]{font-weight:200 !important}

.zcv-slider{margin:8px 0}
.zcv-slider-labels{display:flex;justify-content:space-between;margin-bottom:8px;opacity:.7}
.zcv-slider-neo input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:2px;background:#000;outline:none}
.zcv-slider-neo input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border:0.5px solid #000;background:#fff;border-radius:50%;margin-top:-4px}
.zcv-slider-neo input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0.5px solid #000;background:#fff;border-radius:50%}
.zcv-slider-neo input[type=range]::-ms-thumb{width:10px;height:10px;border:0.5px solid #000;background:#fff;border-radius:50%}

.zcv-size{margin:10px 0;font-size:16px !important;font-weight:200 !important}
.zcv-summary{margin:6px 0 10px;opacity:.8}
.zcv-conf{opacity:.8}

.zcv-also{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.zcv-chip{border:0.5px solid #000;border-radius:0;padding:6px 10px}

.zcv-actions{display:flex;gap:8px;margin-top:12px}

.zcv-prod-img{display:flex;justify-content:center;align-items:center;margin:8px 0 10px}
.zcv-prod-img img{max-width:100%;height:auto;border:0.5px solid #000}

.size-selector-header-messages{margin:8px 0 12px}
.size-selector-header-message{padding:8px 10px;border:0.5px solid #000;background:#fff}

.zcv-privacy{font-size:9px !important; font-weight:100 !important; color:#000 !important; opacity:1 !important}

.zcv-sr2-foot{padding:16px 20px;border-top:1px solid var(--zcv-border);display:flex;gap:10px;align-items:center}

.zcv-btn, .zcv-btn-ghost, .zcv-sr2-drawer .button, .zcv-sr2-drawer button {
  font-size: 12px !important;
  font-weight: 200 !important;
  padding: 5px 30px !important;
  border: 0.5px solid #000 !important;
  color: #000 !important;
  border-radius: 0px !important;
  background: #fff !important;
  letter-spacing: 0 !important;
}
.zcv-btn:hover, .zcv-btn-ghost:hover, .zcv-sr2-drawer .button:hover, .zcv-sr2-drawer button:hover {
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 30px !important;
  border: 0.5px solid #000 !important;
  color: #000 !important;
  border-radius: 0px !important;
  background: #fff !important;
  letter-spacing: 0 !important;
}

@media (max-width:480px){
  .zcv-sr2-drawer{width:100%}
  .zcv-sr2-head, .zcv-sr2-foot{padding-left:14px;padding-right:14px}
  .zcv-sr2-body{padding-left:14px;padding-right:14px}
}

.zcv-guide-overlay{position:fixed;inset:0;background:rgba(255,255,255,.6);backdrop-filter:blur(1px);z-index:1200}
.zcv-guide-overlay[hidden]{display:none}
.zcv-guide-modal{position:relative;max-width:720px;margin:5vh auto;background:#fff;border:0.5px solid #000;padding:24px}
.zcv-guide-x{position:absolute;right:12px;top:8px;background:none;border:0;font-size:20px;cursor:pointer}
.zcv-guide-body p{margin:8px 0}