stinsonzhao_obsidian-plugin.../styles.css

1638 lines
2 MiB
CSS
Raw Normal View History

2024-01-19 11:03:28 +00:00
.shudan-goban {
--shudan-board-border-width: .15em;
--shudan-board-border-color: #CA933A;
--shudan-board-background-color: #F1B458;
--shudan-board-foreground-color: #5E2E0C;
--shudan-black-background-color: #222;
--shudan-black-foreground-color: #eee;
--shudan-white-background-color: #eee;
--shudan-white-foreground-color: #222;
position: relative;
border: var(--shudan-board-border-width) solid var(--shudan-board-border-color);
color: var(--shudan-board-foreground-color);
}
.shudan-goban:not(.shudan-coordinates) {
padding: .25em;
}
.shudan-goban-image {
background: url('data:image/png;base64,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
}
.shudan-coordx span, .shudan-coordy span {
font-size: .6em;
}
.shudan-vertex div {
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* Board gradient */
.shudan-goban::after {
content: '';
position: absolute;
top: calc(-1 * var(--shudan-board-border-width));
left: calc(-1 * var(--shudan-board-border-width));
bottom: calc(-1 * var(--shudan-board-border-width));
right: calc(-1 * var(--shudan-board-border-width));
background: linear-gradient(to bottom, rgba(234, 220, 192, .1), transparent),
linear-gradient(to bottom, transparent, rgba(23, 10, 2, .05));
pointer-events: none;
z-index: 3;
}
/* Busy screen */
.shudan-goban.shudan-busy::after {
animation: 2s linear -.5s shudan-busy infinite;
background-color: rgba(23, 10, 2, .1);
background-image: linear-gradient(to right, transparent 30%, rgba(255, 255, 255, .2) 50%, transparent 70%);
background-size: 19em 100%;
background-repeat: no-repeat;
pointer-events: all;
}
@keyframes shudan-busy {
from {
background-position: -19em 0;
}
to {
background-position: calc(100% + 19em) 0;
}
}
/* Board grid */
.shudan-gridline, .shudan-hoshi {
fill: var(--shudan-board-foreground-color);
}
/* Stone render */
.shudan-vertex .shudan-stone {
top: .04em;
left: .04em;
width: calc(100% - .08em);
height: calc(100% - .08em);
}
.shudan-vertex.shudan-sign_0 .shudan-stone {
pointer-events: none;
}
.shudan-vertex .shudan-shadow {
border-radius: 50%;
}
.shudan-vertex .shudan-inner {
text-indent: -9999rem;
}
.shudan-vertex:not(.shudan-sign_0).shudan-dimmed .shudan-stone {
opacity: .6;
}
.shudan-vertex:not(.shudan-sign_0) .shudan-shadow {
background: rgba(23, 10, 2, .4);
box-shadow: 0 .1em .2em rgba(23, 10, 2, .4);
}
.shudan-stone-image {
background-repeat: no-repeat;
background-size: 100% 100%;
}
.shudan-stone-image.shudan-sign_1 {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MyIgaGVpZ2h0PSI0MyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8ZGVmcz4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImIiPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjM2MzYzIiBzdG9wLW9wYWNpdHk9Ii40Ii8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2MzYzNjMiIHN0b3Atb3BhY2l0eT0iMCIvPg0KICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJhIj4NCiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzBiMGIwYiIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNDQzNDMyIi8+DQogICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSIwIiB4Mj0iMCIgeTE9IjQzIiB5Mj0iMCIgeGxpbms6aHJlZj0iI2EiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJkIiB4MT0iMCIgeDI9IjAiIHkxPSIyLjM4IiB5Mj0iMTkuMjciIHhsaW5rOmhyZWY9IiNiIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY3g9IjIxLjUiIGN5PSIyMS41IiByPSIyMC41IiBmaWxsPSJ1cmwoI2MpIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICAgIDxjaXJjbGUgY3g9IjIxLjUiIGN5PSIyMS41IiByPSIxOC41IiBmaWxsPSJ1cmwoI2QpIiAvPg0KICA8L2c+DQo8L3N2Zz4NCg==');
}
.shudan-stone-image.shudan-sign_-1 {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MyIgaGVpZ2h0PSI0MyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8ZGVmcz4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImIiPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZWVlIiBzdG9wLW9wYWNpdHk9Ii44Ii8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlZWUiIHN0b3Atb3BhY2l0eT0iMCIvPg0KICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJhIj4NCiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0M5RDFGRiIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+DQogICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSIwIiB4Mj0iMCIgeTE9IjQzIiB5Mj0iMCIgeGxpbms6aHJlZj0iI2EiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiAvPg0KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9IjAiIHgyPSIwIiB5MT0iNDAuNjUiIHkyPSIzMC42NSIgeGxpbms6aHJlZj0iI2IiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+DQogIDwvZGVmcz4NCiAgPGc+DQogICAgPGNpcmNsZSBjeD0iMjEuNSIgY3k9IjIxLjUiIHI9IjIwLjUiIGZpbGw9InVybCgjYykiIHN0cm9rZT0iI2MzYzNjMyIgc3Ryb2tlLXdpZHRoPSIxIi8+DQogICAgPGNpcmNsZSBjeD0iMjEuNSIgY3k9IjIxLjUiIHI9IjE4LjUiIGZpbGw9InVybCgjZCkiIC8+DQogIDwvZz4NCjwvc3ZnPg0K');
}
/* Fuzzy stone placement */
.shudan-vertex:not(.shudan-sign_0).shudan-animate .shudan-stone {
transition: transform .2s;
}
.shudan-vertex:not(.shudan-sign_0).shudan-shift_1 .shudan-stone {
transform: translate(-.07em, 0);
}
.shudan-vertex:not(.shudan-sign_0).shudan-shift_2 .shudan-stone {
transform: translate(0, -.07em);
}
.shudan-vertex:not(.shudan-sign_0).shudan-shift_3 .shudan-stone {
transform: translate(.07em, 0);
}
.shudan-vertex:not(.shudan-sign_0).shudan-shift_4 .shudan-stone {
transform: translate(0, .07em);
}
.shudan-vertex:not(.shudan-sign_0).shudan-shift_5 .shudan-stone {
transform: translate(-.04em, -.04em);
}
.shudan-vertex:not(.shudan-sign_0).shudan-shift_6 .shudan-stone {
transform: translate(.04em, -.04em);
}
.shudan-vertex:not(.shudan-sign_0).shudan-shift_7 .shudan-stone {
transform: translate(.04em, .04em);
}
.shudan-vertex:not(.shudan-sign_0).shudan-shift_8 .shudan-stone {
transform: translate(-.04em, .04em);
}
/* Markers */
.shudan-vertex .shudan-marker {
left: .04em;
top: .04em;
width: calc(100% - .08em);
height: calc(100% - .08em);
text-align: center;
fill: var(--shudan-board-background-color);
stroke: var(--shudan-board-foreground-color);
stroke-width: .07em;
pointer-events: none;
}
.shudan-vertex.shudan-sign_1 .shudan-marker,
.shudan-vertex.shudan-sign_-1 .shudan-marker {
left: 0;
top: 0;
width: 100%;
height: 100%;
fill: none;
}
.shudan-vertex.shudan-sign_1 .shudan-marker {
stroke: var(--shudan-black-foreground-color);
}
.shudan-vertex.shudan-sign_-1 .shudan-marker {
stroke: var(--shudan-white-foreground-color);
}
.shudan-vertex.shudan-marker_point .shudan-marker {
stroke: none;
fill: var(--shudan-board-foreground-color);
}
.shudan-vertex.shudan-marker_point.shudan-sign_1 .shudan-marker {
fill: var(--shudan-black-foreground-color);
}
.shudan-vertex.shudan-marker_point.shudan-sign_-1 .shudan-marker {
fill: var(--shudan-white-foreground-color);
}
.shudan-vertex.shudan-marker_loader .shudan-marker {
stroke-dasharray: 1em;
animation: 1.5s linear 0s shudan-rotation infinite;
}
@keyframes shudan-rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.shudan-vertex.shudan-marker_label .shudan-marker {
display: inline-block;
width: auto;
height: auto;
left: 50%;
top: 50%;
max-width: 1.67em;
max-height: 1.67em;
overflow: hidden;
background: var(--shudan-board-background-color);
color: var(--shudan-board-foreground-color);
font-size: .6em;
line-height: 1.26;
text-align: center;
text-overflow: ellipsis;
white-space: pre;
transform: translate(-50%, -50%);
}
.shudan-vertex.shudan-marker_label.shudan-sign_1 .shudan-marker {
background: transparent;
color: var(--shudan-black-foreground-color);
}
.shudan-vertex.shudan-marker_label.shudan-sign_-1 .shudan-marker {
background: transparent;
color: var(--shudan-white-foreground-color);
}
.shudan-vertex.shudan-smalllabel .shudan-marker {
max-height: 2.7em;
max-width: 2.7em;
font-size: .36em;
}
/* Ghost stones */
.shudan-vertex .shudan-ghost {
left: 50%;
top: 50%;
width: .4em;
height: .4em;
opacity: .5;
transform: translate(calc(-50% + .5px), calc(-50% + .5px));
}
.shudan-vertex .shudan-ghost::before {
content: '';
box-sizing: border-box;
display: none;
position: absolute;
left: 50%;
top: 50%;
width: .4em;
height: .4em;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.shudan-vertex.shudan-ghost_faint .shudan-ghost {
opacity: .3;
}
.shudan-vertex.shudan-sign_0.shudan-ghost_1 .shudan-ghost::before,
.shudan-vertex.shudan-sign_0.shudan-ghost_-1 .shudan-ghost::before {
display: block;
}
.shudan-vertex.shudan-ghost_1 .shudan-ghost::before {
background: rgba(0, 0, 0, .8);
}
.shudan-vertex.shudan-ghost_-1 .shudan-ghost::before {
background: white;
}
.shudan-vertex.shudan-ghost_good .shudan-ghost::before {
background: #59A80F;
}
.shudan-vertex.shudan-ghost_interesting .shudan-ghost::before {
background: #4886D5;
}
.shudan-vertex.shudan-ghost_doubtful .shudan-ghost::before {
background: #92278F;
}
.shudan-vertex.shudan-ghost_bad .shudan-ghost::before {
background: #F02311;
}
/* Paint map */
.shudan-vertex .shudan-paint {
overflow: hidden;
}
.shudan-vertex .shudan-paint .shudan-inner {
background: transparent;
border-radius: .2em;
}
.shudan-vertex.shudan-paint_1 .shudan-paint .shudan-inner {
background: var(--shudan-black-background-color);
}
.shudan-vertex.shudan-paint_-1 .shudan-paint .shudan-inner {
background: var(--shudan-white-background-color);
}
.shudan-vertex.shudan-paintedleft .shudan-paint .shudan-inner {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.shudan-vertex.shudan-paintedright .shudan-paint .shudan-inner {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.shudan-vertex.shudan-paintedtop .shudan-paint .shudan-inner {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.shudan-vertex.shudan-paintedbottom .shudan-paint .shudan-inner {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* Heat map */
.shudan-vertex .shudan-heat {
top: 50%;
left: 50%;
margin-left: -1px;
margin-top: -1px;
border-radius: 50%;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
transition: opacity .5s, box-shadow .5s;
}
.shudan-vertex.shudan-heat_9 .shudan-heat {
background: #59A80F;
box-shadow: 0 0 1em 1em #59A80F;
opacity: .8;
}
.shudan-vertex.shudan-heat_8 .shudan-heat {
background: #59A80F;
box-shadow: 0 0 1em .9em #59A80F;
opacity: .7;
}
.shudan-vertex.shudan-heat_7 .shudan-heat {
background: #4886D5;
box-shadow: 0 0 1em .75em #4886D5;
opacity: .8;
}
.shudan-vertex.shudan-heat_6 .shudan-heat {
background: #4886D5;
box-shadow: 0 0 1em .6em #4886D5;
opacity: .8;
}
.shudan-vertex.shudan-heat_5 .shudan-heat {
background: #4886D5;
box-shadow: 0 0 .9em .55em #4886D5;
opacity: .7;
}
.shudan-vertex.shudan-heat_4 .shudan-heat {
background: #92278F;
box-shadow: 0 0 .85em .5em #92278F;
opacity: .8;
}
.shudan-vertex.shudan-heat_3 .shudan-heat {
background: #92278F;
box-shadow: 0 0 .8em .45em #92278F;
opacity: .7;
}
.shudan-vertex.shudan-heat_2 .shudan-heat {
background: #F02311;
box-shadow: 0 0 .75em .4em #F02311;
opacity: .8;
}
.shudan-vertex.shudan-heat_1 .shudan-heat {
background: #F02311;
box-shadow: 0 0 .75em .4em #F02311;
opacity: .7;
}
.shudan-vertex .shudan-heatlabel {
display: inline-block;
height: auto;
top: 50%;
left: 50%;
overflow: hidden;
color: white;
font-size: .36em;
line-height: 1.26;
text-align: center;
text-overflow: ellipsis;
text-shadow: 0 .1em .3em black;
white-space: pre;
opacity: .9;
transform: translate(-50%, -50%);
pointer-events: none;
}
/* Selection */
.shudan-vertex .shudan-selection {
box-sizing: border-box;
border: .1em solid #0082F0;
border-radius: .2em;
background: rgba(0, 130, 240, .2);
}
.shudan-vertex.shudan-selectedleft .shudan-selection {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.shudan-vertex.shudan-selectedright .shudan-selection {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.shudan-vertex.shudan-selectedtop .shudan-selection {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.shudan-vertex.shudan-selectedbottom .shudan-selection {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* Lines & arrows */
.shudan-line,
.shudan-arrow {
fill: none;
stroke: var(--shudan-board-foreground-color);
stroke-width: .11em;
}
*,
::before,
::after {
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
2024-04-08 08:33:24 +00:00
.goban-sgf-plugin-container :is(.pointer-events-none) {
pointer-events: none;
}
2024-01-19 11:03:28 +00:00
.goban-sgf-plugin-container :is(.pointer-events-auto) {
pointer-events: auto;
}
.goban-sgf-plugin-container :is(.visible) {
visibility: visible;
}
.goban-sgf-plugin-container :is(.absolute) {
position: absolute;
}
.goban-sgf-plugin-container :is(.relative) {
position: relative;
}
.goban-sgf-plugin-container :is(.inset-0) {
inset: 0px;
}
.goban-sgf-plugin-container :is(.inset-2) {
inset: 0.5rem;
}
2024-01-20 18:26:25 +00:00
.goban-sgf-plugin-container :is(.inset-4) {
inset: 1rem;
}
2024-01-19 11:03:28 +00:00
.goban-sgf-plugin-container :is(.-bottom-1) {
bottom: -0.25rem;
}
.goban-sgf-plugin-container :is(.-left-1) {
left: -0.25rem;
}
.goban-sgf-plugin-container :is(.-right-1) {
right: -0.25rem;
}
.goban-sgf-plugin-container :is(.-right-2) {
right: -0.5rem;
}
.goban-sgf-plugin-container :is(.-right-2\.5) {
right: -0.625rem;
}
2024-01-20 18:26:25 +00:00
.goban-sgf-plugin-container :is(.-top-0) {
top: -0px;
}
.goban-sgf-plugin-container :is(.-top-0\.5) {
top: -0.125rem;
}
2024-01-19 11:03:28 +00:00
.goban-sgf-plugin-container :is(.-top-1) {
top: -0.25rem;
}
.goban-sgf-plugin-container :is(.bottom-0) {
bottom: 0px;
}
.goban-sgf-plugin-container :is(.left-0) {
left: 0px;
}
.goban-sgf-plugin-container :is(.left-\[1px\]) {
left: 1px;
}
.goban-sgf-plugin-container :is(.left-\[50\%\]) {
left: 50%;
}
.goban-sgf-plugin-container :is(.right-0) {
right: 0px;
}
.goban-sgf-plugin-container :is(.right-\[-4px\]) {
right: -4px;
}
.goban-sgf-plugin-container :is(.right-\[1px\]) {
right: 1px;
}
.goban-sgf-plugin-container :is(.top-0) {
top: 0px;
}
.goban-sgf-plugin-container :is(.top-\[-1px\]) {
top: -1px;
}
.goban-sgf-plugin-container :is(.top-\[50\%\]) {
top: 50%;
}
.goban-sgf-plugin-container :is(.z-0) {
z-index: 0;
}
.goban-sgf-plugin-container :is(.z-10) {
z-index: 10;
}
.goban-sgf-plugin-container :is(.z-20) {
z-index: 20;
}
.goban-sgf-plugin-container :is(.z-30) {
z-index: 30;
}
.goban-sgf-plugin-container :is(.z-40) {
z-index: 40;
}
.goban-sgf-plugin-container :is(.z-50) {
z-index: 50;
}
.goban-sgf-plugin-container :is(.z-\[2000\]) {
z-index: 2000;
}
2024-04-08 08:33:24 +00:00
.goban-sgf-plugin-container :is(.-z-10) {
z-index: -10;
}
2024-01-19 11:03:28 +00:00
.goban-sgf-plugin-container :is(.m-0) {
margin: 0px;
}
.goban-sgf-plugin-container :is(.m-2) {
margin: 0.5rem;
}
.goban-sgf-plugin-container :is(.m-2\.5) {
margin: 0.625rem;
}
.goban-sgf-plugin-container :is(.mx-0) {
margin-left: 0px;
margin-right: 0px;
}
.goban-sgf-plugin-container :is(.mx-0\.5) {
margin-left: 0.125rem;
margin-right: 0.125rem;
}
.goban-sgf-plugin-container :is(.mx-3) {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.goban-sgf-plugin-container :is(.my-2) {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.goban-sgf-plugin-container :is(.my-3) {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.goban-sgf-plugin-container :is(.my-4) {
margin-top: 1rem;
margin-bottom: 1rem;
}
.goban-sgf-plugin-container :is(.mb-1) {
margin-bottom: 0.25rem;
}
.goban-sgf-plugin-container :is(.mb-2) {
margin-bottom: 0.5rem;
}
.goban-sgf-plugin-container :is(.mb-3) {
margin-bottom: 0.75rem;
}
.goban-sgf-plugin-container :is(.mb-4) {
margin-bottom: 1rem;
}
.goban-sgf-plugin-container :is(.mb-6) {
margin-bottom: 1.5rem;
}
2024-01-20 18:26:25 +00:00
.goban-sgf-plugin-container :is(.ml-0) {
margin-left: 0px;
}
.goban-sgf-plugin-container :is(.ml-0\.5) {
margin-left: 0.125rem;
}
2024-01-19 11:03:28 +00:00
.goban-sgf-plugin-container :is(.ml-1) {
margin-left: 0.25rem;
}
.goban-sgf-plugin-container :is(.ml-2) {
margin-left: 0.5rem;
}
.goban-sgf-plugin-container :is(.ml-4) {
margin-left: 1rem;
}
.goban-sgf-plugin-container :is(.ml-8) {
margin-left: 2rem;
}
.goban-sgf-plugin-container :is(.mr-0) {
margin-right: 0px;
}
.goban-sgf-plugin-container :is(.mr-0\.5) {
margin-right: 0.125rem;
}
2024-01-20 18:26:25 +00:00
.goban-sgf-plugin-container :is(.mr-1) {
margin-right: 0.25rem;
}
2024-01-19 11:03:28 +00:00
.goban-sgf-plugin-container :is(.mr-2) {
margin-right: 0.5rem;
}
.goban-sgf-plugin-container :is(.mr-4) {
margin-right: 1rem;
}
.goban-sgf-plugin-container :is(.mr-6) {
margin-right: 1.5rem;
}
.goban-sgf-plugin-container :is(.mr-8) {
margin-right: 2rem;
}
.goban-sgf-plugin-container :is(.mt-1) {
margin-top: 0.25rem;
}
.goban-sgf-plugin-container :is(.mt-4) {
margin-top: 1rem;
}
.goban-sgf-plugin-container :is(.mt-6) {
margin-top: 1.5rem;
}
.goban-sgf-plugin-container :is(.box-border) {
box-sizing: border-box;
}
.goban-sgf-plugin-container :is(.block) {
display: block;
}
.goban-sgf-plugin-container :is(.inline-block) {
display: inline-block;
}
.goban-sgf-plugin-container :is(.flex) {
display: flex;
}
.goban-sgf-plugin-container :is(.hidden) {
display: none;
}
.goban-sgf-plugin-container :is(.h-0) {
height: 0px;
}
.goban-sgf-plugin-container :is(.h-0\.5) {
height: 0.125rem;
}
2024-01-20 18:26:25 +00:00
.goban-sgf-plugin-container :is(.h-1) {
height: 0.25rem;
}
2024-01-19 11:03:28 +00:00
.goban-sgf-plugin-container :is(.h-10) {
height: 2.5rem;
}
.goban-sgf-plugin-container :is(.h-3) {
height: 0.75rem;
}
.goban-sgf-plugin-container :is(.h-3\.5) {
height: 0.875rem;
}
.goban-sgf-plugin-container :is(.h-4) {
height: 1rem;
}
.goban-sgf-plugin-container :is(.h-5) {
height: 1.25rem;
}
.goban-sgf-plugin-container :is(.h-6) {
height: 1.5rem;
}
.goban-sgf-plugin-container :is(.h-8) {
height: 2rem;
}
.goban-sgf-plugin-container :is(.h-96) {
height: 24rem;
}
.goban-sgf-plugin-container :is(.h-\[1px\]) {
height: 1px;
}
.goban-sgf-plugin-container :is(.h-\[22px\]) {
height: 22px;
}
.goban-sgf-plugin-container :is(.h-\[30px\]) {
height: 30px;
}
.goban-sgf-plugin-container :is(.h-\[6px\]) {
height: 6px;
}
.goban-sgf-plugin-container :is(.h-full) {
height: 100%;
}
2024-01-20 18:26:25 +00:00
.goban-sgf-plugin-container :is(.w-1) {
width: 0.25rem;
2024-01-19 11:03:28 +00:00
}
.goban-sgf-plugin-container :is(.w-24) {
width: 6rem;
}
.goban-sgf-plugin-container :is(.w-28) {
width: 7rem;
}
.goban-sgf-plugin-container :is(.w-3) {
width: 0.75rem;
}
.goban-sgf-plugin-container :is(.w-3\.5) {
width: 0.875rem;
}
.goban-sgf-plugin-container :is(.w-4) {
width: 1rem;
}
.goban-sgf-plugin-container :is(.w-5) {
width: 1.25rem;
}
.goban-sgf-plugin-container :is(.w-8) {
width: 2rem;
}
.goban-sgf-plugin-container :is(.w-80) {
width: 20rem;
}
.goban-sgf-plugin-container :is(.w-\[1px\]) {
width: 1px;
}
.goban-sgf-plugin-container :is(.w-\[22px\]) {
width: 22px;
}
.goban-sgf-plugin-container :is(.w-\[34px\]) {
width: 34px;
}
.goban-sgf-plugin-container :is(.w-\[60\%\]) {
width: 60%;
}
.goban-sgf-plugin-container :is(.w-\[6px\]) {
width: 6px;
}
2024-01-20 18:26:25 +00:00
.goban-sgf-plugin-container :is(.w-\[80\%\]) {
width: 80%;
}
2024-01-19 11:03:28 +00:00
.goban-sgf-plugin-container :is(.w-\[calc\(50\%-12px\)\]) {
width: calc(50% - 12px);
}
.goban-sgf-plugin-container :is(.w-\[calc\(50\%-16px\)\]) {
width: calc(50% - 16px);
}
.goban-sgf-plugin-container :is(.w-full) {
width: 100%;
}
.goban-sgf-plugin-container :is(.min-w-80) {
min-width: 20rem;
}
.goban-sgf-plugin-container :is(.max-w-16) {
max-width: 4rem;
}
.goban-sgf-plugin-container :is(.max-w-24) {
max-width: 6rem;
}
.goban-sgf-plugin-container :is(.shrink-0) {
flex-shrink: 0;
}
.goban-sgf-plugin-container :is(.grow) {
flex-grow: 1;
}
.goban-sgf-plugin-container :is(.origin-bottom) {
transform-origin: bottom;
}
.goban-sgf-plugin-container :is(.origin-bottom-right) {
transform-origin: bottom right;
}
.goban-sgf-plugin-container :is(.origin-center) {
transform-origin: center;
}
.goban-sgf-plugin-container :is(.origin-top-right) {
transform-origin: top right;
}
.goban-sgf-plugin-container :is(.-translate-x-\[50\%\]) {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.-translate-x-full) {
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.-translate-y-\[50\%\]) {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.translate-x-\[-100\%\]) {
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.translate-x-\[100\%\]) {
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.translate-y-\[-100\%\]) {
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.translate-y-\[100\%\]) {
--tw-translate-y: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.rotate-180) {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.skew-x-\[-45deg\]) {
--tw-skew-x: -45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.scale-0) {
--tw-scale-x: 0;
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.scale-50) {
--tw-scale-x: .5;
--tw-scale-y: .5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.scale-75) {
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.transform) {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.cursor-default) {
cursor: default;
}
.goban-sgf-plugin-container :is(.cursor-not-allowed) {
cursor: not-allowed;
}
.goban-sgf-plugin-container :is(.cursor-pointer) {
cursor: pointer;
}
.goban-sgf-plugin-container :is(.resize-none) {
resize: none;
}
.goban-sgf-plugin-container :is(.resize) {
resize: both;
}
.goban-sgf-plugin-container :is(.appearance-none) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.goban-sgf-plugin-container :is(.flex-col) {
flex-direction: column;
}
.goban-sgf-plugin-container :is(.flex-nowrap) {
flex-wrap: nowrap;
}
.goban-sgf-plugin-container :is(.items-start) {
align-items: flex-start;
}
.goban-sgf-plugin-container :is(.items-center) {
align-items: center;
}
.goban-sgf-plugin-container :is(.justify-end) {
justify-content: flex-end;
}
.goban-sgf-plugin-container :is(.justify-center) {
justify-content: center;
}
.goban-sgf-plugin-container :is(.justify-between) {
justify-content: space-between;
}
.goban-sgf-plugin-container :is(.gap-2) {
gap: 0.5rem;
}
.goban-sgf-plugin-container :is(.overflow-y-auto) {
overflow-y: auto;
}
.goban-sgf-plugin-container :is(.whitespace-nowrap) {
white-space: nowrap;
}
.goban-sgf-plugin-container :is(.whitespace-pre) {
white-space: pre;
}
.goban-sgf-plugin-container :is(.rounded) {
border-radius: 0.25rem;
}
.goban-sgf-plugin-container :is(.rounded-\[100px\]) {
border-radius: 100px;
}
.goban-sgf-plugin-container :is(.rounded-\[24px\]) {
border-radius: 24px;
}
.goban-sgf-plugin-container :is(.rounded-lg) {
border-radius: 0.5rem;
}
.goban-sgf-plugin-container :is(.rounded-md) {
border-radius: 0.375rem;
}
.goban-sgf-plugin-container :is(.rounded-l) {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.goban-sgf-plugin-container :is(.rounded-l-none) {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.goban-sgf-plugin-container :is(.rounded-r-none) {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.goban-sgf-plugin-container :is(.rounded-t-md) {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.goban-sgf-plugin-container :is(.rounded-br) {
border-bottom-right-radius: 0.25rem;
}
.goban-sgf-plugin-container :is(.border) {
border-width: 1px;
}
.goban-sgf-plugin-container :is(.border-2) {
border-width: 2px;
}
.goban-sgf-plugin-container :is(.border-\[3px\]) {
border-width: 3px;
}
.goban-sgf-plugin-container :is(.border-r) {
border-right-width: 1px;
}
.goban-sgf-plugin-container :is(.border-t) {
border-top-width: 1px;
}
.goban-sgf-plugin-container :is(.border-solid) {
border-style: solid;
}
.goban-sgf-plugin-container :is(.border-dashed) {
border-style: dashed;
}
.goban-sgf-plugin-container :is(.border-none) {
border-style: none;
}
.goban-sgf-plugin-container :is(.border-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\]) {
border-color: rgba(0,0,0,0.1);
}
.goban-sgf-plugin-container :is(.border-\[var\(--background-modifier-border\)\]) {
border-color: var(--background-modifier-border);
}
.goban-sgf-plugin-container :is(.border-\[var\(--background-modifier-border-hover\)\]) {
border-color: var(--background-modifier-border-hover);
}
.goban-sgf-plugin-container :is(.border-\[var\(--interactive-accent\)\]) {
border-color: var(--interactive-accent);
}
.goban-sgf-plugin-container :is(.border-\[var\(--text-accent\)\]) {
border-color: var(--text-accent);
}
.goban-sgf-plugin-container :is(.border-black) {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.goban-sgf-plugin-container :is(.border-transparent) {
border-color: transparent;
}
.goban-sgf-plugin-container :is(.bg-\[hsl\(var\(--accent-h\)\2c var\(--accent-s\)\2c 96\%\)\]) {
--tw-bg-opacity: 1;
background-color: hsl(var(--accent-h) var(--accent-s) 96% / var(--tw-bg-opacity));
}
.goban-sgf-plugin-container :is(.bg-\[rgba\(0\2c 0\2c 0\2c 0\.05\)\]) {
background-color: rgba(0,0,0,0.05);
}
.goban-sgf-plugin-container :is(.bg-\[rgba\(0\2c 0\2c 0\2c 0\.3\)\]) {
background-color: rgba(0,0,0,0.3);
}
.goban-sgf-plugin-container :is(.bg-\[rgba\(0\2c 2\2c 10\2c 0\.3\)\]) {
background-color: rgba(0,2,10,0.3);
}
.goban-sgf-plugin-container :is(.bg-\[var\(--background-modifier-border\)\]) {
background-color: var(--background-modifier-border);
}
.goban-sgf-plugin-container :is(.bg-\[var\(--background-primary-alt\)\]) {
background-color: var(--background-primary-alt);
}
.goban-sgf-plugin-container :is(.bg-\[var\(--background-secondary-alt\)\]) {
background-color: var(--background-secondary-alt);
}
.goban-sgf-plugin-container :is(.bg-\[var\(--interactive-accent\)\]) {
background-color: var(--interactive-accent);
}
.goban-sgf-plugin-container :is(.bg-\[var\(--interactive-normal\)\]) {
background-color: var(--interactive-normal);
}
.goban-sgf-plugin-container :is(.bg-\[var\(--text-accent\)\]) {
background-color: var(--text-accent);
}
2024-01-20 18:26:25 +00:00
.goban-sgf-plugin-container :is(.bg-\[var\(--text-faint\)\]) {
background-color: var(--text-faint);
}
2024-01-19 11:03:28 +00:00
.goban-sgf-plugin-container :is(.bg-black) {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.goban-sgf-plugin-container :is(.bg-gray-800) {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.goban-sgf-plugin-container :is(.bg-transparent) {
background-color: transparent;
}
.goban-sgf-plugin-container :is(.bg-white) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.goban-sgf-plugin-container :is(.fill-gray-400) {
fill: #9ca3af;
}
.goban-sgf-plugin-container :is(.fill-gray-600) {
fill: #4b5563;
}
.goban-sgf-plugin-container :is(.stroke-\[var\(--text-accent\)\]) {
stroke: var(--text-accent);
}
.goban-sgf-plugin-container :is(.stroke-\[var\(--text-accent-hover\)\]) {
stroke: var(--text-accent-hover);
}
.goban-sgf-plugin-container :is(.stroke-gray-400) {
stroke: #9ca3af;
}
.goban-sgf-plugin-container :is(.stroke-gray-600) {
stroke: #4b5563;
}
.goban-sgf-plugin-container :is(.stroke-1) {
stroke-width: 1;
}
.goban-sgf-plugin-container :is(.stroke-\[2px\]) {
stroke-width: 2px;
}
.goban-sgf-plugin-container :is(.stroke-\[3px\]) {
stroke-width: 3px;
}
.goban-sgf-plugin-container :is(.p-0) {
padding: 0px;
}
.goban-sgf-plugin-container :is(.p-1) {
padding: 0.25rem;
}
.goban-sgf-plugin-container :is(.p-2) {
padding: 0.5rem;
}
2024-01-20 18:26:25 +00:00
.goban-sgf-plugin-container :is(.p-3) {
padding: 0.75rem;
}
2024-01-19 11:03:28 +00:00
.goban-sgf-plugin-container :is(.p-4) {
padding: 1rem;
}
2024-01-20 18:26:25 +00:00
.goban-sgf-plugin-container :is(.px-0) {
padding-left: 0px;
padding-right: 0px;
}
.goban-sgf-plugin-container :is(.px-0\.5) {
padding-left: 0.125rem;
padding-right: 0.125rem;
2024-01-19 11:03:28 +00:00
}
.goban-sgf-plugin-container :is(.px-2) {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.goban-sgf-plugin-container :is(.px-3) {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.goban-sgf-plugin-container :is(.px-32) {
padding-left: 8rem;
padding-right: 8rem;
}
.goban-sgf-plugin-container :is(.px-4) {
padding-left: 1rem;
padding-right: 1rem;
}
.goban-sgf-plugin-container :is(.px-6) {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.goban-sgf-plugin-container :is(.py-0) {
padding-top: 0px;
padding-bottom: 0px;
}
.goban-sgf-plugin-container :is(.py-2) {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.goban-sgf-plugin-container :is(.pb-2) {
padding-bottom: 0.5rem;
}
.goban-sgf-plugin-container :is(.pb-28) {
padding-bottom: 7rem;
}
.goban-sgf-plugin-container :is(.pb-6) {
padding-bottom: 1.5rem;
}
.goban-sgf-plugin-container :is(.pl-0) {
padding-left: 0px;
}
.goban-sgf-plugin-container :is(.pl-0\.5) {
padding-left: 0.125rem;
}
.goban-sgf-plugin-container :is(.pl-2) {
padding-left: 0.5rem;
}
.goban-sgf-plugin-container :is(.pl-2\.5) {
padding-left: 0.625rem;
}
.goban-sgf-plugin-container :is(.pr-1) {
padding-right: 0.25rem;
}
.goban-sgf-plugin-container :is(.pr-2) {
padding-right: 0.5rem;
}
.goban-sgf-plugin-container :is(.pr-3) {
padding-right: 0.75rem;
}
.goban-sgf-plugin-container :is(.pt-1) {
padding-top: 0.25rem;
}
.goban-sgf-plugin-container :is(.pt-1\.5) {
padding-top: 0.375rem;
}
.goban-sgf-plugin-container :is(.pt-4) {
padding-top: 1rem;
}
.goban-sgf-plugin-container :is(.pt-\[3px\]) {
padding-top: 3px;
}
.goban-sgf-plugin-container :is(.text-right) {
text-align: right;
}
.goban-sgf-plugin-container :is(.text-sm) {
font-size: 0.875rem;
line-height: 1.25rem;
}
.goban-sgf-plugin-container :is(.text-xs) {
font-size: 0.75rem;
line-height: 1rem;
}
.goban-sgf-plugin-container :is(.font-medium) {
font-weight: 500;
}
.goban-sgf-plugin-container :is(.font-semibold) {
font-weight: 600;
}
.goban-sgf-plugin-container :is(.text-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\]) {
color: rgba(0,0,0,0.4);
}
.goban-sgf-plugin-container :is(.text-\[var\(--text-accent\)\]) {
color: var(--text-accent);
}
.goban-sgf-plugin-container :is(.text-\[var\(--text-faint\)\]) {
color: var(--text-faint);
}
.goban-sgf-plugin-container :is(.text-\[var\(--text-muted\)\]) {
color: var(--text-muted);
}
.goban-sgf-plugin-container :is(.text-\[var\(--text-normal\)\]) {
color: var(--text-normal);
}
.goban-sgf-plugin-container :is(.text-\[var\(--text-on-accent\)\]) {
color: var(--text-on-accent);
}
.goban-sgf-plugin-container :is(.text-\[var\(-text-muted\)\]) {
color: var(-text-muted);
}
.goban-sgf-plugin-container :is(.text-black) {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.goban-sgf-plugin-container :is(.text-gray-200) {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
.goban-sgf-plugin-container :is(.text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.goban-sgf-plugin-container :is(.opacity-0) {
opacity: 0;
}
.goban-sgf-plugin-container :is(.opacity-100) {
opacity: 1;
}
.goban-sgf-plugin-container :is(.opacity-20) {
opacity: 0.2;
}
.goban-sgf-plugin-container :is(.opacity-30) {
opacity: 0.3;
}
.goban-sgf-plugin-container :is(.opacity-50) {
opacity: 0.5;
}
.goban-sgf-plugin-container :is(.opacity-70) {
opacity: 0.7;
}
.goban-sgf-plugin-container :is(.shadow-md) {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.goban-sgf-plugin-container :is(.shadow-none) {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.goban-sgf-plugin-container :is(.outline-none) {
outline: 2px solid transparent;
outline-offset: 2px;
}
.goban-sgf-plugin-container :is(.filter) {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.goban-sgf-plugin-container :is(.backdrop-blur-sm) {
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.goban-sgf-plugin-container :is(.transition) {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.goban-sgf-plugin-container :is(.transition-all) {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.goban-sgf-plugin-container :is(.transition-transform) {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.goban-sgf-plugin-container :is(.delay-100) {
transition-delay: 100ms;
}
.goban-sgf-plugin-container :is(.duration-300) {
transition-duration: 300ms;
}
body {
--font-interface-override: 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont',
'Helvetica', 'PingFang SC', 'Tahoma', 'Arial', 'Hiragino Sans GB', 'Heiti SC', 'STXihei',
'Microsoft YaHei', 'SimHei', 'WenQuanYi Micro Hei', 'Noto Sans', 'sans-serif',
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
body.hide-status-bar .status-bar.status-bar.status-bar {
display: none;
}
2024-01-20 18:26:25 +00:00
.goban-sgf-plugin-ctrl {
padding: 0px 16px 24px !important;
position: relative !important;
}
2024-01-19 11:03:28 +00:00
.goban-sgf-plugin-app {
position: relative;
z-index: 10;
width: 100%;
height: 100%;
}
.goban-sgf-plugin-pop-layer {
position: absolute;
z-index: 100;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
}
.goban-sgf-plugin-process[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
border: none;
height: 4px;
}
.goban-sgf-plugin-process[type=range]::-webkit-slider-runnable-track {
height: 4px;
border-radius: 12px;
}
.goban-sgf-plugin-process[type=range]::-moz-range-track {
height: 4px;
border-radius: 12px;
}
.goban-sgf-plugin-process[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
top: 0;
height: 12px;
width: 12px;
background-color: #fff;
margin-top: -4px;
border-radius: 50%;
-webkit-transition: .2s linear;
transition: .2s linear;
border: 2px solid hsl(var(--accent-h), var(--accent-s), var(--accent-l));
}
.goban-sgf-plugin-process[type=range]::-moz-range-thumb {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
top: 0;
height: 12px;
width: 12px;
margin-top: -4px;
background-color: #fff;
border-radius: 50%;
-moz-transition: .2s linear;
transition: .2s linear;
border: 2px solid hsl(var(--accent-h), var(--accent-s), var(--accent-l));
}
.goban-sgf-plugin-process::-webkit-slider-thumb:hover {
border: 2px solid hsl(var(--accent-h), var(--accent-s), var(--accent-l)) !important;
box-shadow: 0 0 0 8px hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1) !important;
}
.goban-sgf-plugin-process:active::-webkit-slider-thumb {
box-shadow: 0 0 0 11px hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.2) !important;
border: 2px solid hsl(var(--accent-h), var(--accent-s), var(--accent-l)) !important;
}
.goban-sgf-plugin-process:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 11px hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.2) !important;
border: 2px solid hsl(var(--accent-h), var(--accent-s), var(--accent-l)) !important;
}
.goban-sgf-plugin-process::-moz-range-thumb:hover {
box-shadow: 0 0 0 8px hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1) !important;
border: 2px solid hsl(var(--accent-h), var(--accent-s), var(--accent-l)) !important;
}
.goban-sgf-plugin-process:active::-moz-range-thumb {
box-shadow: 0 0 0 11px hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.2) !important;
border: 2px solid hsl(var(--accent-h), var(--accent-s), var(--accent-l)) !important;
}
.goban-sgf-plugin-process:focus::-moz-range-thumb {
box-shadow: 0 0 0 11px hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.2) !importantl;
border: 2px solid hsl(var(--accent-h), var(--accent-s), var(--accent-l)) !important;
}
.goban-sgf-app_bg {
background-position: center;
background-size: cover;
background-image: url('data:image/jpeg;base64,/9j/4QznRXhpZgAASUkqAAgAAAAPAAABAwABAAAAYBUAAAEBAwABAAAAQA4AAAIBAwADAAAAwgAAAAYBAwABAAAAAgAAAA4BAgCdAAAAyAAAAA8BAgAGAAAAZQEAABABAgANAAAAawEAABIBAwABAAAAAQAAABUBAwABAAAAAwAAABoBBQABAAAAeAEAABsBBQABAAAAgAEAACgBAwABAAAAAgAAADEBAgAhAAAAiAEAADIBAgAUAAAAqQEAAGmHBAABAAAAwAEAACAEAAAIAAgACABHb2xkIG1hcmJsZSB0ZXh0dXJlIGJhY2tncm91bmQuIFVzZWQgaW4gZGVzaWduIGZvciBza2luIHRpbGUgLHdhbGxwYXBlciwgaW50ZXJpb3JzIGJhY2tkcm9wLiBOYXR1cmFsIHBhdHRlcm5zLiBQaWN0dXJlIGhpZ2ggcmVzb2x1dGlvbi4gTHV4dXJpb3VzIGJhY2tncm91bmQAQ2Fub24AQ2Fub24gRU9TIDZEAID8CgAQJwAAgPwKABAnAABBZG9iZSBQaG90b3Nob3AgMjUuMyAoTWFjaW50b3NoKQAyMDI0OjAxOjEwIDAzOjAyOjE4AAAAACEAmoIFAAEAAABSAwAAnYIFAAEAAABaAwAAIogDAAEAAAADAAAAJ4gDAAEAAAAgAwAAMIgDAAEAAAACAAAAMogEAAEAAAAgAwAAAJAHAAQAAAAwMjMxA5ACABQAAABiAwAABJACABQAAAB2AwAAEJACAAcAAACKAwAAAZIKAAEAAACSAwAAApIFAAEAAACaAwAABJIKAAEAAACiAwAABZIFAAEAAACqAwAAB5IDAAEAAAAFAAAACZIDAAEAAAAQAAAACpIFAAEAAACyAwAAkZICAAMAAAA4NAAAkpICAAMAAAA4NAAAAaADAAEAAAABAAAAAqAEAAEAAADQBwAAA6AEAAEAAAA2BQAADqIFAAEAAAC6AwAAD6IFAAEAAADCAwAAEKIDAAEAAAADAAAAAaQDAAEAAAAAAAAAAqQDAAEAAAAAAAAAA6QDAAEAAAAAAAAABqQDAAEAAAAAAAAAMaQCAA0AAADKAwAAMqQFAAQAAADYAwAANKQCABwAAAD4AwAANaQCAAsAAAAUBAAAAAAAAAEAAACQAQAACAAAAAEAAAAyMDE4OjA0OjAyIDA4OjI3OjIzADIwMTg6MDQ6MDIgMDg6Mjc6MjMAKzA3OjAwAAAQ5YMAQEIPAAYAAAABAAAAAQAAAAMAAAADAAAAAQAAAGQAAAABAAAAAAD4AgCAAAAAAPgCAIAAADEzMTA1MzAwMDEzNQAAZAAAAAEAAABkAAAAAQAAAAAAAAAAAAAAAAAAAAAAAABFRjEwMG1tIGYvMi44TCBNYWNybyBJUyBVU00AMDAwMDA2YjcwNwAABgADAQMAAQAAAAYAAAAaAQUAAQAAAG4EAAAbAQUAAQAAAHYEAAAoAQMAAQAAAAIAAAABAgQAAQAAAH4EAAACAgQAAQAAAGEIAAAAAAAASAAAAAEAAABIAAAAAQAAAP/Y/+0ADEFkb2JlX0NNAAH/7gAOQWRvYmUAZIAAAAAB/9sAhAAMCAgICQgMCQkMEQsKCxEVDwwMDxUYExMVExMYEQwMDAwMDBEMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMAQ0LCw0ODRAODhAUDg4OFBQODg4OFBEMDAwMDBERDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCABrAKADASIAAhEBAxEB/90ABAAK/8QBPwAAAQUBAQEBAQEAAAAAAAAAAwABAgQFBgcICQoLAQABBQEBAQEBAQAAAAAAAAABAAIDBAUGBwgJCgsQAAEEAQMCBAIFBwYIBQMMMwEAAhEDBCESMQVBUWETInGBMgYUkaGxQiMkFVLBYjM0coLRQwclklPw4fFjczUWorKDJkSTVGRFwqN0NhfSVeJl8rOEw9N14/NGJ5SkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2N0dXZ3eHl6e3x9fn9xEAAgIBAgQEAwQFBgcHBgU1AQACEQMhMRIEQVFhcSITBTKBkRShsUIjwVLR8DMkYuFygpJDUxVjczTxJQYWorKDByY1wtJEk1SjF2RFVTZ0ZeLys4TD03Xj80aUpIW0lcTU5PSltcXV5fVWZnaGlqa2xtbm9ic3R1dnd4eXp7fH/9oADAMBAAIRAxEAPwD0ptbew3EecRPKmwgOLRoTrt/iEQiR4HxCYgdxKAiAkm2IeRbt4jmedf3R+aiyocd57JbgPJFDIwdeI7qMcu+4jwCRMwBwTBKeYOvASSs1muupjnvpwn2wSeZSrILZBkcCPJI6pKVHefknTRpB7qO/Y39IYjQkaj4oE0rdnokVEOBJjWNNPFJxARQo68KJYHEADQ/T8SB+am3WF0RDex/vRWgAQhVpshQHinSSRQsfwTfl8U6bvH3pKXnt3SjUeSePBMJlJL//0PUNpA0MeSkJOh5SEJGCIKSlQmLR4fBJs8HU+KcpKRlrp+BkJw5rwdeNCJ7jzSfx4wQSPJItEgwNOySWYiAIjwSAgcz5lIKLnFkQCR3A1SQvGvJUbGEBzq/pnxOmilvZG6QB4ymcWvG2dO8d/wCSgQCPySCQgDdXltga8wXOgdgPpBEY4OaCNfEj7kPYHuLgO+hPPgT/AGWojWvEg6yZ3HWfuTY3umXZeD2UmiyZcQB4Af8AfinY0NAHPxUk6kWx9Nvbnx7pHcDBM+HipBM4A6ET4IoWB0SaIUTOrW6KRLuBofFJLJIKEuaJOoHJ7/HRTSQ//9H1NNCYyJiPJLYOXalJSxIEbjHZP3MqDq2kyRO3UNPiVIVVge1oHwCGt9E6Us4hvmXcd0zNxABJPn3/ALSYMmwmZ0gTH/RhOAS0HmTwB/1SQKmYE6kn708BRbuEz46DwClwPFEIW2NmY1HdQewwdpjxnw7okqD3t3bZjSdPCYQKQw2gGe48EUcaqEgH3QPiVL8iIUWaXwTSmLwkhlHmnj5qLXSpJKRwdxPZShIpi5wPEjwHKSVwNNEgwDjSeUmu3CRp4zonlJD/AP/S9STSnMa+WqiDJIH3pKWc7aJPjEDz0TMJgzJ8FJwmR9yTYgaRHbzTdeLfROlMgO6iGidNJ5Up8dFFsbtOO3xKchkeCo7BMxDv3gNVInv4JBwInskpgXFjZMujgDk/5yG9ljyXANEjSZn+qYRbBI14lKeATqdEDG+uyQaYFr9kv2kxBgT5KFTfRArLnPB+iXGSP7Wrv89Fef0Z0nSI+OiD+jF1YJGgIbPJ/OemmgR+ZP7y4WQf5fKn7fxSDfd5eCYESB4jQ+ITtMuPkE9YzAAEJJp18lE2AOAkJKZTBSEcppk+ai5xBEdzB+aSmcwmJET2UQCIAOg0ClGmuvxSU//T9QI1EDj5p9pJn8FIDunSVbCNfgmewu0mPH+5S5KWvCFAik7IxUxgOzQn8Sp+aR800fciAAKApBJO7MDTzUTtDiTGkQUxfBjUnun2kkE9uAglZxcRDW/M6BDcwamdT3RXGAoA7nEeHKNKU1vuMjjz0TBrSZ7jg9wR/vRJHHfwQ3b5GwgQdTEzP5oQKgvrEEgkHmI+SVYDf7WsJmMJALXaczzJ/lSoMrY6WuEbSfbJ/wCqH0t7XIDonultEtndtjv/AL0zQGt2gaccd/gpcGSeNUwfukg8cFGtUdFCRA7cT2T8/EJgZ44hP+cY+aKFyQdfJMS4GBqkJ+KYtI1nnlJT/9T1RMnTEwkpZuoTpm6BI/ggFFSiZbqNfJODKYjWfBFSmgM+ep+JT7vJOh2NnkxCSly4HTumZB1HBQy9wO2R4bp8fHRSZv4O2ATAE8eaAkE0zcdNPgUOpzn6uAHulvfQKbmtf7XdzIHw1lSIj3fegQTIG9B+KdKrqVxGo+aiRFgPIcIPy7pzG4Hx0TOA3QeCI/vRQp7dw3N5bq3sJH/fUN2jAS0sAPj3/NPt/NRo9vko3uHouMSAPdHh+chLYnw
}
.theme-dark .goban-sgf-app_bg {
background-image: url('data:image/jpeg;base64,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
}
.goban-sgf-plugin-container :is(.hover\:scale-100:hover) {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.hover\:border-\[var\(--interactive-accent\)\]:hover) {
border-color: var(--interactive-accent);
}
.goban-sgf-plugin-container :is(.hover\:border-\[var\(--interactive-accent-hover\)\]:hover) {
border-color: var(--interactive-accent-hover);
}
.goban-sgf-plugin-container :is(.hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover) {
background-color: rgba(0,0,0,0.08);
}
.goban-sgf-plugin-container :is(.hover\:bg-\[var\(--background-modifier-error\)\]:hover) {
background-color: var(--background-modifier-error);
}
.goban-sgf-plugin-container :is(.hover\:bg-\[var\(--interactive-accent\)\]:hover) {
background-color: var(--interactive-accent);
}
.goban-sgf-plugin-container :is(.hover\:bg-\[var\(--interactive-accent-hover\)\]:hover) {
background-color: var(--interactive-accent-hover);
}
.goban-sgf-plugin-container :is(.hover\:bg-\[var\(--interactive-hover\)\]:hover) {
background-color: var(--interactive-hover);
}
.goban-sgf-plugin-container :is(.hover\:text-\[var\(--text-accent\)\]:hover) {
color: var(--text-accent);
}
.goban-sgf-plugin-container :is(.hover\:text-\[var\(--text-normal\)\]:hover) {
color: var(--text-normal);
}
.goban-sgf-plugin-container :is(.hover\:text-\[var\(--text-on-accent\)\]:hover) {
color: var(--text-on-accent);
}
.goban-sgf-plugin-container :is(.hover\:text-white:hover) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.goban-sgf-plugin-container :is(.hover\:opacity-100:hover) {
opacity: 1;
}
.goban-sgf-plugin-container :is(.focus\:z-30:focus) {
z-index: 30;
}
.goban-sgf-plugin-container :is(.active\:scale-90:active) {
--tw-scale-x: .9;
--tw-scale-y: .9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.active\:cursor-grabbing:active) {
cursor: grabbing;
}
.goban-sgf-plugin-container :is(.group:hover .group-hover\:scale-100) {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.goban-sgf-plugin-container :is(.group:hover .group-hover\:opacity-100) {
opacity: 1;
}
.goban-sgf-plugin-container :is(.group:active .group-active\:transition-none) {
transition-property: none;
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]) {
border-color: rgba(255,255,255,0.1);
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:border-transparent) {
border-color: transparent;
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:border-white) {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:bg-\[hsl\(var\(--accent-h\)\2c var\(--accent-s\)\2c 12\%\)\]) {
--tw-bg-opacity: 1;
background-color: hsl(var(--accent-h) var(--accent-s) 12% / var(--tw-bg-opacity));
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:bg-\[rgba\(0\2c 2\2c 10\2c 0\.6\)\]) {
background-color: rgba(0,2,10,0.6);
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\]) {
background-color: rgba(255,255,255,0.3);
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:bg-gray-700) {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:fill-gray-300) {
fill: #d1d5db;
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:fill-gray-500) {
fill: #6b7280;
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:stroke-gray-300) {
stroke: #d1d5db;
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:stroke-gray-500) {
stroke: #6b7280;
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:text-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\]) {
color: rgba(255,255,255,0.5);
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:text-gray-400) {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]:hover) {
background-color: rgba(255,255,255,0.08);
}
.goban-sgf-plugin-container :is(body.theme-dark .dark\:hover\:bg-\[var\(--background-modifier-error\)\]:hover) {
background-color: var(--background-modifier-error);
}