/* Keep support choices in the mascot's own screen space instead of above it. */
.mascot-support[open]>summary{visibility:hidden;pointer-events:none}
.mascot-support[open]>.mascot-dismiss{display:none}
.mascot-support[open] .mascot-options{bottom:0;width:min(310px,calc(100vw - 32px));max-height:calc(100dvh - 44px);box-sizing:border-box;padding:14px;overflow:auto}
.mascot-support[open] .mascot-options header{margin-bottom:10px}
.mascot-support[open] .mascot-options>a,.mascot-support[open] .mascot-options>button{margin-top:8px;min-height:44px}
.mascot-support.above-compare[open] .mascot-options{max-height:calc(100dvh - 116px)}
@media(max-width:1199px){
 .mascot-support[open] .mascot-options{max-height:calc(100dvh - 94px - env(safe-area-inset-bottom))}
 .mascot-support.above-compare[open] .mascot-options{max-height:calc(100dvh - 174px - env(safe-area-inset-bottom))}
}
@media(max-height:520px){
 .mascot-support[open] .mascot-options header p,.mascot-support[open] .mascot-options>small{display:none}
 .mascot-support[open] .mascot-options{padding:12px}
}