.share-zalo-sheet{z-index:2200;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));place-items:center;display:grid;position:fixed;inset:0}.share-zalo-sheet__backdrop{background:#050308c2;animation:.22s forwards drawerBackdropFadeIn;position:absolute;inset:0}.share-zalo-sheet__panel{box-sizing:border-box;width:min(100%,26rem);max-height:calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;color:#fbf2df;background:#160b13;border:1px solid #e5c37875;border-radius:1rem;gap:.85rem;padding:clamp(1rem,5vw,1.75rem);animation:.28s cubic-bezier(.16,1,.3,1) forwards drawerSlideIn;display:grid;position:relative;overflow-y:auto;box-shadow:0 1.5rem 4rem #0000008c}.share-zalo-sheet__panel:focus{outline:none}.share-zalo-sheet__close{color:#f6d998;width:2.75rem;height:2.75rem;font:700 1.35rem/1 var(--font-sans);cursor:pointer;background:#e5c37814;border:1px solid #e5c37894;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:.65rem;right:.65rem}.share-zalo-sheet__panel h2{color:#fde8b5;font:700 clamp(1.3rem, 5vw, 1.6rem)/1.25 var(--font-serif);margin:0;padding-right:3rem}.share-zalo-sheet__steps{gap:.35rem;display:grid}.share-zalo-sheet__steps p{margin:0;font-size:.95rem;line-height:1.55}.share-zalo-sheet__status{color:#f6d998;font-weight:700}.share-zalo-sheet__paste{color:#f1dfba}.share-zalo-sheet__open{color:#fff;min-height:2.9rem;font:700 1rem/1.2 var(--font-sans);background:#0068ff;border:1px solid #0000;border-radius:.85rem;justify-content:center;align-items:center;padding:.6rem 1rem;text-decoration:none;display:inline-flex}.share-zalo-sheet__open:hover{background:#0055d4}.share-zalo-sheet__link{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.share-zalo-sheet__link input{box-sizing:border-box;color:#f6e6c7;background:#0c060f;border:1px solid #e5c37875;border-radius:.65rem;min-width:0;min-height:2.75rem;padding:.5rem .65rem;font:500 .8rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.share-zalo-sheet__link button{color:#f6d998;min-height:2.75rem;font:700 .86rem/1.2 var(--font-sans);white-space:nowrap;cursor:pointer;background:#e5c37814;border:1px solid #e5c3789e;border-radius:.65rem;padding:.5rem .85rem}.share-zalo-sheet__close:hover,.share-zalo-sheet__close:focus-visible,.share-zalo-sheet__link button:hover,.share-zalo-sheet__link button:focus-visible{background:#e5c37829;border-color:#f6d998}.share-zalo-sheet__open:focus-visible,.share-zalo-sheet__close:focus-visible,.share-zalo-sheet__link button:focus-visible,.share-zalo-sheet__link input:focus-visible{outline-offset:2px;outline:3px solid #f4d77d}.share-zalo-sheet__qr{justify-items:center;gap:.55rem;margin:0;display:grid}.share-zalo-sheet__code{box-sizing:border-box;aspect-ratio:1;background:#fff;border:1px solid #d8caa9;border-radius:.75rem;place-items:center;width:min(100%,12.5rem);padding:.6rem;line-height:0;display:grid}.share-zalo-sheet__code svg{aspect-ratio:1;width:100%;height:auto;display:block}.share-zalo-sheet__code-note{color:#32171c;text-align:center;font-size:.8rem;line-height:1.45}.share-zalo-sheet__qr figcaption{color:#f1dfba;text-align:center;max-width:32ch;font-size:.82rem;line-height:1.5}html[data-theme=light] .share-zalo-sheet__panel,html.light .share-zalo-sheet__panel{color:#32171c;background:#fffaf0;border-color:#7e372647;box-shadow:0 1.5rem 4rem #4320252e}html[data-theme=light] .share-zalo-sheet__panel h2,html.light .share-zalo-sheet__panel h2{color:#5e1824}html[data-theme=light] .share-zalo-sheet__status,html.light .share-zalo-sheet__status{color:#681d29}html[data-theme=light] :is(.share-zalo-sheet__paste,.share-zalo-sheet__qr figcaption),html.light :is(.share-zalo-sheet__paste,.share-zalo-sheet__qr figcaption){color:#4a242b}html[data-theme=light] .share-zalo-sheet__close,html[data-theme=light] .share-zalo-sheet__link button,html.light .share-zalo-sheet__close,html.light .share-zalo-sheet__link button{color:#681d29;background:#681d290d;border-color:#681d2970}html[data-theme=light] .share-zalo-sheet__close:hover,html[data-theme=light] .share-zalo-sheet__close:focus-visible,html[data-theme=light] .share-zalo-sheet__link button:hover,html[data-theme=light] .share-zalo-sheet__link button:focus-visible,html.light .share-zalo-sheet__close:hover,html.light .share-zalo-sheet__close:focus-visible,html.light .share-zalo-sheet__link button:hover,html.light .share-zalo-sheet__link button:focus-visible{background:#681d291c;border-color:#681d29}html[data-theme=light] .share-zalo-sheet__link input,html.light .share-zalo-sheet__link input{color:#32171c;background:#f5ead7;border-color:#681d2957}html[data-theme=light] :is(.share-zalo-sheet__open,.share-zalo-sheet__close,.share-zalo-sheet__link button,.share-zalo-sheet__link input):focus-visible,html.light :is(.share-zalo-sheet__open,.share-zalo-sheet__close,.share-zalo-sheet__link button,.share-zalo-sheet__link input):focus-visible{outline-color:#681d29}@media (width<=22rem){.share-zalo-sheet{padding-inline:.5rem}.share-zalo-sheet__panel{border-radius:.8rem;padding:.9rem}.share-zalo-sheet__link{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.share-zalo-sheet__backdrop,.share-zalo-sheet__panel{animation:none}}@media (forced-colors:active){.share-zalo-sheet__backdrop{opacity:.75;background:canvas}.share-zalo-sheet__panel,.share-zalo-sheet__close,.share-zalo-sheet__open,.share-zalo-sheet__link button,.share-zalo-sheet__link input,.share-zalo-sheet__code{color:canvastext;forced-color-adjust:auto;background:canvas;border-color:canvastext}.share-zalo-sheet__open{color:linktext}.share-zalo-sheet__code svg{forced-color-adjust:none}}