:root{--color--background: #222;--color--foreground: #fff;--color--card--1: #ffb300;--color--card--2: #ff0002;--color--card--3: #00b5fe;--color--card--4: #00df35;--color--card--5: #fe01fe;--color--card--6: #fff903}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background-color:#222;background-color:var(--color--background)}html{font-family:monospace;color:#fff;color:var(--color--foreground);-webkit-user-select:none;-moz-user-select:none;user-select:none}html:before,html:after{content:" ";position:absolute;inset:0;z-index:9000;display:block;margin:auto}html:before{width:1px;margin:0 auto;border-right:1px dashed red}html:after{height:1px;margin:auto 0;border-top:1px dashed red}._viewport_m4xie_4{position:fixed;inset:0;overflow:hidden;perspective:1000px;transform-style:preserve-3d;border:2px solid red}._position_m4xie_19{position:absolute;inset:0;z-index:0;width:0;height:0;margin:auto}._layout_m4xie_33{position:absolute;inset:0;width:0;height:0;margin:auto}._wrapper_kydyi_1{position:absolute;left:0;top:0;width:50vw;height:50vw;margin:-25vw 0 0 -25vw;padding:12px;color:#000;will-change:transform;backface-visibility:hidden;contain:strict}._wrapper_kydyi_1[data-color="0"]{background-color:var(--color--card--1)}._wrapper_kydyi_1[data-color="1"]{background-color:var(--color--card--2)}._wrapper_kydyi_1[data-color="2"]{background-color:var(--color--card--3)}._wrapper_kydyi_1[data-color="3"]{background-color:var(--color--card--4)}._wrapper_kydyi_1[data-color="4"]{background-color:var(--color--card--5)}._wrapper_kydyi_1[data-color="5"]{background-color:var(--color--card--6)}._wrapper_kydyi_1[data-is-clone=true]{border:20px dashed white}._info_kydyi_49{margin:0;font-size:6vw}._nav_kydyi_55{position:absolute;left:0;right:0;bottom:0;display:flex;padding:12px}._opacityOverlay_kydyi_65{position:absolute;inset:0;z-index:0;display:block;margin:-1px;touch-action:none;pointer-events:none;background-color:var(--color--background);opacity:0}._right_1sn6c_1,._left_1sn6c_2{position:absolute;top:0;bottom:0;z-index:100;display:block;pointer-events:none;touch-action:none}._left_1sn6c_2{left:0;background-image:linear-gradient(to right,#000,#000000fc 8.1%,#000000f3 15.5%,#000000e4 22.5%,#000000d2 29%,#000000bd 35.3%,#000000a5,#0000008c 47.1%,#00000073 52.9%,#0000005a,#00000042 64.7%,#0000002d 71%,#0000001b 77.5%,#0000000c 84.5%,#00000003 91.9%,#0000)}._right_1sn6c_1{right:0;background-image:linear-gradient(to left,#000,#000000fc 8.1%,#000000f3 15.5%,#000000e4 22.5%,#000000d2 29%,#000000bd 35.3%,#000000a5,#0000008c 47.1%,#00000073 52.9%,#0000005a,#00000042 64.7%,#0000002d 71%,#0000001b 77.5%,#0000000c 84.5%,#00000003 91.9%,#0000)}[data-scroller-role=scrollBar]{--scrollbar--margin: 6px;--scrollbar--width: 6px;--scrollbar--width--active: 10px;--scrollbar--margin--mobile: 2px;--scrollbar--width--mobile: 2px;--scrollbar--color: #aaa;--scrollbar--opacity: .6;--scrollbar--opacity--active: .9;position:absolute;z-index:1000;margin:0}[data-scroller-role=scrollBar]:after{content:" ";position:absolute;display:block;background-color:var(--scrollbar--color);border-radius:calc(var(--scrollbar--width) / 2);opacity:var(--scrollbar--opacity);transition-property:all;transition-duration:.1s}[data-scroller-role=scrollBar]:hover:after,[data-scroller-role=scrollBar].active:after{border-radius:calc(var(--scrollbar--width--active) / 2);opacity:var(--scrollbar--opacity--active)}[data-scroller-role=scrollBar][data-scroller-direction=y]{right:0;top:0;width:calc(var(--scrollbar--margin) + var(--scrollbar--width--active))}[data-scroller-role=scrollBar][data-scroller-direction=y]:after{right:0;top:0;bottom:0;width:var(--scrollbar--width);margin:var(--scrollbar--margin) var(--scrollbar--margin) var(--scrollbar--margin) 0}[data-scroller-role=scrollBar][data-scroller-direction=y]:hover:after,[data-scroller-role=scrollBar][data-scroller-direction=y].active:after{width:var(--scrollbar--width--active)}[data-scroller-role=scrollBar][data-scroller-direction=x]{left:0;bottom:0;height:calc(var(--scrollbar--margin) + var(--scrollbar--width--active))}[data-scroller-role=scrollBar][data-scroller-direction=x]:after{left:0;right:0;bottom:0;height:var(--scrollbar--width);margin:0 var(--scrollbar--margin) var(--scrollbar--margin) var(--scrollbar--margin)}[data-scroller-role=scrollBar][data-scroller-direction=x]:hover:after,[data-scroller-role=scrollBar][data-scroller-direction=x].active:after{height:var(--scrollbar--width--active)}[data-scroller-role=scrollBar].hidden{display:none}@media(max-width:400px){[data-scroller-role=scrollBar]{pointer-events:none;touch-action:none}[data-scroller-role=scrollBar][data-scroller-direction=y]{width:calc(var(--scrollbar--margin--mobile) + var(--scrollbar--width--mobile))}[data-scroller-role=scrollBar][data-scroller-direction=y]:after{right:0;top:0;bottom:0;width:var(--scrollbar--width--mobile);margin:var(--scrollbar--margin--mobile) var(--scrollbar--margin--mobile) var(--scrollbar--margin--mobile) 0}[data-scroller-role=scrollBar][data-scroller-direction=y]:hover:after,[data-scroller-role=scrollBar][data-scroller-direction=y].active:after{width:var(--scrollbar--width--mobile)}[data-scroller-role=scrollBar][data-scroller-direction=x]{left:0;bottom:0;height:calc(var(--scrollbar--margin--mobile) + var(--scrollbar--width--mobile))}[data-scroller-role=scrollBar][data-scroller-direction=x] :after{left:0;right:0;bottom:0;height:var(--scrollbar--width--mobile);margin:0 var(--scrollbar--margin--mobile) var(--scrollbar--margin--mobile) var(--scrollbar--margin--mobile)}[data-scroller-role=scrollBar][data-scroller-direction=x] :hover:after,[data-scroller-role=scrollBar][data-scroller-direction=x] .active:after{height:var(--scrollbar--width--mobile)}}._wrapper_ze31y_1{position:fixed;right:0;top:0;z-index:1000;margin:12px;display:flex;gap:4px}