html,body,#root{height:100%;margin:0}body{font-family:"72","72full",Arial,Helvetica,sans-serif}.lesson{color:var(--sapTextColor)}.lesson pre{background:var(--sapBackgroundColor,#f5f6f7);border-radius:.5rem;padding:.75rem;overflow:auto}.lesson code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}.lesson table{border-collapse:collapse}.lesson td,.lesson th{border:1px solid var(--sapList_BorderColor);text-align:left;padding:.25rem .5rem}.lesson h1{font-size:1.5rem}.lesson h2{margin-top:1.5rem;font-size:1.15rem}.frames{box-sizing:border-box;background:var(--sapBackgroundColor,#f5f6f7);height:100%;padding:.5rem;font-size:13px;overflow:auto}.frame{background:var(--sapList_Background);border:1px solid var(--sapList_BorderColor);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem .75rem}.frame.current{border-color:var(--sapBrandColor,#0070f2);box-shadow:0 0 0 1px var(--sapBrandColor,#0070f2)}.frame table{border-collapse:collapse;width:100%;margin-top:.25rem}.frame td{vertical-align:top;padding:.25rem .5rem .25rem 0}.frame td:first-child{white-space:nowrap;width:1%;padding-right:1rem}.frame tr.changed td{background:var(--sapWarningBackground)}.frames-hint{color:var(--sapNeutralTextColor)}.val-prim{align-items:baseline;gap:.35rem;display:inline-flex}.val-type{color:var(--sapNeutralTextColor);font-size:10px}.val-box{border:1px solid var(--sapList_BorderColor);background:var(--sapBackgroundColor,#f5f6f7);border-radius:4px;flex-wrap:wrap;align-items:flex-end;gap:2px;padding:2px 4px;display:inline-flex}.val-box>.val-type{width:100%}.val-cell,.val-entry{background:var(--sapList_Background);border:1px solid var(--sapList_BorderColor);flex-direction:column;align-items:center;min-width:1.5rem;padding:1px 6px;display:inline-flex}.val-entries{flex-direction:column;align-items:stretch}.val-entry{flex-direction:row;align-items:baseline;gap:.5rem}.val-idx{color:var(--sapNeutralTextColor);font-size:10px}.val-key{color:var(--sapBrandColor,#0070f2)}.val-empty{color:var(--sapNeutralTextColor);font-style:italic}.codeblock{position:relative}.codeblock-copy{opacity:0;transition:opacity .15s;position:absolute;top:.25rem;right:.25rem}.codeblock:hover .codeblock-copy,.codeblock-copy:focus-within,.codeblock-copy.copied{opacity:1}.codeblock-copy.copied{color:var(--sapPositiveTextColor)}.tok-keyword{color:#708}.tok-string,.tok-string2{color:#a11}.tok-number,.tok-bool,.tok-atom{color:#164}.tok-comment{color:#940;font-style:italic}.tok-definition,.tok-variableName.tok-definition{color:#00f}.tok-operator,.tok-punctuation{color:#333}.dark .tok-keyword{color:#c792ea}.dark .tok-string,.dark .tok-string2{color:#ecc48d}.dark .tok-number,.dark .tok-bool,.dark .tok-atom{color:#f78c6c}.dark .tok-comment{color:#7f8c98}.dark .tok-definition,.dark .tok-variableName.tok-definition{color:#82aaff}.dark .tok-operator,.dark .tok-punctuation{color:#c5cbd3}.phone-tabs::part(content){box-sizing:border-box;height:calc(100% - 2.75rem);padding:0}.phone-tabs .lesson{height:100%}