.club-create-frame{--club-create-ease: cubic-bezier(.23, 1, .32, 1);--club-create-bg: var(--app-bg);box-sizing:border-box;display:flex;flex-direction:column;background:var(--club-create-bg);color:var(--app-ink);font-family:var(--app-font-jp);font-weight:500;letter-spacing:0}.club-create-frame[data-host=flow]{min-height:459px}.club-create-frame[data-host=bare]{position:fixed;top:var(--vv-top, 0px);left:0;right:0;height:var(--vv-height, 100dvh)}.club-create-dialog{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:#0003;overscroll-behavior:contain;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease-out}dialog.club-create-dialog:not([open]){display:none}.club-create-dialog::backdrop{background:transparent}.club-create-dialog[data-closing]{opacity:0;transition-duration:.16s}:root:has(dialog.club-create-dialog[open]){overflow:hidden}.club-create-frame[data-host=dialog]{--club-create-bg: #faf8f3;--club-create-frame-height: min(459px, calc(100dvh - 32px) );width:390px;max-width:calc(100vw - 32px);height:var(--club-create-frame-height);border-radius:38px;box-shadow:0 8px 48px #00000040;overflow:hidden}@media(max-width:600px){.club-create-frame[data-host=dialog]{--club-create-frame-height: min(459px, var(--vv-height, 100dvh));position:fixed;top:calc(var(--vv-top, 0px) + var(--vv-height, 100dvh) - var(--club-create-frame-height));left:0;right:0;width:100%;max-width:none;border-radius:38px 38px 0 0;transition:transform .2s var(--club-create-ease)}.club-create-dialog[data-closing] .club-create-frame{transform:translateY(24px);transition-duration:.16s}}@starting-style{.club-create-dialog[open]{opacity:0}@media(max-width:600px){.club-create-dialog[open] .club-create-frame{transform:translateY(24px)}}}.club-create{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:0;padding-top:16px}.club-create :where(h2,h3,p,ol){margin:0}.club-create__head{position:relative;box-sizing:border-box;flex:none;min-height:48px;padding:13px 36px 12.6px}.club-create__title{font-size:16px;line-height:1.4;font-weight:500;text-align:center;opacity:.66;outline:none}.club-create__close,.club-create__back{position:absolute;top:2px;box-sizing:border-box;min-width:44px;height:44px;padding:0;border:0;border-radius:999px;background:none;color:var(--app-ink);font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:opacity .16s ease,transform .12s var(--club-create-ease)}.club-create__close{left:16px;width:44px;background:#fff;box-shadow:0 2px 2px #00000008}.club-create__back{right:16px;padding:0 8px;font-size:15px;line-height:1.4;opacity:.66}.club-create__close:disabled,.club-create__back:disabled{opacity:.3;cursor:default}.club-create__close:active:not(:disabled),.club-create__back:active:not(:disabled){transform:scale(.96)}.club-create__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.club-create__body{position:relative;flex:1 1 0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.club-create-frame[data-host=flow] .club-create__body{flex:1 0 auto;overflow-y:visible}.club-create-frame[data-host=flow] :is(.club-create__pane:not(.club-create__pane--color),.club-create__actions){padding-inline:20px}.club-create__pane{grid-area:1 / 1;box-sizing:border-box;min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:0 36px 12px;transition:opacity .22s var(--club-create-ease),transform .22s var(--club-create-ease)}.club-create__center{display:flex;flex-direction:column;align-items:stretch;min-width:0;margin-block:auto}.club-create-frame[data-host=bare] .club-create__center{transform:translateY(calc(var(--vv-hold, 0px) / 2));transition:transform var(--vv-hold-ms, 0ms) ease-out}.club-create__pane[data-side]{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none;transition-duration:.14s}.club-create__pane[data-side=before]{transform:translate(-12px)}.club-create__pane[data-side=after]{transform:translate(12px)}@starting-style{.club-create__pane[data-enter=before]:not([data-side]){opacity:0;transform:translate(-12px)}.club-create__pane[data-enter=after]:not([data-side]){opacity:0;transform:translate(12px)}}.club-create__lead{min-height:12px;font-size:12px;line-height:1;letter-spacing:.12px;text-align:center;opacity:.66}.club-create__input{box-sizing:border-box;display:block;width:100%;min-width:0;max-height:2.9em;margin:20px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--app-ink);caret-color:var(--app-ink);font:inherit;font-size:24px;line-height:1.45;letter-spacing:0;text-align:center;resize:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;outline:none}.club-create__input[hidden]{display:none}.club-create__input:focus-visible{outline:none}.club-create__input::placeholder{color:var(--app-ink);opacity:.1}.club-create__input--name[data-small]{max-height:calc(2em + 6px);margin:11px 0 -3px;padding:3px 0;font-size:14px;line-height:1;letter-spacing:.14px;opacity:.66;pointer-events:none}.club-create__input--tagline{height:2.9em;margin-top:24px}.club-create .club-create__profile input{font-size:16px}.club-create__pane--color{padding:0}.club-create__pane--created .club-create__center{align-items:center;text-align:center}.club-create__created-art{display:block;flex:none;animation:club-create-pop .46s var(--club-create-ease) backwards}.club-create__created-name{margin-top:12px;font-size:19px;line-height:1.35;font-weight:700;letter-spacing:.19px;overflow-wrap:anywhere;outline:none}.club-create__pane--created .social-edit-section{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-self:stretch;gap:8px;margin-top:16px;padding:0;border-top:0;text-align:left}.club-create__pane--created .social-edit-section h2{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.club-create__note{margin-top:12px;font-size:14px;line-height:1.6;text-align:center}.club-create__error{margin-top:12px;padding:0 36px;font-size:13px;line-height:1.5;text-align:center;transition:opacity .16s var(--club-create-ease),transform .16s var(--club-create-ease)}.club-create__pane:not(.club-create__pane--color) .club-create__error{padding:0}@starting-style{.club-create__error{opacity:0;transform:translateY(4px)}}.club-create__actions{flex:none;padding:0 36px 32px}.club-create-frame[data-host=dialog] .club-create__actions{padding-bottom:max(32px,env(safe-area-inset-bottom))}.club-create-frame[data-host=bare][data-keyboard] .club-create__actions{padding-bottom:12px}.club-create__cta{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:56px;padding:0 24px;border:1px solid transparent;border-radius:999px;background-color:var(--app-ink);color:#fff;font:inherit;font-size:16px;line-height:1.5;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .16s ease,background-color .18s ease,color .18s ease,border-color .18s ease,transform .12s var(--club-create-ease)}.club-create__cta.club-tone{border-color:var(--club-cta-border);background-color:var(--club-cta);color:var(--club-cta-text)}.club-create__cta:disabled{opacity:.1;cursor:default}.club-create__cta[aria-busy]{cursor:default}.club-create__cta:active:not(:disabled,[aria-busy]){transform:scale(.985)}.club-create__cta-label{display:grid;place-items:center}.club-create__cta-text{grid-area:1 / 1;white-space:nowrap}.club-create__cta-text[data-state=in]{animation:club-create-fade .16s ease backwards}.club-create__cta-text[data-state=out]{animation:club-create-fade .16s ease reverse forwards}@keyframes club-create-fade{0%{opacity:0}}@keyframes club-create-pop{0%{opacity:0;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.club-create__pane[data-side=before],.club-create__pane[data-side=after]{transform:none}.club-create__close:active:not(:disabled),.club-create__back:active:not(:disabled),.club-create__cta:active:not(:disabled,[aria-busy]){transform:none}.club-create-dialog[data-closing] .club-create-frame{transform:none}.club-create__created-art{animation-name:club-create-fade;animation-duration:.2s}@starting-style{.club-create__pane[data-enter=before]:not([data-side]),.club-create__pane[data-enter=after]:not([data-side]){transform:none}.club-create__error,.club-create-dialog[open] .club-create-frame{transform:none}}}