:root{--warn: var(--terracotta);--critical-surface: #F6ECE9;--critical-text: #8F4A39;--note-rule: color-mix(in srgb, var(--ink) 60%, var(--white))}html:root{--link-hover: var(--ink)}html:root .surface-white,html:root .article-body{--link-hover: var(--ink)}html:root .article-body>blockquote.pull{border-top-color:var(--ink)}html:root .article-body .callout.callout--note{border-inline-start-color:var(--note-rule)}html:root .article-body .callout:is(.callout--caution,.callout--urgent):before{display:block;margin-block-end:.5em;padding-inline-start:1.5em;background-repeat:no-repeat;background-position:0 .1em;background-size:1.1em 1.1em;font-family:var(--font-ui);font-size:var(--step--1);font-weight:700;letter-spacing:.02em;line-height:1.35}html:root .article-body .callout.callout--caution{border:1px solid var(--rule-soft);border-inline-start:4px solid var(--warn);background-color:var(--surface-raised);color:var(--ink);--link-hover: var(--ink);--text-muted: var(--ink)}html:root .article-body .callout.callout--caution:before{content:"Perhatian";color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E")}html:root .article-body .callout.callout--urgent{border:2px solid var(--warn);border-inline-start-width:6px;background-color:var(--critical-surface);color:var(--ink);--link-hover: var(--ink);--text-muted: var(--ink)}html:root .article-body .callout.callout--urgent:before{content:"Kecemasan";color:var(--critical-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238F4A39'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M11 9h2v5h-2zM11 16h2v2h-2z' fill='%23F6ECE9'/%3E%3C/svg%3E")}@media(forced-colors:active){html:root .article-body .callout:is(.callout--caution,.callout--urgent){border-color:CanvasText}html:root .article-body .callout:is(.callout--caution,.callout--urgent):before{forced-color-adjust:none;background-image:none;padding-inline-start:0;color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/semantic-colour.css.map */