/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400;display:contents}html,body{width:100%;height:100svh;overflow:hidden}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}.shadow{background-color:silver;box-shadow:inset -2px -2px #000,inset 2px 2px silver,inset -4px -4px gray,inset 4px 4px #fff}*,*:before,*:after{box-sizing:border-box;touch-action:none}.content[steps="0"]{overflow:hidden}.mirror{position:absolute;overflow:scroll;transform:scale(-1);pointer-events:none}.scrollable[last=true]{width:50%;height:50%}.scrollable__overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;overflow:scroll}.scrollbarButton{background-color:silver;cursor:pointer;background-size:32px;background-repeat:no-repeat;-webkit-tap-highlight-color:transparent}.scrollbarButton:focus{outline:none;box-shadow:none}.scrollbarButton.shadow:active{background-color:silver;box-shadow:inset 0 0 0 2px gray;background-position:2px 2px}[way=vertical]>.scrollbarButton{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20shape-rendering='optimizeSpeed'%20x='0px'%20y='0px'%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='11,9%2011,10%204,10%204,9%205,9%205,8%206,8%206,7%207,7%207,6%208,6%208,7%209,7%209,8%2010,8%2010,9'/%3e%3c/svg%3e")}[way=vertical]>.scrollbarButton[position=bottom]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20shape-rendering='optimizeSpeed'%20x='0px'%20y='0px'%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='4,7%204,6%2011,6%2011,7%2010,7%2010,8%209,8%209,9%208,9%208,10%207,10%207,9%206,9%206,8%205,8%205,7'/%3e%3c/svg%3e")}[way=horizontal]>.scrollbarButton{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2028.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20shape-rendering='optimizeSpeed'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2016%2016'%20style='enable-background:new%200%200%2016%2016;'%20xml:space='preserve'%3e%3cpolygon%20points='9,4%2010,4%2010,11%209,11%209,10%208,10%208,9%207,9%207,8%206,8%206,7%207,7%207,6%208,6%208,5%209,5%20'/%3e%3c/svg%3e")}[way=horizontal]>.scrollbarButton[position=bottom]{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2028.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20shape-rendering='optimizeSpeed'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2016%2016'%20style='enable-background:new%200%200%2016%2016;'%20xml:space='preserve'%3e%3cpolygon%20points='7,5%208,5%208,6%209,6%209,7%2010,7%2010,8%209,8%209,9%208,9%208,10%207,10%207,11%206,11%206,4%207,4%20'/%3e%3c/svg%3e")}.scrollbar{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.scrollbar[way=horizontal]{flex-direction:row}.scrollbar__track{position:relative;width:100%;height:100%;flex:1 1 auto;display:flex;flex-direction:column;background-color:#e0e0e0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 2 2' fill='silver' %3E%3Crect width='1' height='1' /%3E%3Crect x='1' y='1' width='1' height='1' /%3E%3C/svg%3E")}.scrollbar__track-pos{flex-grow:var(--progress)}.scrollbar__track-thumb{flex:0 0 auto}[way=vertical]>.scrollbar__track>.scrollbar__track-thumb{width:100%;height:var(--scrollbar-size)}[way=horizontal]>.scrollbar__track>.scrollbar__track-thumb{height:100%;width:var(--scrollbar-size)}[way=horizontal]>.scrollbar__track{flex-direction:row}.scrollbar__arrow{width:100%;aspect-ratio:1;flex:0 0 auto}[way=horizontal]>.scrollbar__arrow{width:auto;height:100%}.scrollbarCorner{position:relative;background-color:silver}*:has(>.scrollbars){position:relative;scrollbar-width:none;-ms-overflow-style:none}*:has(>.scrollbars)::-webkit-scrollbar{display:none}html:has(.scrollbars[track-pressing=true]) *:not(.scrollbar__track-thumb){pointer-events:none!important}.scrollbars{position:sticky;top:0;left:0;width:100%;height:100%;pointer-events:none;margin-bottom:-100%;padding:12px;box-shadow:inset #000 -2px -2px,inset #d3d3d3 2px 2px,inset #a9a9a9 -4px -4px,inset #fff 4px 4px,inset #d3d3d3 -8px -8px,inset #d3d3d3 8px 8px,inset #fff -10px -10px,inset #a9a9a9 10px 10px,inset #d3d3d3 -12px -12px,inset #000 12px 12px;z-index:1;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"topleft top topright" "left content right" "bottomleft bottom bottomright"}.scrollbars__corner,.scrollbars__scrollbar{pointer-events:auto}.scrollbars__scrollbar[way=vertical]{width:32px}.scrollbars__scrollbar[way=horizontal]{height:32px}.scrollbars__scrollbar[area=bottom]{grid-area:bottom}.scrollbars__scrollbar[area=top]{grid-area:top}.scrollbars__scrollbar[area=left]{grid-area:left}.scrollbars__scrollbar[area=right]{grid-area:right}.paneWin{width:100%;height:100%;isolation:isolate;overflow:auto;-webkit-overflow-scrolling:touch;--factor: calc(1 / 3 * 2.2);--factor-2: 2.8;--scroll-size: 24px;--scroll-size: 42px}.paneWin__content{position:relative;width:calc(100% + var(--scroll-size));height:calc(100% + var(--scroll-size));display:flex;justify-content:center;align-items:center;background:repeating-conic-gradient(#f2f2f2 0,#f2f2f2 25%,#fff 0,#fff 50%) 50%/128px 128px;background:#d3d3d3;background-position:0 0,64px 64px}.paneWin__content>*{width:calc(100% - var(--scroll-size) * 2 - 88px);height:calc(100% - var(--scroll-size) * 2 - 88px)}.container{position:fixed;top:0;left:0;width:100svh;height:100svh;background-color:#ddd;--scrollbar-width: 15px}.main{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 15px #fff;overflow:scroll}.scrollable{position:absolute;top:0;left:0;width:200%;height:200%;display:flex;justify-content:center;align-items:center}.target{width:1px;height:1px;display:flex;justify-content:center;align-items:center}.container>.content{width:100%;height:100%}.content{position:absolute;width:calc(47% - 15px);height:calc(47% - 15px);overflow:scroll}body:not(:has(.scrollbars *:active)):has(.areaItem:active) *{cursor:grabbing!important}.areaItem{position:absolute;bottom:0;right:0;-webkit-user-select:none;user-select:none;margin-bottom:var(--margin-bottom);margin-right:var(--margin-right);background-color:#d3d3d3;cursor:grab;overflow:scroll;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.areaItem::-webkit-scrollbar{display:none}.areaItem-scrollbars{cursor:default}.areaItem-content{pointer-events:none;position:relative;top:0;left:0}.area__container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.area__container *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.area__container-item{position:relative;margin:0}
