:modal.foo{width:auto;height:fit-content;--_well: var(--space-inside);max-width:calc(var(--max-content-width) - var(--_well));margin-top:var(--block-spacing-block)}@media (min-width: 40em){:modal.foo{--_well: clamp(var(--space-inside), 10vw, 5%)}}@media (min-width: 50em){:modal.foo{--_well: clamp(var(--space-inside), 20vw, 25%)}}dialog{border:unset;border-radius:10px;background-color:var(--panel-background-color);animation:fade-in 1s}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){dialog::backdrop{background-color:rgba(22,46,52,.25);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.pop-up{--popup-width: 50vw;--pop-up-position: calc(var(--spacing) / 2);--border-radius: 100%;--btn-offset: -1ex;position:fixed;top:unset;bottom:var(--pop-up-position);left:50%;margin-left:calc(var(--popup-width) / 2 * -1);max-width:var(--popup-width);min-width:19em;height:auto;z-index:10}.pop-up.-left{margin-right:auto;margin-left:unset;left:var(--pop-up-position)}.pop-up.-right{margin-left:auto;margin-right:unset;right:var(--pop-up-position)}.pop-up.-right,.pop-up.-left{max-width:19em}@media (max-width: 35.999em){.pop-up.-right,.pop-up.-left{margin:auto}}.pop-up :is([type=button],:any-link,span[class]).link-like{color:#eb6a0a}@media (max-width: 63.999em){.pop-up{--popup-width: 70vw}}@media (max-width: 35.999em){.pop-up{--popup-width: 90vw}}.pop-up-img{max-height:100px;width:auto}