lucid-size-guide{display:block}.lucid-size-guide__tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;margin-block-end:var(--lc-s-5);padding:4px;border-radius:calc(var(--lc-r-control) + 2px);background-color:var(--lc-ground)}.lucid-size-guide__tabs[hidden]{display:none}.lucid-size-guide__tab{position:relative;z-index:1;min-height:40px;margin:0;padding:0 var(--lc-s-2);border:0;border-radius:calc(var(--lc-r-control) - 1px);background:none;color:var(--lc-muted);font-family:var(--lc-font-ui);font-size:14px;font-weight:var(--lc-weight-ui);cursor:pointer;transition:color var(--lc-d-base) var(--lc-ease)}.lucid-size-guide__tab[aria-selected=true]{color:var(--lc-ink)}.lucid-size-guide__tab:focus-visible{outline:2px solid var(--lc-ink);outline-offset:0;box-shadow:var(--lc-focus-ring)}.lucid-size-guide__pill{position:absolute;inset-block:4px;inset-inline-start:4px;width:calc(50% - 4px);border-radius:calc(var(--lc-r-control) - 1px);background-color:var(--lc-paper);box-shadow:0 1px 2px #0000000f,0 0 0 1px #0000000a}.lucid-size-guide__tabs.is-second .lucid-size-guide__pill{transform:translate(100%)}[dir=rtl] .lucid-size-guide__tabs.is-second .lucid-size-guide__pill{transform:translate(-100%)}@media(prefers-reduced-motion:no-preference){.lucid-size-guide__pill{transition:transform var(--lc-d-slow) var(--lc-ease)}}.lucid-size-guide__pane[hidden]{display:none}.lucid-size-guide__question{margin:var(--lc-s-5) 0 var(--lc-s-3);color:var(--lc-muted);font-size:var(--lc-fs-small);line-height:var(--lc-lh-small)}.lucid-size-guide__pane>.lucid-size-guide__question:first-child{margin-block-start:0}.lucid-size-guide__options{display:flex;flex-wrap:wrap;gap:6px}.lucid-size-guide__option{min-height:40px;margin:0;padding:0 var(--lc-s-3);border:0;border-radius:calc(var(--lc-r-control) - 1px);background-color:var(--lc-paper);box-shadow:inset 0 0 0 1px var(--lc-line-strong);color:var(--lc-ink);font-family:var(--lc-font-ui);font-size:var(--lc-fs-small);font-weight:var(--lc-weight-ui);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--lc-d-fast) var(--lc-ease),color var(--lc-d-fast) var(--lc-ease)}@media(hover:hover){.lucid-size-guide__option:hover{box-shadow:inset 0 0 0 1px var(--lc-ink)}}.lucid-size-guide__option[aria-checked=true]{background-color:var(--lc-ink);box-shadow:none;color:var(--lc-on-dark)}.lucid-size-guide__option:focus-visible,.lucid-size-guide__apply:focus-visible{outline:2px solid var(--lc-ink);outline-offset:2px;box-shadow:var(--lc-focus-ring)}.lucid-size-guide__result{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--lc-s-3);min-height:84px;margin-block-start:var(--lc-s-5);padding:18px;border-radius:var(--lc-r-media-inset);background-color:var(--lc-ground)}.lucid-size-guide__result small{display:block;color:var(--lc-muted);font-size:var(--lc-fs-caption)}.lucid-size-guide__result b{display:block;margin-block-start:2px;font-family:var(--lc-font-heading);font-size:26px;font-weight:var(--lc-weight-ui);line-height:1.1}.lucid-size-guide__result b.is-waiting{color:var(--lc-muted);font-family:var(--lc-font-body);font-size:15px;font-weight:400}.lucid-size-guide__apply{min-height:var(--lc-tap);margin:0;padding:0 var(--lc-s-4);border:0;border-radius:var(--lc-r-control);background-color:var(--lc-ink);color:var(--lc-on-dark);font-family:var(--lc-font-ui);font-size:14px;font-weight:var(--lc-weight-ui);white-space:nowrap;cursor:pointer}.lucid-size-guide__apply:disabled{opacity:.25;cursor:default}.lucid-size-guide__note{margin:14px 0 0;color:var(--lc-muted);font-size:var(--lc-fs-caption);line-height:1.45}.lucid-size-guide__sketch{position:relative;margin:0 0 var(--lc-s-2);aspect-ratio:5 / 4;overflow:hidden;border-radius:var(--lc-r-media-inset);background-color:var(--lc-ground)}.lucid-size-guide__sketch-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(1.12)}.lucid-size-guide__scroll{margin-inline:calc(var(--lc-drawer-px, var(--lc-s-4)) * -1);padding-inline:var(--lc-drawer-px, var(--lc-s-4));overflow-x:auto;overscroll-behavior-x:contain}.lucid-size-guide__scroll:focus-visible{outline:2px solid var(--lc-ink);outline-offset:-2px}.lucid-size-guide__scroll table{width:100%;margin:0;border:0;border-collapse:collapse;font-family:var(--lc-font-ui);font-size:var(--lc-fs-small);font-variant-numeric:tabular-nums}.lucid-size-guide__scroll :is(th,td){height:44px;padding:0 4px;border:0;border-block-end:1px solid var(--lc-line);background:none;text-align:center;white-space:nowrap}.lucid-size-guide__scroll th{height:52px;color:var(--lc-muted);font-size:var(--lc-fs-caption);font-weight:var(--lc-weight-ui);line-height:1.25}.lucid-size-guide__scroll th small{display:block;font-size:var(--lc-fs-micro);font-weight:400}.lucid-size-guide__scroll :is(th,td):first-child{padding-inline:0 var(--lc-s-2);color:var(--lc-ink);font-weight:var(--lc-weight-ui);line-height:1.25;text-align:start}.lucid-size-guide__scroll td:first-child small{display:block;color:var(--lc-muted);font-size:var(--lc-fs-micro);font-weight:400}.lucid-size-guide__key{display:inline-grid;place-items:center;width:18px;height:18px;margin-inline-end:6px;border-radius:5px;background-color:var(--lc-ink);color:var(--lc-on-dark);font-size:var(--lc-fs-micro);font-weight:var(--lc-weight-strong);vertical-align:1px}.lucid-size-guide__scroll .is-selected{background-color:var(--lc-accent);color:var(--lc-accent-ink)}.lucid-size-guide__chart{overflow:hidden;border-radius:var(--lc-r-media-inset);box-shadow:0 0 0 1px var(--lc-line)}.lucid-size-guide__chart-img{display:block;width:100%;height:auto}.lucid-size-guide__question--chart{margin-block-start:var(--lc-s-6)}.lucid-size-guide__more{margin:var(--lc-s-5) 0 0;font-size:var(--lc-fs-small)}.lucid-size-guide__more a{color:inherit;text-underline-offset:.25em}@media screen and (max-width:749px){.lucid-size-guide__scroll table{font-size:12.5px}.lucid-size-guide__scroll :is(th,td){padding-inline:2px}.lucid-size-guide__scroll td:first-child{white-space:normal}.lucid-size-guide__key{width:16px;height:16px;margin-inline-end:5px}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/lucid-size-guide.css.map */