@import url("./tokens/colors.css");
@import url("./tokens/typography.css");
@import url("./tokens/spacing.css");
@import url("https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap");
body{margin:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased}
image-slot{display:block;width:100%;height:100%}
i[class^="ti "],i[class*=" ti "]{font-style:normal;line-height:1}
a{color:var(--text-accent);text-decoration:none}a:hover{color:var(--text-primary)}
.spoture-wordmark{display:inline-block;height:calc(var(--wm-size,56px) * .82);aspect-ratio:1151/501;background:url(assets/logo-wordmark.png) center/contain no-repeat;font-size:0;line-height:0;color:transparent;white-space:nowrap;vertical-align:middle}
.spoture-wordmark img{display:none}
.spoture-wordmark.on-ink{background-image:url(assets/logo-wordmark-light.png)}
@keyframes spotureSheetUp{from{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}
@keyframes spotureBurst{0%{transform:scale(.4);opacity:0}30%{transform:scale(1.15);opacity:1}70%{transform:scale(1);opacity:1}100%{transform:scale(1.1);opacity:0}}