@import "tailwindcss" source(none);
@source "../src/share.rs";
@source "../assets/share.js";
@import "../../../site/src/theme.css";
@import "./controls.css";
@theme {
--breakpoint-wide: 561px;
}
@layer base {
html,
body {
@apply overflow-x-hidden;
}
html {
-webkit-tap-highlight-color: revert;
}
body {
@apply bg-bg text-body text-ink;
-webkit-text-size-adjust: 100%;
}
a {
@apply text-brand underline;
}
p {
@apply my-[1em];
}
h1 {
@apply my-1 text-display font-extralight text-strong wrap-anywhere max-wide:text-title;
}
input[type="range"] {
margin: revert;
}
button {
@apply cursor-pointer border border-brand bg-transparent px-5 py-3 text-body text-brand lowercase hover:bg-hover/30 active:bg-hover disabled:cursor-default disabled:opacity-40;
}
}