style.css

@import '@yearn-finance/web-lib/style.css';
@import 'nextra-theme-docs/style.css';

html {
  font-feature-settings: "rlig" 1, "calt" 1, "ss01" 1, "ss06" 1 !important;
}

[data-reach-skip-link] {
  @apply sr-only;
}

[data-reach-skip-link]:focus {
  @apply not-sr-only fixed ml-6 top-0 bg-white text-lg px-6 py-2 mt-2 outline-none z-50;
}

.dark .invert-on-dark {
  filter: invert(1) brightness(1.8);
}

body {
	background: linear-gradient(
	to bottom,
	rgba(255, 255, 255, 0) 0%,
	rgba(255, 255, 255, 1) 300px
	),
	fixed 0 0 / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0),
	fixed 10px 10px / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0);
}

.dark body {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #111 300px),
	fixed 0 0 / 20px 20px radial-gradient(#313131 1px, transparent 0),
	fixed 10px 10px / 20px 20px radial-gradient(#313131 1px, transparent 0);
}

.callout a {
  color: inherit;
}

sup a {
  @apply text-base;
  text-decoration: none;
}

.footnotes {
  @apply text-sm;
}

.install [role="tablist"] {
  justify-content: center;
}

.focus-visible:ring {
	@apply !ring-0;
}
h1 {
	@apply text-neutral-900;
}

article pre {
	@apply rounded-lg;
}

pre *,
code * {
	font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
}

.ring-offset-2 {
	--tw-ring-offset-width: 0px;
	@apply !ring-0;
}

.box-gradient-default {
	@apply flex relative justify-center items-center p-4 w-full min-h-0 md:min-h-[20rem] rounded-default rounded-t transition-colors overflow-hidden z-10;
}

/* 🔵 - Yearn Finance **************************************************
** Nextra specific CSS
**********************************************************************/
.box-gradient-default {
	& p:not(:first-child),
	& blockquote:not(:first-child),
	& .table-container:not(:first-child) {
		@apply mt-0;
	}

	& h4 {
		@apply mt-0;
	}
}