.zsg{--zsg-stop: 46px;--zsg-on-teal: var(--z-cream);--zsg-on-teal-soft: rgba(255, 248, 233, .62);--zsg-on-teal-faint: rgba(255, 248, 233, .2);--zsg-gold-faint: rgba(207, 189, 145, .3);display:block;color:var(--z-ink);font-variant-numeric:tabular-nums}.zsg [hidden]{display:none!important}.zsg button{font:inherit;-webkit-tap-highlight-color:transparent}.zsg :focus-visible{outline:2px solid var(--z-gold-ink);outline-offset:2px}.zsg-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;margin:0 0 16px;background:var(--z-line-soft);border-radius:10px}.zsg--drawer .zsg-tabs{display:none}.zsg-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;padding:8px 4px;border:0;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--z-muted);background:transparent;transition:color .2s var(--z-ease),background-color .2s var(--z-ease),box-shadow .2s var(--z-ease)}.zsg-tab svg{color:var(--z-gold-ink);opacity:.75;transition:opacity .2s var(--z-ease)}@media(hover:hover){.zsg-tab:hover{color:var(--z-teal)}}.zsg-tab[aria-selected=true]{color:var(--z-teal);background:var(--z-paper);box-shadow:0 1px 2px #1732331a,0 4px 12px -8px #17323359}.zsg-tab[aria-selected=true] svg{opacity:1}.zsg-tab[aria-selected=true]:after{content:"";position:absolute;left:30%;right:30%;bottom:5px;height:2px;border-radius:2px;background:var(--z-gold)}.zsg-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;outline:none}.zsg-main{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start;min-width:0}.zsg-side{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:start;min-width:0}.zsg-stage{position:relative;overflow:hidden;padding:16px 0 4px;border-radius:12px;text-align:center;color:var(--zsg-on-teal);background:radial-gradient(120% 70% at 50% 18%,var(--z-teal-lit) 0%,var(--z-teal) 46%,var(--z-teal-deep) 100%);box-shadow:var(--z-sheen),0 18px 40px -28px #173233cc}.zsg-stage:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--z-gold-hair);border-radius:8px;pointer-events:none}.zsg-stage__top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:8px;padding:0 14px 0 12px}.zsg-stage__visual{position:relative;display:grid;place-items:center;align-content:center;min-width:0}.zsg-ring{position:relative;width:120px;transition:width .35s var(--z-ease)}.zsg-ring svg{display:block;width:100%;height:auto;overflow:visible}.zsg-ring__band{fill:none}.zsg-ring__shine{fill:none;stroke:#ffffff8c;stroke-width:1.4;stroke-linecap:round;vector-effect:non-scaling-stroke}.zsg-ring__dim{fill:none;stroke:var(--zsg-on-teal-soft);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 3}.zsg-ring__label{display:block;min-height:18px;margin-top:8px;font-size:12.5px;letter-spacing:.02em;color:var(--zsg-on-teal-soft)}.zsg-result{min-width:0;padding:0;text-align:left}.zsg-result p{margin:0}.zsg-result__label{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--z-gold)}.zsg-result__big{margin:4px 0 0!important;font-family:var(--z-serif);font-size:60px;font-weight:500;line-height:1;color:var(--zsg-on-teal)}.zsg-result__big small{font-size:.42em;letter-spacing:.02em;color:var(--zsg-on-teal-soft)}.zsg-result__big.is-new{animation:zsg-rise .35s var(--z-ease)}@keyframes zsg-rise{0%{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}.zsg-result__meta{margin-top:8px!important;font-size:13.5px;line-height:1.45;color:var(--zsg-on-teal-soft);text-wrap:pretty}.zsg-scale{display:block;min-height:40px;margin:6px 0 0;padding:6px 0;cursor:pointer;text-align:left;font-size:13px;line-height:1.4;color:var(--zsg-on-teal-soft);background:none;border:0}.zsg-scale span:empty{display:none}.zsg-scale span{margin-right:4px}.zsg-scale em{font-style:normal;font-weight:600;color:var(--z-gold);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--zsg-gold-faint)}.zsg-hint{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 14px;margin:10px 0 0;font-size:12px;letter-spacing:.02em;color:var(--zsg-on-teal-soft)}.zsg-hint__all{min-height:32px;padding:0;border:0;background:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--z-gold);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--zsg-gold-faint)}@media(hover:hover){.zsg-hint__all:hover{text-decoration-color:var(--z-gold)}}.zsg-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:6px 14px 10px}.zsg-grid__size{height:44px;padding:0;cursor:pointer;font-size:15px;font-weight:600;color:var(--zsg-on-teal);background:#fff8e90f;border:1px solid var(--zsg-gold-faint);border-radius:6px;transition:background-color .2s var(--z-ease)}@media(hover:hover){.zsg-grid__size:hover{background:#fff8e924}}.zsg-grid__size.is-on{color:var(--z-teal-deep);background:linear-gradient(180deg,var(--z-gold-wash),var(--z-gold));border-color:var(--z-gold)}@media(min-width:768px){.zsg-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}.zsg-dialog .zsg-grid{scroll-margin:16px 0 96px}.zsg-panel.is-actual .zsg-stage__top{grid-template-columns:minmax(0,1fr);gap:14px}.zsg-panel.is-actual .zsg-stage__top{gap:4px}.zsg-panel.is-actual .zsg-result{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 10px;text-align:center}.zsg-panel.is-actual .zsg-result__label{display:none}.zsg-panel.is-actual .zsg-result__big{font-size:40px}.zsg-panel.is-actual .zsg-scale{min-height:32px;margin:0;padding:2px 0}.zsg-panel.is-actual .zsg-match{margin-top:6px}.zsg-panel.is-actual .zsg-match:not([hidden])+.zsg-hint{display:none}.zsg-panel.is-actual .zsg-scale{text-align:center;width:100%}.zsg-match{margin:12px 14px 0;padding:10px 12px;font-size:13.5px;line-height:1.45;text-align:left;color:var(--zsg-on-teal);background:#fff8e914;border-left:2px solid var(--z-gold);border-radius:0 6px 6px 0}.zsg-match b{color:var(--z-gold)}@media(hover:hover){.zsg-scale:hover em{text-decoration-color:var(--z-gold)}}.zsg-dial{position:relative;display:flex;margin-top:4px;padding:26px 0 10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;outline:none;background:linear-gradient(var(--z-gold),var(--z-gold)) 50% 0 / 2px 24px no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent)}.zsg-dial::-webkit-scrollbar{display:none}.zsg-dial:before,.zsg-dial:after{content:"";flex:0 0 calc(50% - var(--zsg-stop) / 2)}.zsg-dial--wide{--zsg-stop: 66px}.zsg-dial:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--z-gold);border-radius:0 0 12px 12px}.zsg-dial__stop{position:relative;flex:0 0 var(--zsg-stop);height:44px;padding:18px 0 0;border:0;cursor:pointer;scroll-snap-align:center;font-size:14px;font-weight:500;color:var(--zsg-on-teal-soft);background:linear-gradient(var(--zsg-on-teal-faint),var(--zsg-on-teal-faint)) 0 0 / 1px 6px no-repeat,linear-gradient(var(--zsg-on-teal-faint),var(--zsg-on-teal-faint)) 25% 0 / 1px 4px no-repeat,linear-gradient(var(--zsg-on-teal-faint),var(--zsg-on-teal-faint)) 75% 0 / 1px 4px no-repeat;transition:color .2s var(--z-ease),transform .2s var(--z-ease)}.zsg-dial__stop:before{content:"";position:absolute;top:0;left:50%;width:1.5px;height:11px;margin-left:-.75px;background:var(--zsg-on-teal-soft);transition:height .2s var(--z-ease),background-color .2s var(--z-ease)}.zsg-dial__stop.is-on{color:var(--zsg-on-teal);font-weight:700;transform:scale(1.18)}.zsg-dial__stop.is-on:before{height:0}.zsg-dial.is-grabbing{cursor:grabbing}.zsg-wrist{display:block;width:100%;max-width:168px;height:auto;overflow:visible}.zsg-wrist__arm{fill:#fff8e91a;stroke:var(--zsg-on-teal-faint);stroke-width:1;stroke-dasharray:3 3;transition:r .35s var(--z-ease)}.zsg-wrist__tag{font-size:12px;font-weight:600;letter-spacing:.04em;fill:var(--zsg-on-teal-soft);font-family:inherit}.zsg-wrist__line{fill:none;stroke:var(--z-gold);stroke-width:1.6;transition:r .35s var(--z-ease),stroke .25s var(--z-ease)}.zsg-wrist__beads{fill:none;stroke:var(--z-gold-wash);stroke-width:6.5;stroke-linecap:round;stroke-dasharray:0 9.5;transition:r .35s var(--z-ease),stroke .25s var(--z-ease)}.zsg-wrist[data-fit=tight] .zsg-wrist__line,.zsg-wrist[data-fit=tight] .zsg-wrist__beads{stroke:#e7b3a3}.zsg-panel[data-kind=bracelet] .zsg-stage{padding-bottom:16px}.zsg-tape{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:8px 14px 0}.zsg-tape__seg{min-width:0;height:46px;padding:0;cursor:pointer;font-size:13px;font-weight:700;color:var(--zsg-on-teal-soft);background:#fff8e90f;border:1px solid var(--zsg-gold-faint);border-radius:6px;transition:background-color .25s var(--z-ease),color .25s var(--z-ease),border-color .25s var(--z-ease)}@media(hover:hover){.zsg-tape__seg:hover{background:#fff8e91f;color:var(--zsg-on-teal)}}.zsg-tape__seg.is-on{color:var(--z-teal-deep);background:linear-gradient(180deg,var(--z-gold-wash),var(--z-gold));border-color:var(--z-gold)}.zsg-form{display:block;width:100%;max-width:230px;height:auto;margin:0 auto}.zsg-form__body path,.zsg-form__body use{fill:#fff8e912;stroke:var(--zsg-gold-faint);stroke-width:1}.zsg-form__body use{stroke:none}.zsg-form__body path{stroke:none}.zsg-form__cap{fill:#fff8e91f}.zsg-form__chain{cursor:pointer}.zsg-form__hit{fill:none;stroke:transparent;stroke-width:14}.zsg-form__line{fill:none;stroke:var(--z-gold);stroke-opacity:.28;stroke-width:1.4;transition:stroke-opacity .25s var(--z-ease),stroke-width .25s var(--z-ease)}@media(hover:hover){.zsg-form__chain:hover .zsg-form__line{stroke-opacity:.6}}.zsg-form__chain.is-on .zsg-form__line{stroke:var(--z-gold-wash);stroke-opacity:1;stroke-width:3}.zsg-form__tag{transition:transform .4s var(--z-ease);pointer-events:none}.zsg-form__tag path{stroke:var(--z-gold);stroke-opacity:.7;stroke-width:1;stroke-dasharray:3 3}.zsg-form__tag circle{fill:var(--z-gold-wash)}.zsg-form__tag rect{fill:var(--z-cream)}.zsg-form__tag text{font-size:15px;font-weight:700;fill:var(--z-teal-deep);font-family:inherit}.zsg-measure{display:grid;gap:8px}.zsg-measure__head{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap}.zsg-measure label{font-size:15px;font-weight:600;line-height:1.4;color:var(--z-teal)}.zsg-how{flex:none;padding:0;border:0;background:none;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--z-gold-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--z-gold)}.zsg-fmt{margin:-2px 0 0;font-size:12.5px;line-height:1.45;color:var(--z-muted)}.zsg-measure__field{display:flex;align-items:center;height:54px;background:var(--z-paper);border:1px solid var(--z-line);border-radius:var(--z-r);transition:border-color .2s var(--z-ease),box-shadow .2s var(--z-ease)}.zsg-measure__field:focus-within{border-color:var(--z-teal);box-shadow:0 0 0 3px var(--z-teal-wash)}.zsg-measure__field input{flex:1 1 0;width:100%;min-width:0;height:100%;padding:0 16px;border:0;outline:none;background:transparent;box-shadow:none;font:inherit;font-size:22px;font-weight:600;color:var(--z-ink);font-variant-numeric:tabular-nums}.zsg-measure__field input::placeholder{font-weight:400;color:color-mix(in srgb,var(--z-muted) 55%,transparent)}.zsg-measure__field span{padding:0 18px;font-size:15px;font-weight:600;color:var(--z-muted)}.zsg-measure__out{min-height:20px;margin:0;font-size:14px;line-height:1.45;color:var(--z-muted)}.zsg-measure__out.is-ok{color:var(--z-sage-ink)}.zsg-measure__out.is-warn{color:var(--z-blush-ink)}.zsg-measure__out:empty{display:none}.zsg-dialog .zsg-measure__out{scroll-margin:16px 0 96px}.zsg-measure__out.is-ask{color:var(--z-ink)}.zsg-measure__out.is-nudge{animation:zoci-fit-nudge .5s var(--z-ease) 1}.zsg-pick{margin:2px;padding:6px 10px;cursor:pointer;font-size:14px;font-weight:600;color:var(--z-teal);background:var(--z-gold-wash);border:1px solid var(--z-gold);border-radius:6px}@media(hover:hover){.zsg-pick:hover{background:var(--z-paper)}}.zsg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.zsg-others{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 16px;font-size:14.5px;font-weight:600;color:var(--z-teal);text-decoration:none;border:1px solid var(--z-line-soft);border-radius:var(--z-r)}.zsg-others svg{flex:none;color:var(--z-gold-ink)}@media(hover:hover){.zsg-others:hover{border-color:var(--z-gold)}}.zsg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 200px;min-height:52px;padding:0 24px;font-size:15.5px!important;font-weight:600;color:var(--z-cream);cursor:pointer;border:0;border-radius:999px;background:var(--z-teal);box-shadow:var(--z-sheen),var(--z-lift);transition:background-color .2s var(--z-ease),transform .15s var(--z-ease)}@media(hover:hover){.zsg-btn:hover{background:var(--z-teal-lit)}}.zsg-btn:active{transform:scale(.98)}.zsg-btn__tick{display:none}.zsg-btn.is-saved{background:var(--z-sage-ink)}.zsg-btn.is-saved .zsg-btn__tick{display:block;animation:zoci-save-pop .35s var(--z-ease)}.zsg-wa{display:inline-flex;align-items:center;justify-self:start;gap:8px;min-height:44px;font-size:14.5px;font-weight:600;color:var(--z-teal);text-decoration:none}.zsg-wa svg{color:var(--z-wa)}.zsg-wa span{text-decoration:underline;text-decoration-color:var(--z-gold);text-underline-offset:4px}.zsg-link{min-height:44px;padding:0 4px;border:0;background:none;cursor:pointer;font-size:14.5px;font-weight:600;color:var(--z-muted);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--z-line)}.zsg-h{margin:0;font-family:var(--z-serif);font-size:24px;font-weight:500;line-height:1.2;color:var(--z-teal)}.zsg-howto{display:grid;gap:4px}.zsg-need{margin:0;font-size:14px;line-height:1.5;color:var(--z-muted)}.zsg-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;counter-reset:zsg}.zsg-steps--two{grid-template-columns:repeat(2,minmax(0,1fr))}.zsg-steps li{display:grid;align-content:start;gap:8px;padding:6px 6px 10px;counter-increment:zsg;background:var(--z-paper);border:1px solid var(--z-line-soft);border-radius:var(--z-r-sm)}.zsg-ill{display:block;width:100%;height:auto;aspect-ratio:120 / 96;padding:4px;color:var(--z-teal);background:var(--z-cream);border-radius:4px}.zsg-ill__strip{fill:var(--z-gold);stroke:var(--z-gold-ink);stroke-width:.8}.zsg-ill__thread,.zsg-ill__loop{stroke:var(--z-gold-ink)}.zsg-ill__loop{stroke:var(--z-gold);stroke-width:5}.zsg-ill__fill{fill:var(--z-gold)}.zsg-steps p{margin:0;padding:0 4px;font-size:13px;line-height:1.4;color:var(--z-muted)}.zsg-steps b{display:block;margin-bottom:2px;font-size:14px;color:var(--z-teal)}.zsg-steps:not(.zsg-steps--two) b:before{content:counter(zsg) ". ";color:var(--z-gold-ink)}.zsg-back{display:flex;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:0 16px;cursor:pointer;font-size:15px;font-weight:600;color:var(--z-teal);background:var(--z-paper);border:1px solid var(--z-teal);border-radius:var(--z-r)}.zsg-back svg{transform:rotate(-90deg)}@media(hover:hover){.zsg-back:hover{background:var(--z-teal-wash)}}.zsg-alt{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;width:100%;padding:8px 14px 8px 8px;cursor:pointer;text-align:left;font-size:13.5px;line-height:1.45;color:var(--z-muted);background:var(--z-paper);border:1px solid var(--z-line-soft);border-radius:var(--z-r)}.zsg-alt .zsg-ill{width:64px;padding:2px}.zsg-alt b{display:block;font-size:15px;color:var(--z-teal)}.zsg-alt>svg:last-child{color:var(--z-gold-ink)}@media(hover:hover){.zsg-alt:hover{border-color:var(--z-gold)}}.zsg-chart{border:1px solid var(--z-line-soft);border-radius:var(--z-r-lg);background:var(--z-paper)}.zsg-chart summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 16px;cursor:pointer;list-style:none;font-size:15px;font-weight:600;color:var(--z-teal)}.zsg-chart summary::-webkit-details-marker{display:none}.zsg-chart summary svg{flex:none;color:var(--z-gold-ink);transform:rotate(90deg);transition:transform .25s var(--z-ease)}.zsg-chart[open] summary svg{transform:rotate(-90deg)}.zsg-chart summary:focus-visible{outline-offset:-2px;border-radius:var(--z-r-lg)}.zsg-tip{display:flex;gap:10px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5;color:var(--z-gold-ink);background:var(--z-gold-wash);border-radius:var(--z-r)}.zsg-tip svg{flex:none;margin-top:1px}.zsg-chart__scroll{max-height:360px;overflow:auto;border-top:1px solid var(--z-line-soft);overscroll-behavior:contain}.zsg--page .zsg-chart__scroll{max-height:none}.zsg-chart table{width:100%;margin:0;border-collapse:collapse;font-size:14px}.zsg-sub{display:block;margin-top:-4px;font-size:12px;font-weight:400;color:var(--z-muted)}.zsg-chart thead th{position:sticky;top:0;z-index:1;padding:10px 12px;text-align:left;font-size:11px;line-height:1.3;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--z-muted);background:var(--z-paper);box-shadow:0 1px 0 var(--z-line-soft)}.zsg-chart td,.zsg-chart tbody th{padding:6px 12px;height:46px;text-align:left;border:0;border-bottom:1px solid var(--z-line-soft);color:var(--z-ink);font-weight:400}.zsg-chart tbody tr:last-child>*{border-bottom:0}.zsg-chart td b{font-weight:600;color:var(--z-teal)}.zsg-row{display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:36px;padding:0;border:0;background:none;cursor:pointer;font-size:15px;font-weight:700;color:var(--z-teal);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}@media(hover:hover){.zsg-chart tbody tr:hover{background:var(--z-cream)}.zsg-row:hover{text-decoration-color:var(--z-gold)}}.zsg-chart tbody tr{transition:background-color .2s var(--z-ease)}.zsg-chart tr.is-on{background:var(--z-gold-wash)!important}.zsg-chart tr.is-on th{box-shadow:inset 3px 0 0 var(--z-gold-ink)}.zsg-chart tr.is-on .zsg-row:after{content:"";width:5px;height:10px;margin:-3px 0 0 2px;border:solid var(--z-gold-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}.zsg-chart td,.zsg-chart tbody th{white-space:nowrap}.zsg-chart td:last-child{white-space:normal}.zsg-cal{display:grid;gap:14px;text-align:center}.zsg-cal .zsg-h{outline:none}.zsg-cal__step-no{margin:0 0 -8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--z-gold-ink)}.zsg-cal__lede{margin:0 auto;max-width:440px;font-size:14.5px;line-height:1.55;color:var(--z-muted)}.zsg-cal__frame{position:relative;display:flex;justify-content:center;height:170px;overflow:hidden;padding-top:18px;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:var(--z-paper);border:1px solid var(--z-line-soft);border-radius:var(--z-r-lg);-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.zsg-cal__frame:before{content:"";position:absolute;left:0;right:0;top:18px;height:1px;background:var(--z-teal);opacity:.35}.zsg-cal__card{position:relative;flex:none;width:324px;height:300px;border:2px solid var(--z-teal);border-bottom:0;border-radius:18px 18px 0 0;background:linear-gradient(160deg,var(--z-gold-wash),var(--z-paper) 70%)}.zsg-cal__frame:focus-visible{outline:2px solid var(--z-gold-ink);outline-offset:2px}.zsg-cal__frame.is-grabbing .zsg-cal__card{border-color:var(--z-gold-ink)}.zsg-cal__grip{position:absolute;left:50%;top:74px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--z-teal)}.zsg-cal__chip{position:absolute;left:16%;top:34px;width:34px;height:26px;border-radius:5px;background:linear-gradient(135deg,var(--z-gold),var(--z-gold-ink));opacity:.8}.zsg-cal__ctl{display:flex;align-items:center;justify-content:center;gap:16px}.zsg-cal__fine{font-size:13px;color:var(--z-muted)}.zsg-cal__step{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;cursor:pointer;font-size:22px!important;line-height:1;color:var(--z-teal);background:var(--z-paper);border:1px solid var(--z-line);border-radius:50%}.zsg-cal .zsg-actions{justify-content:center}.zsg-fine{margin:0;font-size:12.5px;color:var(--z-muted)}@media(min-width:990px){.zsg--page .zsg-tabs{max-width:560px;margin:0 auto 32px}.zsg--page .zsg-panel{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start}.zsg--page .zsg-main{position:sticky;top:110px}.zsg--page .zsg-cal{max-width:620px;margin:0 auto}}.zoci-fit{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:12px 16px 12px 12px;cursor:pointer;text-align:left;font:inherit;color:var(--z-ink);background:var(--z-paper);border:1px solid var(--z-line);border-radius:var(--z-r-lg);transition:border-color .2s var(--z-ease),box-shadow .2s var(--z-ease)}@media(hover:hover){.zoci-fit:hover{border-color:var(--z-gold);box-shadow:0 10px 24px -18px #7a5f2e8c}.zoci-fit:hover .zoci-fit__cta svg{transform:translate(2px)}}.zoci-fit:focus-visible{outline:2px solid var(--z-gold-ink);outline-offset:2px}.zoci-fit__icon{display:grid;place-items:center;flex:none;width:44px;height:44px;color:var(--z-teal);background:var(--z-gold-wash);border-radius:50%}.zoci-fit__text{display:grid;flex:1;min-width:0;gap:1px}.zoci-fit__text strong{font-size:15px;font-weight:600;color:var(--z-teal)}.zoci-fit__text span{font-size:13.5px;line-height:1.4;color:var(--z-muted)}.zoci-fit.is-saved .zoci-fit__text span{color:var(--z-sage-ink);font-weight:600}.zoci-fit__req{margin-left:6px;padding:2px 7px;border-radius:999px;vertical-align:1px;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.04em;color:var(--z-gold-ink);background:var(--z-gold-wash)}.zoci-fit.is-saved .zoci-fit__req{display:none}.zoci-fit.is-needed .zoci-fit__req{color:var(--z-blush-ink);background:var(--z-blush-wash)}.zoci-fit.is-needed{border-color:var(--z-blush-ink);box-shadow:0 0 0 3px var(--z-blush-wash)}.zoci-fit.is-needed{animation:zoci-fit-nudge .5s var(--z-ease) 1}@keyframes zoci-fit-nudge{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.zsg-dialog .zsg-actions{position:sticky;bottom:-1px;z-index:3;margin:0 -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--z-paper);box-shadow:0 -1px 0 var(--z-line-soft)}.zsg-dialog .zsg-actions+.zsg-wa{margin-top:-6px}.zoci-fit.is-needed .zoci-fit__text span{color:var(--z-blush-ink);font-weight:600}.zsg-dialog__need{margin:8px 0 0;font-size:14px;font-weight:600;line-height:1.45;color:var(--z-blush-ink)}.zoci-fit__cta{display:inline-flex;align-items:center;gap:2px;flex:none;font-size:14px;font-weight:600;color:var(--z-teal);text-decoration:underline;text-decoration-color:var(--z-gold);text-underline-offset:4px}.zoci-fit__cta svg{transition:transform .2s var(--z-ease)}html.zsg-lock{overflow:hidden}.zsg-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--z-ink);overflow:hidden}.zsg-dialog::backdrop{background:#17323380;animation:zsg-fade .3s var(--z-ease)}.zsg-dialog.is-closing::backdrop{animation:zsg-fade .26s var(--z-ease) reverse forwards}.zsg-dialog__sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;height:95%;height:calc(100dvh - 28px);background:var(--z-paper);border-radius:14px 14px 0 0;box-shadow:0 -20px 50px -20px #17323373;animation:zsg-up .42s var(--z-ease)}.zsg-dialog.is-closing .zsg-dialog__sheet{animation:zsg-up .26s var(--z-ease) reverse forwards}.zsg-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 12px 12px 18px;border-bottom:1px solid var(--z-line-soft)}.zsg-dialog__title{margin:0;font-family:var(--z-serif);font-size:25px;font-weight:500;line-height:1.15;color:var(--z-teal)}.zsg-dialog__close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;cursor:pointer;color:var(--z-teal);background:var(--z-cream);border:1px solid var(--z-line-soft);border-radius:50%;transition:background-color .2s var(--z-ease)}@media(hover:hover){.zsg-dialog__close:hover{background:var(--z-gold-wash)}}.zsg-dialog__close:focus-visible{outline:2px solid var(--z-gold-ink);outline-offset:2px}.zsg-dialog__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px calc(28px + env(safe-area-inset-bottom))}@media(min-width:768px){.zsg-dialog__sheet{left:auto;top:0;width:min(560px,100vw);height:100%;border-radius:0;animation-name:zsg-in;box-shadow:-20px 0 50px -20px #17323373}.zsg-dialog__head{padding:18px 20px 16px 28px}.zsg-dialog__body{padding:20px 28px 36px}.zsg-dialog .zsg-actions{margin:0 -28px;padding:12px 28px}}@keyframes zsg-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes zsg-in{0%{transform:translate(100%)}to{transform:none}}@keyframes zsg-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.zsg *,.zsg-dialog__sheet,.zsg-dialog::backdrop,.zoci-fit{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/zoci-size-guide.css.map */