.story-modal{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:var(--radius-xl, 22px);background:#fff;color:var(--ink, #14211f);box-shadow:0 30px 80px #0a1e1c47;overflow:auto}.story-modal::backdrop{background:#0c181661;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.story-modal[open]{animation:story-modal-in .22s ease-out}@keyframes story-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.story-modal[open]{animation:none}}html.story-modal-lock{overflow:hidden}.story-modal-inner{position:relative;padding:28px 24px 22px}.story-modal-x{position:absolute;inset-block-start:12px;inset-inline-end:12px;inline-size:36px;block-size:36px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--tint, #f1f6f5);color:var(--ink-2, #33423f);cursor:pointer}.story-modal-x svg{inline-size:18px;block-size:18px}.story-modal-x:hover{background:var(--line, #e2eae8)}.story-modal-x:focus-visible{outline:3px solid var(--teal, #0e8f83);outline-offset:2px}.story-modal h3{font-size:22px;margin:0 0 6px;padding-inline-end:40px}.story-modal-sub{color:var(--muted, #66746f);font-size:15px;margin:0 0 18px}.story-modal-form{display:grid;gap:14px}.story-field{display:grid;gap:6px}.story-field>span{font-size:14px;font-weight:700;color:var(--ink-2, #33423f)}.story-field input,.story-field textarea{font:inherit;color:var(--ink, #14211f);background:#fff;border:2px solid var(--line, #e2eae8);border-radius:14px;padding:12px 14px;inline-size:100%;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}.story-field textarea{min-height:120px;resize:vertical;line-height:1.65}.story-field input:focus,.story-field textarea:focus{outline:none;border-color:var(--teal, #0e8f83);box-shadow:0 0 0 4px #0e8f831f}.story-modal-send{inline-size:100%;justify-content:center;margin-top:4px}.story-modal-note{margin:0;color:var(--muted, #66746f);font-size:13px;text-align:center}.story-modal .form-status.bad{background:#fdecec;color:#8a1f1f;border-radius:12px;padding:10px 14px;font-size:14px}.fanco .note.note-new{box-shadow:0 0 0 3px var(--teal, #0e8f83)}.story-photo{display:grid;gap:8px}.story-photo-btn{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:10px 14px;border:2px dashed var(--line, #e2eae8);border-radius:14px;color:var(--ink-2, #33423f);font-size:14.5px;font-weight:700;cursor:pointer;transition:border-color .18s ease,background .18s ease}.story-photo-btn:hover{border-color:var(--teal, #0e8f83);background:var(--tint, #f1f6f5)}.story-photo-btn svg{inline-size:20px;block-size:20px}.story-photo-btn small{font-weight:400;color:var(--muted, #66746f)}.story-photo-btn[hidden]{display:none}.story-photo-preview{position:relative;justify-self:start}.story-photo-preview[hidden]{display:none}.story-photo-preview img{display:block;inline-size:120px;block-size:90px;object-fit:cover;border-radius:12px}.story-photo-remove{position:absolute;inset-block-start:6px;inset-inline-start:6px;border:0;border-radius:999px;padding:3px 9px;font-size:12px;cursor:pointer;background:#0c1816b3;color:#fff}.story-photo-status{margin:0;font-size:13px;color:var(--muted, #66746f);min-block-size:1em}.story-photo-status.bad{color:#a12626}.fanco .note-photo{margin-top:12px}.fanco .note-photo img{display:block;max-inline-size:100%;block-size:auto;border-radius:14px}.story-toast{position:fixed;inset-block-end:24px;inset-inline:0;margin-inline:auto;inline-size:max-content;max-inline-size:calc(100vw - 32px);padding:12px 20px;border-radius:999px;z-index:9999;background:var(--teal, #0e8f83);color:#fff;font-weight:700;font-size:15px;box-shadow:0 12px 30px #0a1e1c40;transition:opacity .5s ease,transform .5s ease}.story-toast.is-out{opacity:0;transform:translateY(8px)}.fanco .story-full{color:var(--ink-2, #33423f);font-size:15.5px;line-height:1.7}.fanco .story-full p+p{margin-top:8px}.fanco .story-parent:target{box-shadow:0 0 0 3px var(--teal, #0e8f83)}.fanco .story{display:flex;flex-direction:column}.fanco .story .story-body{display:flex;flex-direction:column;flex:1}.fanco .story .story-more{margin-top:auto;padding-top:10px}.fanco .story-open{display:block;inline-size:100%;padding:0;border:0;cursor:pointer;font:inherit;color:inherit;text-align:inherit}.fanco .story-open img{transition:transform .35s ease}.fanco .story-open:hover img{transform:scale(1.03)}.fanco .story-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0}.fanco .story-open-link{align-self:start;background:none;border:0;padding-inline:0;cursor:pointer;font:inherit;font-weight:700;color:var(--teal, #0e8f83)}.story-read{width:min(560px,calc(100vw - 32px))}.story-read .story-read-img{margin:0 0 16px}.story-read .story-read-img img{display:block;inline-size:100%;block-size:auto;max-block-size:60dvh;object-fit:contain;border-radius:14px;background:var(--tint, #f1f6f5)}.story-read .story-meta{padding-inline-end:40px;margin-bottom:10px}.story-read-text{color:var(--ink-2, #33423f);font-size:16px;line-height:1.75}.story-read-text p+p{margin-top:10px}
/*# sourceMappingURL=/cdn/shop/t/28/assets/fanco-story-modal.css.map */