/* Shared compatibility rules for custom interactive owners. */
@layer legacy {
::before,::after { box-sizing:border-box; }

button { background-color:unset; padding:unset; text-align:inherit; }

button:not(:disabled) { cursor:pointer; }

video { width:100%; object-fit:cover; }

svg { max-width:100%; }

@media (prefers-color-scheme:light) { option { color:black; }}

img::selection { background:transparent; }

body { -webkit-font-smoothing:antialiased; }

a:not([class]) { text-decoration:underline; }

h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit; text-transform:inherit; text-wrap:inherit; margin-top:0; margin-bottom:0; }

select:has(option[value=""]:checked) { color:color-mix(in lab,currentcolor 60%,transparent); }

::selection { background-color:var(--selection-background); color:var(--selection-text); }

.rich-text a { position:relative; z-index:4; }

a,button,:where([tabindex]),input { outline-offset:var(--focus-offset); }

a:focus-visible,button:focus-visible,[tabindex]:focus-visible,input:focus-visible { outline-color:var(--text); outline-width:var(--focus-width); outline-style:solid; }

[data-button]:has(button:disabled) { opacity:.5; pointer-events:none; }

.stacki-designer .clickable_wrap { z-index:0; }}