/* A clean circular hello. Tap the video itself to pause or resume. */
.breatho-hello{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));width:148px;height:148px;z-index:4;isolation:isolate}
.breatho-hello[hidden]{display:none!important}
.breatho-hello-orbit{display:block;padding:0;cursor:pointer;appearance:none;width:100%;height:100%;border:3px solid #fffaf0;border-radius:50%;overflow:hidden;background:#e3efd9;box-shadow:0 0 0 1px #c99b5059,0 10px 30px #173b5030}
.breatho-hello-video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:50%}
.breatho-hello-orbit:focus-visible{outline:3px solid #17869b;outline-offset:4px}
@media(max-width:600px){.breatho-hello{width:116px;height:116px;right:max(18px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}.breatho-hello-orbit{border-width:2px}}
@media(max-height:500px){.breatho-hello{width:104px;height:104px;bottom:calc(12px + env(safe-area-inset-bottom))}}
body:has(dialog[open]) .breatho-hello{visibility:hidden;pointer-events:none}