style.css

:root{--font-size:1.2rem;--pad-size:1.5rem;--icon-font-size:calc(var(--pad-size) / 1.6);--color:var(--light-color);--em-color:#ea4335;--color-bg:var(--light-color-bg);--color-gray:#5f6368;--color-pink:var(--light-pink);--light-color:hsl(0,0%,5%);--light-color-bg:hsl(0,0%,95%);--dark-color:rgb(250,250,250);--dark-color-bg:rgb(42,42,46);--gray-text:#606060;--light-pink:#ce314c;--dark-pink:#ff93ce;--color-li:var(--color);--color-bg-li:hsla(0,0%,90%,0.85);--color-bg-li-act:rgba(58,62,57,0.5);--menu-li-bg:rgba(0,0,0,0.05);--code-font-family:'Fira Code','Roboto Mono',Consolas,'DejaVu Sans Mono',Menlo,Monaco,'Microsoft YaHei UI',monospace;--code-size:1.05em;--code-color:rgb(215,186,125);--code-color-tint:rgba(215,186,125,0.85);--code-color-bg:rgba(40,43,51,0.85);--code-color-bg-opacity:rgba(40,43,51);--code-selection:#d2e0ff2f;--word-highlight-bg:rgba(215,186,125,0.08);--light-dark-duration:0.5s;--light-dark-timing:ease;--box-border-radius:6px;--nav-initial-height:0;--nav-visible-height:0;--sidebar-height:calc(100vh - var(--nav-visible-height));--general-duration:0.25s;--img-width:probably 800px;--halo-background-color:rgba(222,222,222,0.72);--halo-border:2px solid rgba(100,100,100,0.1);--link-color:dodgerblue;--global-max-width:35rem;--line-num-border-right:1px solid #ddd;--line-num-padding:0 0.5ch;--line-num-font-size:1.5ch;--search-box-bg:var(--color-bg);--search-box-padding-v:10px;--search-box-padding-h:14px;--search-box-shadow-size:0 1px 6px;--search-box-shadow-size-focus:0 -1px 8px;--search-box-shadow-color:rgba(32,33,36,.28);--search-box-shadow-color-focus:rgba(64,60,67,.42);--search-box-shadow:var(--search-box-shadow-size) var(--search-box-shadow-color);--search-box-shadow-polyfill-size:-2px 24px 4px -3px;--search-box-shadow-polyfill-color:var(--search-box-shadow-color);--search-box-shadow-polyfill:var(--search-box-shadow-polyfill-size) var(--search-box-shadow-polyfill-color);--card-min-width:10rem}[data-theme=dark]{--color:var(--dark-color);--color-gray:#b8b8b8;--color-bg:var(--dark-color-bg);--color-pink:var(--dark-pink);--gray-text:#ccc;--color-bg-li:rgba(46,47,51,0.95);--color-bg-li-act:rgba(111,111,111,0.95);--image-filter:brightness(0.9) grayscale(0.1);--menu-li-bg:rgba(255,255,255,0.1);--halo-background-color:rgba(111,111,111,0.72);--link-color:rgb(91,193,255);--search-box-bg:rgb(53,54,58);--em-color:#ff7866}@keyframes fade-in{from{ opacity:0}}*{font-size:var(--font-size);font-family:'Microsoft YaHei UI',sans-serif}*:focus{outline:none}::before,::after{box-sizing:border-box}a{text-decoration:none;color:var(--link-color)}code a,.code > a{color:deepskyblue}body{margin:0;padding:unset !important;max-width:unset !important;height:100vh;display:flex;flex-direction:column;color:var(--color) !important;background-color:var(--color-bg) !important;overflow-x:hidden;overscroll-behavior:none;scroll-behavior:smooth}@media screen and (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark}:root:not([data-theme='light']){--color:var(--dark-color);--color-bg:var(--dark-color-bg);--color-li:var(--dark-color);--color-bg-li:var(--dark-color-bg)}}body,nav{transition:color var(--light-dark-duration) var(--light-dark-timing),background-color var(--light-dark-duration) var(--light-dark-timing)}button{cursor:pointer;color:#fff;border:none;border-radius:var(--box-border-radius);font-weight:bold;user-select:none;box-shadow:0 0px 2px 0 rgba(45,39,76,0.85);z-index:1}canvas{object-fit:none}code,.code{font-family:var(--code-font-family);color:var(--code-color);background-color:var(--code-color-bg);border-radius:3px;padding:1px 3px;margin:0 0 2px;font-size:var(--code-size);caret-color:rgb(238,206,138)}code::selection,.code::selection,#_console > [input] *::selection,#_console > [output] *::selection{background:var(--code-selection)}.code.button{cursor:pointer;color:var(--code-color) !important;background:linear-gradient(rgba(71,76,89,0.9),rgba(50,150,150,0.4));border-radius:0.55ch;padding:0 0.45ch;box-shadow:0 1px 5px -3px lightgray}.code div{font-family:unset !important}figure{margin:auto;height:100%}figure > img{max-width:inherit !important}figure > figcaption > :first-child{display:block;text-align:center}figure > figcaption > :last-child:not(:only-child){font-size:1rem}flex{display:flex}[space=evenly]{justify-content:space-evenly}html{scroll-behavior:smooth;background-color:var(--color-bg) !important}img{object-fit:scale-down}img:not([src*='.svg']){filter:var(--image-filter)}img[icon]{display:inline-block !important;width:1.25rem;vertical-align:middle;margin-top:-0.25rem !important}nav{display:grid;grid:'menuKey' 0.5fr'mode-select' 0.5fr'search-form' 1fr/ 1fr;justify-content:center;padding:0.8rem 0 1.7rem;text-align:center;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16);transition:all 0.4s;z-index:3}nav.after{display:flex;justify-content:space-around;align-items:center;position:fixed;padding:inherit;--nav-after-height:2.5rem;max-height:var(--nav-after-height);background-color:unset;box-shadow:unset;margin:inherit;max-width:inherit;left:0;right:0}nav.after.from-top{transition-duration:0s}nav + div[role='nav-after-filling']{display:none;height:var(--nav-initial-height)}nav.after + div[role='nav-after-filling']{display:unset;flex-shrink:0}nav.show{visibility:unset;transform:translateY(0)}nav.show.after.shadow{box-shadow:0 0 6px -2px gray}nav.hide{visibility:hidden;transform:translateY(-100%)}nav ul{grid-area:mode-select;padding:0}nav li{list-style-type:none;padding:0 1rem}ol{display:block}p{--marginud:0.6rem;margin:var(--marginud) auto}q{font-size:inherit}q::before,q::after{animation:q-dancing 1s linear 8.25;display:inline-block;font-size:150%;width:min-content}q::before{margin-left:-1ch}@keyframes q-dancing{0%{ transform:rotate(13deg) scale(2)}25%{ transform:rotate(0deg)}50%{ transform:rotate(-13deg) scale(2)}75%{ transform:rotate(0deg)}100%{ transform:rotate(13deg) scale(2)}}ul{position:relative}ul > li{position:relative;overflow:hidden}br-br{display:block;height:0.5rem}i-🚨{padding-top:0.1rem;padding-inline-start:0.66rem;word-break:break-word}.big-click{display:inline-block;clear:both;color:var(--link-color);cursor:pointer;margin:0.8rem 0.48rem}.border-bottom-short{box-shadow:2px 5px 0 -3px #32A1CE;position:relative}.card-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(var(--card-min-width),max-content));justify-content:center;margin:auto 0.75rem}.card-list > figure{cursor:pointer}.cmd-per-end{position:absolute;right:0;top:0;border:2px solid #32A1CE;cursor:pointer;font-size:var(--icon-font-size);user-select:none}.cmd-per-end.right{right:0 !important}.cmd-per-end.clear-output{color:aqua;font-weight:bold;font-size:x-large;top:-0.2em;border:unset}#_console.dbl-col .clear-output{right:var(--icon-font-size) !important}.unfold-from-top .cmd-per-end{font-size:calc(1.2 * var(--icon-font-size))}.m-top + .cmd-per-end{top:calc(-1 * var(--font-size))}.cmd-per-end[setting-btn]{left:calc(1.33 * var(--font-size));border:unset}.cmd-per-end[setting-btn]::before{content:'⚙️'}.code *{font-family:inherit}.dual-opts{display:grid;grid-template-columns:repeat(auto-fit,50%)}.dual-opts > *:first-child{justify-self:end}.dual-opts > *:last-child{justify-self:start}.fadein{visibility:visible;opacity:1;transition:opacity 0.15s linear}.fadeout{visibility:hidden;opacity:0;transition:visibility 0s 0.2s,opacity 0.2s linear}.flash{animation:flash 125ms linear 4 alternate}@keyframes flash{to{background:hsla(0,0%,60%,60%)}}.flr{float:right}.force-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hide,[hide]{display:none}.info-top{position:fixed;top:0;z-index:3;width:100%;background-color:rgb(40,43,51);box-shadow:black 0 0 0.2rem,black 0 0.1rem 1.5rem;border-radius:0 0 0.5rem 0.5rem;overflow:hidden;transition-duration:var(--general-duration);padding:0.5rem 0}.info-top:not(:last-child){filter:opacity(0.98) blur(0.3ch);user-select:none}.info-top:not(:last-child)>*{pointer-events:none}.info-top .code{color:powderblue}@media (orientation:landscape){.info-top > [info] > :first-child{max-width:42rem}}.larger,[larger]{font-size:larger}.m-top{margin-top:var(--font-size)}.no-caret{user-select:none}.pad-both{padding:0 var(--pad-size);padding-inline:var(--pad-size)}.pad-both.code{padding:0 var(--font-size);padding-inline:var(--font-size)}.pointer{cursor:pointer}.reverse-color{mix-blend-mode:difference;color:crimson}.ripple{position:absolute;border-radius:50%;transform:scale(0.2);opacity:0.3;pointer-events:none}.rippleEffect{animation:rippleDrop 0.6s}@keyframes rippleDrop{100%{transform:scale(2);opacity:0.03}}.sml,[sml],[sml]>span{font-size:smaller}.sticky{position:sticky}.table-wrap{--table-bg-color:#34495e;background-color:var(--table-bg-color);color:whitesmoke;border-radius:0.4em;max-width:max-content;padding:0 1rem;margin:1rem auto 0.5rem;overflow:auto}.table{border-collapse:collapse}.table tr:not(:last-child){border-bottom:1px solid #b3bfaa}.table th,.table td{padding:0.5em}.table th{--border:inset -3px 0 3px -1px #72859978,3px -0.5px 3px -1px #252c3378;text-align:left;color:lightblue;position:sticky;left:0;background-color:var(--table-bg-color);box-shadow:var(--border),0 -1px #b3bfaa;z-index:1}.table tr:first-child > th{box-shadow:var(--border)}.table th:first-child,.table td:first-child{padding-left:0.1rem}.table th:last-child,.table td:last-child{padding-right:0.1rem}.table td a{color:#ffa31a}td:empty{padding:0}td[src-type]{display:none}.tc,[tc]{text-align:center;display:block}.tmp-hide{display:none !important}.unfold-from-top{animation:unfold-from-top 0.6s forwards}@keyframes unfold-from-top{0%{opacity:0;transform:translateY(-2rem) scaleY(0.95)}100%{opacity:1;transform:translateY(0) scaleY(1)}}.unfold-from-top-inverse{animation:unfold-from-top-inverse 0.3s forwards}@keyframes unfold-from-top-inverse{100%{opacity:0;transform:translateY(-2rem) scaleY(0.95)}0%{opacity:1;transform:translateY(0) scaleY(1)}}.unrevealed{position:relative;height:40vh;overflow:hidden;pointer-events:none}.unrevealed::before,.unrevealed::after{cursor:pointer;pointer-events:auto;z-index:1;max-width:calc(var(--img-width) / 2)}.unrevealed::before{position:absolute;width:50%;height:100%;left:50%;background-image:linear-gradient(to top,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.1) 100%);content:''}.unrevealed::after{position:absolute;bottom:1rem;left:calc(50% + 1.3rem);content:attr(text-content) attr(subsec-img-count) attr(text-content-end);font-size:1.5rem;color:white;max-width:calc(var(--img-width) / 2 - 1rem)}.unrevealed-{overflow:hidden}.unrevealed-::before{position:absolute;width:calc(100% - var(--margin-left,0rem));height:inherit;background-image:linear-gradient(to top,rgba(0,0,0,0.5) 0,rgba(0,0,0,0) 100%);content:'';margin-left:calc(-1 * var(--padding-left,0rem))}.unrevealed-[collapsed]::before{z-index:1;cursor:pointer}.xl,[xl]{font-size:x-large}.xxl,[xxl]{font-size:xx-large}:lang(zh)[num-pad]{margin:0 0.33ch}[type-dots]{display:inline-block;width:3ch;text-align:initial}#proBar{z-index:4}#menuKey{grid-area:menuKey;font-weight:bold;width:2.3rem;height:2.3rem;border-radius:50%;cursor:pointer;background-color:var(--halo-background-color);border:var(--halo-border);display:flex;justify-content:center;align-items:center;z-index:1;position:relative;top:0;transition:top var(--general-duration) var(--general-duration);color:var(--color-li)}nav.before > #menuKey{background:unset;border:unset;align-self:end}nav.before > #menuKey.force-show{top:calc(var(--nav-initial-height) - var(--nav-visible-height) - var(--font-size) / 1.5)}nav.after > #menuKey{order:1;margin-left:0.3rem}#menuKey > [data-icon='menuKey']{font-size:1.8rem;color:currentColor;font-weight:lighter}html[desktop] #menuKey > [data-icon='menuKey']{padding-bottom:0.3rem;}#menuKey.before [data-icon='menuKey']:nth-child(1){opacity:1;animation:fade-in 0.5s}#menuKey.before [data-icon='menuKey']:nth-child(2){display:none}#menuKey.after [data-icon='menuKey']:nth-child(1){display:none}#menuKey.after [data-icon='menuKey']:nth-child(2){visibility:visible;animation:fade-in 0.6s}#_sidebar{contain:content;display:flex;flex-direction:column;position:absolute;width:75vw;min-width:max-content;max-width:18rem;max-width:min(800px,18rem);height:var(--sidebar-height);min-height:calc(100vh - 100%);top:100%;left:0;overflow:hidden;overscroll-behavior-y:contain;background-color:var(--color-bg);box-shadow:0 0 16px rgba(0,0,0,0.28);transition:transform 0.25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0.25s}nav.after.hide #_sidebar{height:100vh}#_sidebar.hide{visibility:hidden;transform:translateX(-100%)}#_sidebar.show{visibility:visible;transform:translateX(0);transition:transform 0.25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s,color 0s var(--light-dark-timing),background-color var(--light-dark-duration) var(--light-dark-timing)}#_sidebar > :last-child{display:flex;flex-direction:column;justify-content:space-evenly;--padding-side:1rem;padding:var(--padding-side)}#_sidebar > :last-child::before{content:'';position:absolute;height:1px;background:gray;filter:drop-shadow(0 1px 1px gray);width:90%;left:50%;transform:translate(-50%,calc(-2 * var(--padding-side)))}#_sidebar a{color:var(--gray-text);white-space:nowrap;font-size:1rem;font-weight:500;line-height:1.8rem}#menu{position:relative;flex-grow:1;margin-bottom:0;overflow:auto}#menu > li{display:flex;align-items:center;place-content:space-between;padding:0 2rem;line-height:2.5rem;overflow:hidden;cursor:pointer;color:var(--color-li)}#menu > li:hover{background-color:var(--menu-li-bg)}#menu li[as-sub]{height:var(--height);transition-duration:0.3s}#menu li[as-sub].hide{color:burlywood;height:0;opacity:0}#menu > li[has-sub=b18] ~ li[as-sub=b18] > span:first-child{border-left:1px currentColor solid;text-indent:1rem}#menu > li[has-sub=b18] ~ li[as-sub=b18] > span:first-child:lang(zh){text-indent:1.66ch;text-indent:1ic}#menu > li[has-sub=b18] ~ li[as-sub=b18].hide > span:first-child{transition-duration:inherit;text-indent:unset}#menu > li[has-sub=b18] ~ li[as-sub=b18].hide > span:first-child > span{transform:scale(0.8)}#gear{margin:1rem;text-align:center;pointer-events:none}#gear::before{display:inline-block;content:'⚙️';font-size:1.5rem;line-height:3rem;cursor:pointer;pointer-events:auto}#gear:active::before{rotate:1turn;transition:all 0.8s}#setting{--padding:2.5rem;--padding-top:var(--padding);--padding-bottom:0.5ex;position:fixed;top:0;left:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);width:100vw;height:calc(100vh - var(--padding-top) - var(--padding-bottom));transform:translate(-100%,calc(-1 * var(--nav-visible-height)));background:var(--color-bg);color:var(--color);transition:all var(--general-duration);z-index:1}nav.after.show #setting{top:calc(-1 * var(--padding-top));padding-top:calc(var(--nav-visible-height) + var(--padding-top))}#setting.show{transform:translate(0,calc(-1 * var(--nav-visible-height)));transition:all 0.4s}#_sidebar[setting-show]{contain:unset;overflow:unset}#q-form-plus{grid-area:search-form;margin:1rem auto;z-index:-1}#q-form{display:inline-flex;align-items:center;justify-content:center}nav.after > #q-form-plus{margin-right:0.3rem;order:3}#q-form *:not(input){font-family:Arial}nav.after[data-focus-on='q-form'] > #menuKey,nav.after[data-focus-on='q-form'] > #tab-group{display:none}#search-box{display:inline-block;padding:var(--search-box-padding-v) var(--search-box-padding-h);margin:0;background-color:var(--color-bg);border:none;border-radius:var(--box-border-radius);border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:0 0 2px 0 rgba(45,39,76,0.85);transition:all 0.5s ease-in-out,visibility 0s,box-shadow 0s,border-color 0s}#search-box:not(.code){color:var(--color)}#search-box:hover,#search-box:focus,#search-box:hover + button{box-shadow:0 0 4px rgba(45,39,76,0.9)}nav.before #search-box:focus + button{box-shadow:0 0 4px rgba(45,39,76,0.9)}#search-box.code{background-color:rgb(40,43,51)}#search-box.code::placeholder{color:var(--code-color-tint-for-chrome)}#search-box.i-💭{border-bottom-left-radius:0;box-shadow:var(--search-box-shadow),var(--search-box-shadow-polyfill)}#search-box.i-💭 + button{--box-shadow:var(--search-box-shadow);--box-shadow-extra:4px 0 8px -3px var(--search-box-shadow-color);box-shadow:var(--box-shadow),var(--box-shadow-extra)}nav.before #search-box.i-💭:focus + button{--box-shadow-extraa:var(--box-shadow-extra),var(--box-shadow-extra),var(--box-shadow-extra);box-shadow:var(--box-shadow),var(--box-shadow-extraa)}[data-theme=dark] #search-box{background-color:var(--search-box-bg)}[data-theme=dark] #q-form-plus{--box-shadow-dark:0 0 2px hsla(0,0%,100%,0.9);--box-shadow:var(--box-shadow-dark)}[data-theme=dark] #q-form-plus:hover,[data-theme=dark] #q-form-plus:focus-within{--box-shadow-focus:0 0 1px 1px hsl(0,0%,100%);--box-shadow:var(--box-shadow-focus)}#q-form-plus:hover,#q-form-plus:focus-within{--box-shadow-color-spec:var(--search-box-shadow-color-focus)}[data-theme=dark] #search-box,[data-theme=dark] #search-box + button{box-shadow:var(--box-shadow-dark)}[data-theme=dark] #search-box{margin-right:-1px;z-index:2}[data-theme=dark] i-💭{margin-top:-1px;z-index:3}[data-theme=dark] #q-form-plus:hover #search-box,[data-theme=dark] #q-form-plus:hover #search-box + button{box-shadow:var(--box-shadow-focus)}#q-form-plus:hover #search-box.i-💭,#q-form-plus:focus-within #search-box.i-💭{--search-box-shadow-polyfill-color:var(--search-box-shadow-color-focus);box-shadow:var(--search-box-shadow-size-focus) var(--search-box-shadow-color-focus),var(--search-box-shadow-polyfill-size) var(--search-box-shadow-polyfill-color)}#q-form-plus:hover #search-box.i-💭 + button,#q-form-plus:focus-within #search-box.i-💭 + button{box-shadow:var(--search-box-shadow-size-focus) var(--search-box-shadow-color-focus)}[data-theme=dark] #q-form-plus:hover #search-box,[data-theme=dark] #q-form-plus:hover #search-box + button,[data-theme=dark] #q-form-plus:focus-within #search-box:focus,[data-theme=dark] #q-form-plus:focus-within #search-box:focus + button{box-shadow:var(--box-shadow-focus) !important}nav.before #search-box,nav.before i-💭{width:calc(100vw - 7rem);max-width:32rem}nav.before i-💭{min-width:min-content}nav.before #search-box.code{width:calc(100vw - 4.5rem);max-width:36rem}nav.after{--search-box-border-width:2px;--search-box-border:var(--search-box-border-width) solid rgba(45,39,76,0.85)}nav.after #search-box{width:2.5rem;height:2.5rem;border-radius:50%;border:var(--search-box-border);transition:all 0.3s}:not([data-theme=dark]) nav.after #search-box{box-shadow:unset}nav.after #search-box:not(:focus):not(#q-form.focus > #search-box){color:transparent;background-color:var(--halo-background-color);border:var(--halo-border)}nav.after #search-box::placeholder{color:transparent}nav.after #search-box:hover{cursor:pointer}nav.after #search-box:focus,nav.after #q-form.focus > #search-box{cursor:unset;width:calc(100vw - 4rem);width:min(calc(100vw - 4rem),35rem);border-radius:24px 0 0 24px;padding-left:12px}nav.after #q-form.i-💭 + i-💭{width:calc(100vw - 4rem);width:min(calc(100vw - 4rem),35rem);--box-border-radius:24px}nav.after #search-box.i-💭:focus,nav.after #q-form.focus > #search-box.i-💭{border-bottom-left-radius:0;border:none;box-shadow:var(--search-box-shadow),0 24px 3px -1px var(--search-box-shadow-color) !important;transition-duration:0s}[data-theme=dark] nav.after #q-form-plus:hover #search-box.i-💭,[data-theme=dark] nav.after #q-form-plus:focus-within #search-box.i-💭{box-shadow:0 0 1px 1px white !important}nav.after #q-form-plus:hover #search-box,nav.after #search-box:focus,nav.after #search-box:focus + button{box-shadow:none !important}nav.after #q-form.focus > #search-box.code,nav.after #search-box.code:focus{font-family:'Fira Code','Roboto Mono',Consolas,'DejaVu Sans Mono',Menlo,Monaco,'Microsoft YaHei UI',monospace;background-color:rgba(40,43,51,0.95)}nav.after #search-box:focus::placeholder{color:gray;mix-blend-mode:color-dodge}nav.after #search-box.code::placeholder{color:inherit}#btn-search{--init-pad-v:calc(var(--search-box-padding-v) + 2px);--init-pad-h:var(--search-box-padding-h);padding:var(--init-pad-v) var(--init-pad-h);margin:0;border-top-left-radius:0;border-bottom-left-radius:0;background-color:rgba(45,39,76,0.85)}#btn-search:hover{background-color:rgba(45,39,76,0.9)}#btn-search:active{box-shadow:0 1px #666;transform:translateY(2px)}nav.after #btn-search{height:2.5rem;border-radius:0 24px 24px 0}nav.after #btn-search.before.focus{height:unset !important;padding:calc(var(--init-pad-h) + 1.5 * var(--search-box-border-width)) var(--init-pad-h) !important}nav.after #btn-search.after,nav.after.show.sticky [data-icon='find'].focus{display:none}nav.after.show.sticky #btn-search.after.focus{display:unset}nav.after #btn-search.focus{font-size:0 !important}nav.after #btn-search.focus::before{content:'🔍';font-size:1.5rem;margin:-0.5rem;width:2.5rem;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.search-icon{--size:1.28rem;background-image:url("data:image/svg+xml;UTF-8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 226 226'><g fill='none' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode:normal'><path d='M0,226v-226h226v226z' fill='none'></path><g fill='%23ecf0f1'><path d='M94.92,13.56c-42.39266,0 -76.84,34.44734 -76.84,76.84c0,42.39266 34.44734,76.84 76.84,76.84c16.77344,0 32.27563,-5.40281 44.9175,-14.54875l59.46625,59.325l12.7125,-12.7125l-58.76,-58.90125c11.54719,-13.45406 18.50375,-30.91609 18.50375,-50.0025c0,-42.39266 -34.44734,-76.84 -76.84,-76.84zM94.92,22.6c37.50188,0 67.8,30.29812 67.8,67.8c0,37.50188 -30.29812,67.8 -67.8,67.8c-37.50187,0 -67.8,-30.29812 -67.8,-67.8c0,-37.50187 30.29813,-67.8 67.8,-67.8z'></path></g></g></svg>");width:var(--size);height:var(--size);vertical-align:middle;display:inline-block}#btn-search[mode='code'] > .search-icon,nav.after #btn-search > .search-icon,nav.after #btn-search > [run]::after{display:none}#btn-search[mode='code'] > [run]::after{content:attr(text-content);color:var(--dark-color)}#btn-search[mode='code'] > [run]:lang(zh)::after,#btn-search[mode='code'] > [run]:lang(ja)::after,#btn-search[mode='code'] > [run]:lang(ko)::after{font-size:smaller}[data-icon='find']{display:none;z-index:2}[data-icon='find'].after{display:unset;font-size:1.5rem;position:absolute;cursor:pointer}nav.before [data-icon='find']{display:none}#tab-group{display:flex;justify-content:center;z-index:-1}nav.after > #tab-group{flex:1;order:2}#tab-group li{max-width:4rem;height:max-content;flex-basis:100%;padding:10px 14px;color:var(--color-li);background-color:var(--color-bg-li);cursor:pointer;user-select:none;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08)}[data-theme=dark] #tab-group li{--border-color-li:var(--color-bg-li-act);border:1px solid var(--border-color-li);border-left:unset;margin:-1px 0}#tab-group li:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}#tab-group li:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}#tab-group li:first-child{border-left:1px solid var(--border-color-li)}#tab-group li:not(:last-child){border-right:1px solid var(--border-color-li)}#tab-group li.active{color:white;background-color:var(--color-bg-li-act)}#_console{--link-color:rgb(91,193,255);background-color:var(--code-color-bg-opacity)}nav.after + #_console::before{content:' ';display:block;height:2.5rem;background:rgba(72,75,81,0.95)}#_console > [input]{overflow:hidden}#_console > [input] > [info],#_console > [output] > [info]{font-size:unset;overflow-y:hidden}#_console > [output] > .num-circ + [info]{text-indent:0.4ch}#_console > [input] > header{position:absolute;top:0;width:100%;text-align:center;color:#aaa;cursor:default;pointer-events:none;transform:translateY(calc(-1 * var(--pad-size) / 8))}#_console > [input] > header > span{pointer-events:auto;font-size:85%;letter-spacing:0.05ch}#_console.dbl-col{display:flex;flex-wrap:wrap}#_console.dbl-col > [input],#_console.dbl-col > [output]{min-width:50%;flex-grow:1;flex-basis:auto}#_console.dbl-col > [input]{resize:horizontal}#_console.dbl-col > [input]:only-child{max-width:unset}#_console.dbl-col > [output]{max-height:250vh}#_console [info-block].err{background-color:darkred}#_console [info-block].editable{position:relative;padding-top:var(--pad-size);--left:var(--font-size)}#_console [info-block].editable::before{position:absolute;content:'✏️';line-height:var(--line-height);font-size:calc(var(--line-num-font-size) / 1.35);width:var(--pencil-width);min-width:2ch;text-align:right;padding-left:1ch;padding-top:calc(var(--line-height) / 2.5);transform:translate(calc(-1 * var(--line-num-font-size) / 2),-1px)}#_console [info-block].editable::after{position:absolute;content:'';top:var(--pad-size);height:var(--line-height);border-right:var(--line-num-border-right);width:var(--pencil-width);min-width:2ch;transform:translateY(3px)}#_console [info-block].editable > .pad-both{padding:unset;--margin-side:1ch;margin:0 var(--margin-side);padding-inline:unset;position:relative;left:var(--left);width:calc(100% - 2 * var(--margin-side) - var(--pad-size));z-index:1}#_console [info-block].editable > .cmd-per-end{right:unset}#_console [info]{position:relative;z-index:0;overflow:auto}#_console [info].code{background-color:var(--code-color-bg-opacity)}#_console [info].editable{white-space:pre}#_console [info].editable > *:not([class]){position:inherit}#_console > [input],#_console > [output]{--line-height:2.35ch}#_console > [input] > [info]{line-height:var(--line-height)}#_console > [input] > [info] pre{margin:unset}#_console > [input] > [info] code,#_console > [input] > [info] span{font-size:unset !important;font-family:unset !important}#_console > [input] > [info] span:not([style]){color:unset}#_console [info].respect-origin{background:unset !important}.autocomplete{--width:calc(var(--max-word-len) * 1ch);--minor-pad-size:0.5ch;--candidates-per-scroll:7;--scroll-width:calc(var(--width) + 1ch + 2 * var(--minor-pad-size));--sm-ch:0.2ch;position:absolute;left:calc(var(--word-left) * 1px - var(--minor-pad-size) + 0.05ch);top:calc(var(--word-bottom) * 1px);max-width:100vw;user-select:none;cursor:pointer;padding:unset;max-height:calc(var(--candidates-per-scroll) * 2ch + var(--sm-ch));overflow-y:auto;overscroll-behavior:contain;background-color:var(--code-color-bg-opacity);--border-width:1px;border:var(--border-width) solid #555;margin:0 calc(-1 * var(--border-width));z-index:3}.autocomplete > li{position:relative;padding:0 var(--minor-pad-size);list-style:none;color:hsla(0,0%,80%,0.9);white-space:nowrap}.autocomplete > li:hover{background-color:hsla(0,0%,100%,0.1)}.autocomplete > li::selection{background:none}.autocomplete > li.select::after{content:'';background-color:hsla(0,0%,100%,0.1);position:absolute;left:0;right:0;top:0;bottom:0}.autocomplete > li > b{color:var(--code-color)}.autocomplete > li > i{color:var(--code-color-tint)}.word-highlight-block{background-color:var(--word-highlight-bg);position:absolute;z-index:1;pointer-events:none}.line-num{position:absolute;counter-set:line 1;counter-reset:line;top:calc(var(--pad-size) + var(--line-height) + 1px);text-align:right;border-right:var(--line-num-border-right);padding:var(--line-num-padding);color:#888;min-width:calc(var(--line-num-font-size) / 1.5)}.line-num > div{font-family:var(--code-font-family);height:var(--line-height)}.line-num > div:before{counter-increment:line;content:counter(line);font-size:var(--line-num-font-size);position:relative;top:calc(var(--font-size) - var(--line-num-font-size))}.num-circ{display:inline-block;text-align:center;line-height:0;border-radius:50%;min-width:1.5ch;min-height:1.5ch;color:var(--dark-color);background-color:#555;position:absolute;top:calc(var(--line-height) / 5.5);user-select:none;z-index:1}.err .num-circ{background-color:#f00c;font-weight:bold}.num-circ > div{font-size:1.05ch;padding:50% 0;margin:0 auto}[output] > .num-circ.long{position:unset;border-radius:0.75ch;line-height:unset;min-height:unset}[output] > .num-circ.long > div{padding:0.2ch 0.6ch}.line-wrap{white-space:pre-wrap;word-break:break-word}.monaco-editor *{font-size:initial;font-family:unset}.monaco-editor .rename-input{color:unset}#contentPanel > #imgPanel{display:none}#contentPanel > #imgPanel.active{display:unset}#contentPanel details{margin-bottom:1rem}#contentPanel img{max-width:100%;max-height:100vh;display:block;margin:0 auto}#contentPanel summary{font-size:2rem;text-transform:uppercase;cursor:pointer;margin-left:0.2rem}#imgPanel [loading-indicator-text] [stop]:not([onclick]){color:var(--gray-text);cursor:default}#imgPanel.active.mask img:not([icon]){filter:opacity(0.03)}#imgPanel .bottom-sticky{position:sticky;display:flex;bottom:0;margin:0 auto;justify-content:center;text-align:center;z-index:1}#imgPanel .bottom-sticky [data-event-key]{line-height:calc(1.15 * var(--font-size));max-width:5rem;flex-basis:100%;margin:0.5rem 0.75rem 0;cursor:pointer;background:dodgerblue;color:white;border:none;border-radius:6px;box-shadow:0 0 10px #999}#imgPanel [other-info]{margin:auto;width:max(min(100vw - 1ch,45ch),min(50%,75ch))}#imgPanel [other-info]:empty{margin:unset}#imgPanel [other-info] p{--size:0.8rem;font-size:var(--size)}#imgPanel [other-info] p:first-child{margin-top:0}#imgPanel [other-info] p:not(:last-child){margin-bottom:var(--size)}#imgPanel [other-info] p:not(:first-child){padding-top:var(--marginud);border-top:1px solid #8888}#imgPanel [other-info] p>.rev-scores{float:right}#imgPanel [other-info] p *{font-size:inherit}#imgPanel [other-info] q{display:inline-grid;margin-left:1rem}#imgPanel [other-info] *{line-break:anywhere}#video_info{font-size:1rem}#video_info *{font-size:inherit}#searchPanel{padding:0 0.5rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--card-min-width),1fr));gap:1rem}[data-theme=dark] #searchPanel{background-color:hsla(0,0%,100%,0.05)}@media (min-width:40rem){#searchPanel{grid-template-columns:repeat(auto-fit,minmax(calc(2 * var(--card-min-width)),1fr))}}.search-result{margin:1rem 0}.search-result em{color:var(--em-color);font-style:normal}.search-result #taw a{cursor:pointer}.search-card{padding:0.75rem;margin:0.25rem 0;border-radius:0.5rem;box-shadow:0 2px 2px hsla(0,0%,0%,0.15),0 0 3px hsla(0,0%,0%,0.2);animation:slide-in 0.3s forwards;display:flex;flex-direction:column;gap:0.5ex}@keyframes slide-in{from{opacity:0;transform:translateX(-75%)}to{opacity:unset;transform:unset}}[data-theme=dark] .search-card{box-shadow:0 2px 2px hsla(0,0%,100%,0.15),0 0 3px hsla(0,0%,100%,0.2);background-color:var(--dark-color-bg)}.search-card > [link]{font-size:medium;color:#00644d;line-break:anywhere}[data-theme=dark] .search-card > [link]{letter-spacing:0.08ch;color:lightblue}.search-card > [link] > [domain]{font-size:large;font-weight:bold}[data-theme=dark] .search-card > [link] > [domain]{color:lightskyblue;font-weight:unset;font-size:larger}.search-card > [title]{cursor:default}.search-card > [excerpt]{font-size:medium}.search-card > [excerpt] *{font-size:inherit}.search-card > [excerpt] em{font-size:inherit;font-weight:unset;font-style:unset}#bottom-background{position:relative;background:linear-gradient(30deg,rgba(5,25,55,0.7),rgba(65,84,107,0.9),rgba(45,39,76,0.8)),linear-gradient(-30deg,rgba(15,93,127,0.7),transparent 40%);font-size:10rem;flex-grow:1;flex-shrink:0;height:var(--sidebar-height);min-height:50vh}#sentinel{position:absolute;bottom:0;width:100%;height:1px}#globalOverlay{position:fixed;width:100%;height:100%;backdrop-filter:brightness(0.6);z-index:2}@supports not (backdrop-filter:brightness(0.6)){#globalOverlay{background:rgba(0,0,0,0.6)}}[container-of='i-🎞️']{display:grid}@media (orientation:landscape){html{scrollbar-width:thin;scrollbar-color:hsla(0,0%,50%,0.9) transparent}[data-theme=dark]{scrollbar-color:hsla(0,0%,46%,0.9) transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{border-radius:2px;background:hsla(0,0%,40%,0.9)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,30%,0.9)}::-webkit-scrollbar-thumb:active{background:hsla(0,0%,20%,0.9)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:hsla(0,0%,50%,0.9)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,60%,0.9)}[data-theme=dark] ::-webkit-scrollbar-thumb:active{background:hsla(0,0%,70%,0.9)}}@media (orientation:portrait){:root{--video-width:100vw}@media (max-width:30rem){#menu > li{padding:0 1.25rem}nav.before #q-form{width:100vw}nav.before #q-form #search-box{flex-grow:1}}}#_console [info] .results{visibility:unset !important}#_console [info] .results *:not(.btn):not(b):not([class*=url]):not(.result__a),.msg--noscript,.result__snippet b{color:var(--dark-color) !important}#_console [info] .results a{color:#2694ff}#_console [info] .results .highlight a{color:#4ba5ff}.faq__button{box-shadow:none}iframe[id*=hidden]{display:none}#_console [info]{--g-a:#1967D2}#_console [info] *{min-width:unset}#_console [info] em{color:var(--em-color)}#_console [info] cite,#_console [info] h3{white-space:nowrap}#_console [info] #result-stats,#_console [info] #rso .g *:not(em,h3),#_console [info] #center_col td[class],#_console [info] #botstuff h3{color:var(--dark-color)}#_console [info] [style*=background],#_console [info] [style*=background] *,#_console [info] input:not([type=hidden]) ~ :last-child{color:initial}#_console [info] [style*=background] a{text-decoration:underline}#_console [info] a:not([target]):not([class*=__]):not([onclick]),#_console [info] a[class^=gb][data-pid]{color:var(--link-color) !important}#_console [info] #searchform > div[class]{display:none}#_console [info] #main #center_col{margin:unset}#_console [info] #main > div > div div a:not([data-ved]){color:#70757a !important}#_console [info] #main > div > div div{height:unset}#_console [info] #rso .g{width:unset}#_console [info] #rso .g cite{font-size:unset}#_console [info] footer > div:first-child a[class]{color:var(--g-a) !important}#_console [info] #bfoot{min-height:5rem}#_console [info] [role*=button],.serp-item{color:var(--dark-color)}#_console [info] table *{font-size:initial}.text-container,.text-container > *{font-size:initial !important}.text-container > b{color:var(--code-color)}[class*=popup] *{font:unset}nav.navigation,.serp-header__wrapper{position:sticky}.b_caption *{font-size:initial}#video_reviews{border-left:2px solid #f00c;--padding-left:1rem;--margin-left:1rem;--pm-left:0.6rem;padding-left:calc(var(--padding-left) + var(--pm-left));margin-left:calc(var(--margin-left) - var(--pm-left));margin-top:1rem;overflow-y:hidden}#video_reviews b{font-size:unset}#video_genres td > span{margin:auto 0.25rem}