html,body{height:100vh}body{width:100vw}main,#cofeeContainer{width:100%;height:100%}#cofeeContainer{position:relative;overflow:hidden}.cofee{cursor:pointer;height:20vh;transition:top 5s ease-in-out,left 5s ease-in-out,transform 5s ease-in-out,opacity .5s linear;position:absolute}.cofee.fade{opacity:0}.app-dialog[popover]{border:min(10px,2vw) solid #bc9f6f;width:min(100vw - 2rem,55ch);padding:min(2em,5vw);font-size:clamp(10px,5vw,1em)}.app-dialog::backdrop{backdrop-filter:blur(10px);background:radial-gradient(circle,#bc9f6f88,#2228)}@starting-style{.app-dialog[open]{opacity:0;transform:scale(.7)rotate(-2deg)}}.app-dialog[popover] .dialogCloseBtn{top:-.5em;right:-.5em}#cofeeImg{filter:drop-shadow(0 0 3em #4448);border:min(10px,2vw) solid #bc9f6f44;border-radius:min(10px,2vw);max-height:50vh;margin:auto;display:block}#cofeeName{text-align:center}#cofeeDesc{text-align:center;quotes:"“" "”";display:block;position:relative}#cofeeDesc:empty{quotes:none}#cofeeDesc:before,#cofeeDesc:after{opacity:.5;padding:1ch}