mio-product-share{display:block}.mio-share-dialog{width:calc(100% - 48px);max-width:680px;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #ded9d1;border-radius:24px;background:#fffdf9;color:#373838;box-shadow:0 18px 54px #30292117;font-family:var(--font-body-family, Nunito, sans-serif);overflow:auto;overscroll-behavior:contain}.mio-share-dialog::backdrop{background:#25242073}.mio-share-dialog[open]{animation:mio-share-in .26s cubic-bezier(.2,.75,.25,1) both}.mio-share-dialog[open]::backdrop{animation:mio-share-backdrop-in .26s ease-out both}.mio-share-dialog.is-closing{animation:mio-share-out .21s ease-in both;pointer-events:none}.mio-share-dialog.is-closing::backdrop{animation:mio-share-backdrop-out .21s ease-in both}@keyframes mio-share-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mio-share-out{0%{opacity:var(--mio-share-exit-opacity, 1);transform:var(--mio-share-exit-transform, translateY(0) scale(1))}to{opacity:0;transform:translateY(6px) scale(.99)}}@keyframes mio-share-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes mio-share-backdrop-out{0%{opacity:var(--mio-share-exit-backdrop, 1)}to{opacity:0}}.mio-share-dialog *,.mio-share-dialog *:before,.mio-share-dialog *:after{box-sizing:border-box}.mio-share-dialog [hidden]{display:none!important}.mio-share-dialog h2,.mio-share-dialog h3,.mio-share-dialog p{margin:0}.mio-share-dialog button,.mio-share-dialog a{font-family:inherit;line-height:1.35;font-size:15px;cursor:pointer;transition:transform .25s ease,background .2s ease,border-color .2s ease}.mio-share-dialog svg{width:20px;height:20px;stroke-width:1.6;flex:none}.mio-share-dialog :focus-visible,mio-product-share [data-mio-share-fallback] :focus-visible{outline:2px solid #373b37;outline-offset:3px}.mio-share-dialog__header{display:flex;align-items:center;gap:12px;padding:20px 24px 18px;border-bottom:1px solid #e8e1d6}.mio-share-dialog__logo{width:36px;height:37px;object-fit:contain;flex:none}.mio-share-dialog__header h2{font:700 22px/1.3 var(--font-body-family, Nunito, sans-serif);letter-spacing:-.35px;flex:1;min-width:0}.mio-share-dialog__close{height:44px;width:44px;display:grid;place-items:center;border-radius:10px;background:#fffdf9;border:1px solid #ded9d1;color:#373838;flex:none}.mio-share-dialog__close:hover{background:#f4eee4}.mio-share-dialog__body{display:grid;grid-template-columns:230px minmax(0,1fr)}.mio-share-dialog__media{grid-column:1;grid-row:1 / 4;padding:16px;background:#f6f0e6;display:flex;align-items:center;justify-content:center;min-width:0}.mio-share-dialog__photo{width:100%}.mio-share-dialog__photo img,.mio-share-dialog__photo svg{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:12px}.mio-share-dialog__title{grid-column:2;padding:24px 24px 8px;font:700 18px/1.4 var(--font-body-family, Nunito, sans-serif);overflow-wrap:anywhere}.mio-share-dialog__domain{grid-column:2;padding:0 24px;color:#67655f;font:400 14px/1.5 var(--font-body-family, Nunito, sans-serif);overflow-wrap:anywhere}.mio-share-dialog__actions{grid-column:2;padding:24px;min-width:0}.mio-share-dialog__copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:13px 16px;border-radius:10px;border:1px solid #373b37;background:#373b37;color:#fff;font-weight:700}.mio-share-dialog__copy:hover{background:#252a26;transform:translateY(-1px)}.mio-share-dialog__copy.is-copied{background:#e8efe5;color:#30472e;border-color:#a9b9a1}.mio-share-dialog__tools{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:12px}.mio-share-dialog__email,.mio-share-dialog__phone{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:10px 8px;border:1px solid #ded9d1;border-radius:10px;background:#fffdf9;color:#373838;font-size:14px!important;font-weight:700;text-decoration:none;text-align:center}.mio-share-dialog__email:hover{background:#f8f0e0;transform:translateY(-1px)}.mio-share-dialog__phone:hover,.mio-share-dialog__phone[aria-expanded=true]{background:#fff2cc;border-color:#ccb985}.mio-share-dialog__qr{text-align:center;width:100%}.mio-share-dialog__qr svg{display:block;background:#fff;width:196px;max-width:100%;height:auto;margin:0 auto}.mio-share-dialog__qr p{font:400 14px/1.45 var(--font-body-family, Nunito, sans-serif);margin-top:12px;color:#565650}.mio-share-dialog__feedback{font:400 14px/1.5 var(--font-body-family, Nunito, sans-serif);color:#40563a;margin-top:12px!important}.mio-share-dialog__feedback:empty{display:none}.mio-share-dialog__manual{margin-top:12px;background:#fff2cc;border-radius:10px;padding:12px;font:400 14px/1.45 var(--font-body-family, Nunito, sans-serif)}.mio-share-dialog__manual textarea{display:block;width:100%;min-height:128px;margin-top:8px;padding:8px;background:#fffdf9;color:#373838;border:1px solid #bbad91;border-radius:6px;font:400 16px/1.4 var(--font-body-family, Nunito, sans-serif);resize:vertical}.mio-share-dialog__email-fallback{margin-top:14px;padding-top:12px;border-top:1px solid #e8e1d6;color:#67655f;font:400 13px/1.5 var(--font-body-family, Nunito, sans-serif)}.mio-share-dialog__email-fallback button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:8px 12px;border:1px solid #ded9d1;border-radius:8px;background:#fffdf9;color:#373838;font-size:13px;font-weight:700}.mio-share-dialog__email-fallback button:hover{background:#f8f0e0}.mio-share-dialog__email-fallback textarea{display:block;width:100%;min-height:140px;margin-top:10px;padding:8px;border:1px solid #bbad91;border-radius:6px;background:#fffdf9;color:#373838;font:400 14px/1.5 var(--font-body-family, Nunito, sans-serif);resize:vertical}mio-product-share [data-mio-share-fallback] button{min-height:44px;margin-top:10px;padding:8px 16px;border:1px solid #ded9d1;border-radius:10px;background:#fffdf9;color:#373838;font:700 15px/1.4 var(--font-body-family, Nunito, sans-serif);cursor:pointer}@media(prefers-reduced-motion:reduce){.mio-share-dialog[open],.mio-share-dialog[open]::backdrop,.mio-share-dialog.is-closing,.mio-share-dialog.is-closing::backdrop{animation:none}.mio-share-dialog button,.mio-share-dialog a{transition:none;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/mio-product-share.css.map */
