.comic-community{--community-ink: color-mix(in oklab, var(--color-care) 76%, var(--color-text));--community-muted: color-mix(in oklab, var(--color-text) 78%, var(--color-background));background:var(--tint-hero)}.comic-community [hidden]{display:none!important}.comic-community__submission{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-lg);scroll-margin-top:var(--space-lg)}.comic-community__invitation{padding-block-start:var(--space-md)}.comic-community__free{display:inline-block;font-size:var(--text-xs);font-weight:500;color:var(--community-ink);border:1px solid color-mix(in oklab,var(--color-care) 34%,transparent);border-radius:999px;padding:var(--space-3xs) var(--space-sm);margin-block-end:var(--space-md)}.comic-community__invitation h2{font-size:var(--text-3xl);line-height:1.2;max-width:12ch}.comic-community__intro{margin-block-start:var(--space-md);color:var(--community-muted);max-width:35ch}.comic-community__story-note{display:flex;align-items:flex-start;gap:var(--space-sm);margin-block-start:var(--space-lg);padding-block-start:var(--space-md);border-block-start:1px solid color-mix(in oklab,var(--color-care) 24%,transparent);max-width:35ch;font-size:var(--text-sm);color:var(--community-muted)}.comic-community__story-note>span{font-size:1.6rem;line-height:1.2;color:var(--community-ink)}.comic-community__hand{margin-block-start:var(--space-md);color:var(--community-ink)}.comic-community__form-wrap{display:block;align-self:start;min-width:0;background:var(--color-background);border:1px solid color-mix(in oklab,var(--color-rule) 72%,transparent);border-radius:var(--radius-card);padding:var(--space-md)}.comic-community__account-gate{display:grid;gap:var(--space-sm)}.comic-community__step{color:var(--community-ink);font-size:var(--text-xs);font-weight:500}.comic-community__account-gate h3{font-size:var(--text-xl);line-height:1.25}.comic-community__account-intro{color:var(--community-muted);font-size:var(--text-sm)}.comic-community__account-gate .comic-community__submit{margin-block-start:var(--space-xs);min-height:48px;text-align:center;white-space:normal}.comic-community__account-gate .comic-community__help{margin:0}.comic-community__account{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xs);padding-block-end:var(--space-sm);margin-block-end:var(--space-md);border-block-end:1px solid var(--color-hairline);font-size:var(--text-xs)}.comic-community__account p{min-width:0;color:var(--community-muted)}.comic-community__account strong{display:block;color:var(--color-text);font-weight:500;overflow-wrap:anywhere}.comic-community__account a,.comic-community__form-status a{color:var(--community-ink);text-underline-offset:3px}.comic-community__account a{display:inline-flex;align-items:center;min-height:44px}.comic-community__delivery-note{color:var(--community-muted);font-size:var(--text-xs);margin-block-end:var(--space-sm)}.comic-community__app-form{min-width:0}.comic-community comic-community{display:block}.comic-community__fields{padding:0;margin:0;border:0;min-width:0}.comic-community__required{color:var(--community-muted);font-size:var(--text-xs);margin-block-end:var(--space-md)}.comic-community__field+.comic-community__field{margin-block-start:var(--space-md)}.comic-community__field>label{display:block;font-size:var(--text-sm);font-weight:500;margin-block-end:var(--space-xs)}.comic-community__field input[type=text],.comic-community__field textarea{width:100%;border:1px solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:1rem;padding:var(--space-sm);min-height:48px}.comic-community__field textarea{display:block;resize:vertical;line-height:1.6;min-height:10rem}.comic-community__field ::placeholder{color:var(--community-muted);opacity:1}.comic-community :is(input,textarea,button,a):focus-visible{outline:2px solid var(--community-ink);outline-offset:4px}.comic-community__upload{position:relative;min-height:10.5rem;border:1px dashed color-mix(in oklab,var(--color-care) 55%,var(--color-background));border-radius:var(--radius-input);background:color-mix(in oklab,var(--tint-hero) 45%,var(--color-background));display:grid;place-items:center;padding:var(--space-sm)}.comic-community__upload:focus-within{outline:2px solid var(--community-ink);outline-offset:4px}.comic-community__upload:has(input:hover){background:var(--tint-hero)}.comic-community__upload input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.comic-community__upload-prompt{display:grid;justify-items:center;gap:var(--space-2xs);text-align:center;font-size:var(--text-xs);color:var(--community-muted)}.comic-community__upload-prompt svg{width:32px;height:32px;stroke:var(--community-ink);stroke-width:1.25;margin-block-end:var(--space-3xs)}.comic-community__choose{font-size:var(--text-sm);font-weight:500;color:var(--community-ink);text-decoration:underline;text-underline-offset:3px}.comic-community__photo-preview{width:100%;height:11rem;object-fit:contain}.comic-community__file-meta{display:flex;gap:var(--space-xs);align-items:center;justify-content:space-between}.comic-community__file-meta p{min-width:0;overflow-wrap:anywhere;font-size:var(--text-xs);color:var(--community-muted)}.comic-community__remove{border:0;background:none;min-height:44px;padding-inline:var(--space-2xs);color:var(--community-ink);font:inherit;font-size:var(--text-xs);text-decoration:underline;cursor:pointer}.comic-community__help{font-size:var(--text-xs);color:var(--community-muted);line-height:1.5;margin-block-start:var(--space-xs)}.comic-community__error{font-size:var(--text-sm);color:var(--community-ink);margin-block-start:var(--space-xs)}.comic-community__error:empty{display:none}.comic-community__story-footer{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.comic-community__count{flex-shrink:0;font-size:var(--text-xs);color:var(--community-muted)}.comic-community__form-note{font-size:var(--text-xs);line-height:1.6;color:var(--community-muted);margin-block:var(--space-md)}.comic-community__submit{width:100%;background:var(--community-ink);border-color:var(--community-ink);gap:var(--space-xs)}.comic-community__submit:disabled{opacity:.65;cursor:not-allowed}.comic-community__submit:disabled:hover{background:var(--community-ink)}.comic-community__form-status{text-align:center;font-size:var(--text-xs);color:var(--community-muted);margin-block-start:var(--space-sm)}.comic-community__form-status:empty{display:none}@media(max-width:47.99rem){.comic-community__submission{grid-template-columns:1fr;gap:var(--space-md)}.comic-community__invitation{padding-block-start:0}.comic-community__invitation h2{max-width:20ch;font-size:var(--text-2xl)}.comic-community__intro{max-width:48ch}.comic-community__story-note{margin-block-start:var(--space-md);max-width:48ch}.comic-community__hand{display:none}}@media(max-width:31.99rem){.comic-community__form-wrap{padding:var(--space-sm)}.comic-community__story-footer{flex-wrap:wrap;gap:var(--space-2xs)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/comic-community.css.map */