/* Samsung's forced night mode also alters normal CSS colors. The accompanying
   script uses the device-tested F3 method, exclusively in Samsung Internet. */
@media screen {
    html.samsung-colors { --sb-enabled: 1; }
    html.samsung-colors .sb-positioned { position: relative; }
    html.samsung-colors .sb-isolated { isolation: isolate; }
    html.samsung-colors .sb-painted { background-color: transparent !important; background-image: none !important; }
    html.samsung-colors .sb-surface {
        position: absolute; inset: 0; z-index: -1; display: block;
        width: 100%; height: 100%; max-width: none; border-radius: inherit;
        pointer-events: none; user-select: none;
    }
    html.samsung-colors .sb-field-surface { inset: auto; }
    html.samsung-colors .sb-before::before,
    html.samsung-colors .sb-after::after { background-color: transparent !important; background-image: none !important; }
    html.samsung-colors .sb-text {
        -webkit-text-fill-color: transparent;
        text-shadow: 0 0 0 var(--sb-ink);
        /* Color is repainted on interaction; do not sample an intermediate
           transition between the authored background and the transparent layer. */
        transition-property: transform, opacity, border-color, box-shadow !important;
    }
    html.samsung-colors .sb-text::placeholder {
        -webkit-text-fill-color: transparent;
        text-shadow: 0 0 0 #5e7073;
        opacity: 1;
    }
    html.samsung-colors .sb-text::selection {
        color: #052c34; -webkit-text-fill-color: #052c34;
        text-shadow: none; background: #8fdfdf;
    }
    html.samsung-colors .sb-icon-source { display: none; }
    html.samsung-colors canvas.sb-icon { pointer-events: none; }
    html.samsung-colors input.sb-painted,
    html.samsung-colors textarea.sb-painted { caret-color: #087a91; }
}
/* The normal HTML, CSS backgrounds and vector icons remain the print source. */
@media print {
    .sb-surface, .sb-icon { display: none !important; }
}