2025-07-06 20:43:22 +00:00
|
|
|
:root#ubol-zapper {
|
2025-03-31 21:43:51 +00:00
|
|
|
--quit-button-size: max(4em, min(6em, calc(100vw / 8), calc(100vh / 8)));
|
2025-07-06 20:43:22 +00:00
|
|
|
--ubol-overlay-fill: rgba(255,255,63,0.10);
|
|
|
|
|
--ubol-overlay-border: #FF0;
|
2025-03-31 21:43:51 +00:00
|
|
|
}
|
|
|
|
|
|
2025-03-21 17:23:54 +00:00
|
|
|
#ubol-zapper aside {
|
2025-05-14 14:02:37 +00:00
|
|
|
gap: 2px;
|
2025-03-31 21:43:51 +00:00
|
|
|
right: 2px;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateY(-50%);
|
2025-03-21 17:23:54 +00:00
|
|
|
}
|
2025-07-06 20:43:22 +00:00
|
|
|
|
2025-05-14 14:02:37 +00:00
|
|
|
#ubol-zapper aside > div {
|
|
|
|
|
background-color: var(--surface-1);
|
|
|
|
|
border: 1px solid rgba(0,0,0,0.5);
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
fill: none;
|
|
|
|
|
stroke: var(--ink-1);
|
|
|
|
|
stroke-width: 2px;
|
|
|
|
|
width: var(--quit-button-size);
|
|
|
|
|
height: var(--quit-button-size);
|
|
|
|
|
}
|
|
|
|
|
#ubol-zapper aside > div:hover {
|
2025-03-21 17:23:54 +00:00
|
|
|
background-color: var(--surface-2)
|
|
|
|
|
}
|
2025-05-14 14:02:37 +00:00
|
|
|
:root:not(.mobile) #pick {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|