.es-tool,.es{--es-err:#ff9d8f;--es-warn:#ffd400;--es-field:#1b1c1c;--es-line:#3b3d3c;--es-quiet:#a9abaa}.es-top{padding-bottom:calc(80 * var(--hm-u))}.es-title-h1{max-width:calc(1000 * var(--hm-u));font-size:calc(150 * var(--hm-u))}.es-tool{padding:0 calc(34 * var(--hm-u)) calc(130 * var(--hm-u))}.es{grid-template-columns:minmax(0, 1fr) calc(560 * var(--hm-u));align-items:start;gap:calc(100 * var(--hm-u));padding-top:calc(56 * var(--hm-u));border-top:1px solid var(--hm-rule);display:grid}.es-side{min-width:0;position:sticky;top:96px}.es-form{gap:calc(56 * var(--hm-u));max-width:calc(720 * var(--hm-u));min-width:0;font-size:max(16px, calc(18 * var(--hm-u)));flex-direction:column;display:flex}.es-set,.es-sub,.es-social{border:0;flex-direction:column;gap:22px;min-width:0;margin:0;padding:0;display:flex}.es-sub{gap:12px}.es-legend{font-size:max(28px, calc(44 * var(--hm-u)));letter-spacing:-.04em;align-items:baseline;gap:14px;margin-bottom:26px;padding:0;font-weight:600;line-height:1;display:flex}.es-step{font-size:max(13px, calc(15 * var(--hm-u)));letter-spacing:.04em;color:#8c8c8c}.es-field{flex-direction:column;gap:8px;min-width:0;display:flex}.es-label{letter-spacing:-.01em;padding:0;font-weight:600}.es-opt{color:var(--es-quiet);font-weight:400}.es-hint{font-size:max(14px, calc(16 * var(--hm-u)));color:var(--es-quiet);margin:0;line-height:1.4}.es-hint-group{margin-top:-8px}.es-warn{color:var(--es-warn)}.es-input{box-sizing:border-box;border:1px solid var(--es-line);background:var(--es-field);width:100%;min-height:52px;color:var(--hm-ground);font:inherit;font-size:max(16px, calc(19 * var(--hm-u)));border-radius:12px;padding:0 16px}.es-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--hm-ground) 50%), linear-gradient(135deg, var(--hm-ground) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px;padding-right:44px}.es-input::placeholder{color:#8c8c8c}.es-input:focus{border-color:var(--hm-mint)}.es-input[aria-invalid=true]{border-color:var(--es-err)}.es-error{font-size:max(14px, calc(16 * var(--hm-u)));color:var(--es-err);margin:0;font-weight:500;line-height:1.4}.es-error:before{content:"! ";font-weight:700}.es-summary{border:1px solid var(--es-err);color:var(--hm-ground);border-radius:14px;padding:18px 20px}.es-summary p{margin:0;font-weight:600}.es-summary ul{color:var(--es-err);margin:8px 0 0;padding-left:1.2em}.es-social{border:1px solid var(--es-line);border-radius:14px;gap:8px;padding:16px 18px 18px}.es-social-legend{float:left;font-size:max(13px, calc(15 * var(--hm-u)));letter-spacing:.04em;color:#8c8c8c;margin-bottom:4px;padding:0;font-weight:600}.es-social-row{clear:both;grid-template-columns:minmax(150px,.8fr) minmax(0,2fr) auto;align-items:end;gap:12px;display:grid}.es-remove{min-height:52px}.es-pill{border:1px solid var(--hm-ground);min-height:44px;color:var(--hm-ground);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;align-items:center;padding:0 20px;font-weight:600;display:inline-flex}@media (hover:hover){.es-pill:hover{background:var(--hm-ground);color:var(--hm-ink)}}.es-link-btn{min-height:24px;color:var(--hm-ground);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.es-link-btn:hover{color:var(--hm-mint)}.es-danger{color:var(--es-err)}.es-choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.es-choice{border:1px solid var(--es-line);cursor:pointer;border-radius:14px;gap:12px;padding:16px 18px;display:flex}.es-choice:has(input:checked){border-color:var(--hm-mint);background:#18201c}.es-choice:has(input:focus-visible){outline:2px solid var(--hm-ground);outline-offset:3px}.es-choice input,.es-check input{width:20px;height:20px;accent-color:var(--hm-mint);flex:none;margin:2px 0 0}.es .es-choice input:focus-visible{outline:none}.es-choice-words{flex-direction:column;gap:4px;display:flex}.es-choice-title{font-weight:600}.es-choice-hint{font-size:max(14px, calc(16 * var(--hm-u)));color:var(--es-quiet);line-height:1.4}.es-art{fill:var(--hm-ground);margin-bottom:8px;display:block}.es-art .es-art-accent{fill:var(--hm-mint)}.es-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.es-swatch{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.es-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.es-swatch-chip{aspect-ratio:1;border-radius:50%;width:100%;min-width:32px;max-width:52px;box-shadow:inset 0 0 0 1px #e6e8e74d}.es-swatch:has(input:checked) .es-swatch-chip{box-shadow:inset 0 0 0 1px #e6e8e74d, 0 0 0 3px var(--hm-ink), 0 0 0 5px var(--hm-ground)}.es-swatch:has(input:focus-visible) .es-swatch-chip{outline:2px dashed var(--hm-mint);outline-offset:8px}.es-swatch-name{font-size:max(12px, calc(14 * var(--hm-u)));color:var(--es-quiet);text-align:center}.es-swatch:has(input:checked) .es-swatch-name{color:var(--hm-ground);font-weight:600}.es-custom{flex-wrap:wrap;align-items:end;gap:12px 18px;margin-top:8px;display:flex}.es-color{cursor:pointer;align-items:center;gap:12px;min-height:52px;font-weight:600;display:inline-flex}.es-color input{border:1px solid var(--es-line);background:var(--es-field);cursor:pointer;border-radius:12px;width:52px;height:52px;padding:0}.es-color input::-webkit-color-swatch-wrapper{padding:6px}.es-color input::-webkit-color-swatch{border:0;border-radius:6px}.es-color input:focus-visible{outline:2px solid var(--hm-ground);outline-offset:3px}.es-hex{width:9.5em}.es-view{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:14px;display:flex}.es-preview-label{font-size:max(11px, calc(13 * var(--hm-u)));letter-spacing:.08em;text-transform:uppercase;color:#8c8c8c;margin:0;font-weight:600}.es-preview{margin:0 0 18px}.es-toggle{border:1px solid var(--es-line);border-radius:999px;padding:3px;display:inline-flex}.es-toggle-opt{min-height:36px;font-size:max(14px, calc(16 * var(--hm-u)));color:var(--es-quiet);cursor:pointer;border-radius:999px;align-items:center;padding:0 16px;font-weight:600;display:inline-flex;position:relative}.es-toggle-opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.es-toggle-opt:has(input:checked){background:var(--hm-ground);color:var(--hm-ink)}.es-toggle-opt:has(input:focus-visible){outline:2px solid var(--hm-mint);outline-offset:2px}.es-frame[hidden]{display:none}.es-frame{box-sizing:border-box;border-radius:14px;padding:28px 26px;overflow-x:auto}.es-frame-light{color:#222;background:#fff}.es-frame-dark{color:#ededed;background:#1f1f1f;box-shadow:inset 0 0 0 1px #e6e8e724}.hm .es-frame:focus-visible{outline:2px solid var(--hm-mint);outline-offset:3px}.es-sig{letter-spacing:normal;font-family:Arial,Helvetica,sans-serif;line-height:normal}.es-sig img{max-width:none}.es-sig a:focus-visible{outline-offset:2px;outline:2px solid #2b2fd8}.es-cap{font-size:max(13px, calc(15 * var(--hm-u)));color:var(--es-quiet);margin-top:8px;line-height:1.4}.es-check{border:1px solid var(--es-line);font-size:max(15px, calc(17 * var(--hm-u)));cursor:pointer;border-radius:14px;gap:12px;margin-top:6px;padding:14px 16px;line-height:1.4;display:flex}.es-check:has(input:focus-visible){outline:2px solid var(--hm-ground);outline-offset:3px}.es .es-check input:focus-visible{outline:none}.es-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.es-secondary{height:max(48px, calc(60 * var(--hm-u)));padding-inline:max(20px, calc(26 * var(--hm-u)));border:1px solid var(--hm-ground);color:var(--hm-ground);font:inherit;font-size:max(16px, calc(19 * var(--hm-u)));letter-spacing:-.01em;cursor:pointer;background:0 0;border-radius:999px;align-items:center;font-weight:600;display:inline-flex}@media (hover:hover){.es-secondary:hover{background:var(--hm-ground);color:var(--hm-ink)}}.es-status{min-height:1.4em;font-size:max(15px, calc(17 * var(--hm-u)));color:var(--hm-mint);margin:14px 0 0;line-height:1.4}.es-code{font-size:max(15px, calc(17 * var(--hm-u)));margin-top:10px}.es-code summary{cursor:pointer;align-items:center;gap:.4em;min-height:24px;font-weight:600;display:inline-flex}.es-count{color:var(--es-quiet);font-weight:400}.es-textarea{box-sizing:border-box;border:1px solid var(--es-line);background:var(--es-field);width:100%;color:var(--hm-ground);resize:vertical;border-radius:12px;margin-top:10px;padding:12px 14px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.es-privacy{border-top:1px solid var(--hm-rule);font-size:max(15px, calc(17 * var(--hm-u)));color:var(--es-quiet);margin-top:18px;padding-top:18px;line-height:1.45}.es-privacy p{margin:0}.es-privacy strong{color:var(--hm-ground);font-weight:600}.es-clear{gap:18px;margin-top:10px;display:flex}.es-more{padding:0 calc(34 * var(--hm-u)) calc(120 * var(--hm-u))}.es-installs{gap:calc(40 * var(--hm-u));grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.es-installs>li{padding-top:calc(28 * var(--hm-u));border-top:1px solid var(--hm-rule)}.es-installs .ft-n{padding:0;display:block}.es-more-title{margin:calc(14 * var(--hm-u)) 0 0;font-size:max(24px, calc(34 * var(--hm-u)));letter-spacing:-.04em;text-wrap:balance;font-weight:600;line-height:1.05}.es-install-steps{margin:calc(18 * var(--hm-u)) 0 0;font-size:max(16px, calc(18 * var(--hm-u)));color:var(--es-quiet);padding-left:1.3em;line-height:1.45}.es-install-steps li+li{margin-top:6px}.es-install-steps li::marker{color:var(--hm-mint);font-weight:600}.es-gotcha{margin:calc(18 * var(--hm-u)) 0 0;border-top:1px dashed var(--es-line);font-size:max(15px, calc(17 * var(--hm-u)));color:var(--es-quiet);padding-top:14px;line-height:1.45}.es-gotcha strong{color:var(--hm-ground);font-weight:600}.es-back{margin:calc(48 * var(--hm-u)) 0 0}.es-back .pg-more{margin-top:0;padding-block:4px}@media (prefers-reduced-motion:no-preference){html .es-input,html .es-choice{transition:border-color .2s}}@media (max-width:1199px){.es-installs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.es-choices:not(.es-choices-2){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:819px){.es-top{padding-bottom:40px}.es-title-h1{font-size:clamp(48px,14vw,110px)}.es-tool{padding:0 20px 64px}.es{grid-template-columns:minmax(0,1fr);gap:48px;padding-top:36px}.es-form{gap:44px;max-width:none}.es-side{position:static}.es-frame{padding:22px 18px}.es-choices,.es-choices:not(.es-choices-2){grid-template-columns:minmax(0,1fr)}.es-swatches{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:16px}.es-social-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.es-remove{justify-self:start;min-height:24px}.es-more{padding:0 20px 64px}.es-installs{grid-template-columns:minmax(0,1fr);gap:28px}.es-installs>li{padding-top:20px}}