.nav-links a[aria-current],
.menu-list a[aria-current] {
background: var(--ink);
color: var(--paper);
}
.foot a[aria-current] {
color: var(--lime);
text-decoration-color: var(--lime);
}
.pg-head { padding: 22px 0 38px; }
.crumbs ol {
display: flex;
flex-wrap: wrap;
margin-bottom: 18px;
color: var(--ink-soft);
font: 500 13px/1.5 var(--f-mono);
list-style: none;
}
.crumbs li + li::before {
content: "/";
margin: 0 9px;
}
.crumbs a {
color: var(--ink);
text-decoration: underline;
text-decoration-color: var(--blue);
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
.crumbs a:hover { background: var(--lime); }
.pg-title {
--t: clamp(34px, 9.6vw, 84px);
border-top: calc(var(--t) * 0.1) solid var(--ink);
font: 800 var(--t)/0.95 var(--f-disp);
font-variation-settings: var(--v-disp);
letter-spacing: -0.032em;
overflow-wrap: break-word;
}
.pg-title > span {
display: block;
margin-top: -0.15em;
}
.pg-lede {
max-width: 38em;
margin-top: 24px;
font-size: 18px;
line-height: 1.5;
}
.pg-lede a,
.rel-more a {
text-decoration: underline;
text-decoration-color: var(--blue);
text-decoration-thickness: 3px;
text-underline-offset: 4px;
}
.pg-lede a:hover,
.rel-more a:hover { background: var(--lime); }
.pg-stickers {
display: flex;
flex-wrap: wrap;
gap: 16px 14px;
margin-top: 26px;
list-style: none;
}
.pg-stickers .st:nth-child(1) { rotate: -4deg; }
.pg-stickers .st:nth-child(2) { rotate: 3deg; }
@media (min-width: 1100px) {
.pg-head { padding: 34px 0 58px; }
.pg-lede { font-size: 20px; }
}
.pg .prose { max-width: 68ch; }
.prose > * + * { margin-top: 16px; }
.prose h3 {
margin-top: 36px;
font: 700 23px/1.2 var(--f-head);
font-variation-settings: var(--v-head);
letter-spacing: -0.01em;
}
.prose h4 {
margin-top: 28px;
font: 700 19px/1.25 var(--f-head);
font-variation-settings: var(--v-head);
}
.prose h3 + *,
.prose h4 + * { margin-top: 10px; }
.prose ul,
.prose ol {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 9px;
list-style: none;
}
.prose li { position: relative; padding-left: 26px; }
.prose li > * + * { margin-top: 12px; }
.prose ul > li::before {
content: "";
position: absolute;
left: 3px;
top: 0.62em;
width: 8px;
height: 8px;
background: var(--ink);
}
.prose ol { counter-reset: step; }
.prose ol > li {
counter-increment: step;
min-height: 28px;
padding-left: 42px;
}
.prose ol > li::before {
content: counter(step);
position: absolute;
left: 0;
top: -1px;
display: grid;
place-items: center;
width: 28px;
height: 28px;
border: var(--line);
border-radius: 50%;
background: var(--lime);
font: 800 14px/1 var(--f-head);
font-variation-settings: var(--v-head);
}
.prose strong { font-weight: 700; }
.prose code {
padding: 1px 5px 2px;
border-radius: 5px;
background: var(--paper-2);
overflow-wrap: anywhere;
}
.prose a { color: var(--ink); }
.prose a code { background: none; padding: 0; }
.prose blockquote {
padding: 4px 0 4px 18px;
border-left: 6px solid var(--lime);
}
.prose hr {
height: 0;
border: 0;
border-top: 2px dashed var(--ink);
}
@media (min-width: 1100px) {
.pg .prose { font-size: 18px; }
.prose h3 { font-size: 26px; }
}
.pg code,
.pg pre,
.pg kbd,
.pg .kbd { font-variant-ligatures: none; }
.prose > pre,
.prose li > pre {
overflow-x: auto;
padding: 16px 18px 18px;
border: var(--line);
border-radius: 12px;
background: var(--navy);
box-shadow: 6px 6px 0 var(--ink);
color: #e6ebf2;
font: 400 13px/1.65 var(--f-mono);
}
.prose pre code,
.code code {
padding: 0;
background: none;
font-size: inherit;
font-weight: 400;
overflow-wrap: normal;
}
.kbd {
display: inline-block;
padding: 0 6px;
border: 2px solid var(--ink);
border-bottom-width: 3px;
border-radius: 6px;
background: var(--card);
color: var(--ink);
font: 600 0.78em/1.4 var(--f-mono);
white-space: nowrap;
}
.table-wrap {
overflow-x: auto;
border: var(--line);
border-radius: 12px;
background: var(--card);
box-shadow: 6px 6px 0 var(--ink);
}
.table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
line-height: 1.5;
}
.table th {
padding: 11px 16px 10px;
background: var(--ink);
color: var(--paper);
font: 600 12px/1.3 var(--f-mono);
letter-spacing: 0.08em;
text-align: left;
text-transform: uppercase;
}
.table td {
padding: 12px 16px 13px;
border-top: 2px solid var(--paper-2);
vertical-align: top;
}
.table tbody tr:first-child td { border-top: 0; }
.table code {
padding: 1px 5px 2px;
border-radius: 5px;
background: var(--paper-2);
overflow-wrap: anywhere;
}
@media (min-width: 1100px) {
.table { font-size: 16px; }
}
.docs { padding-bottom: 56px; }
.docs-side { margin-bottom: 40px; }
.docs-toc-h {
margin-bottom: 10px;
color: var(--ink-soft);
font: 600 12px/1 var(--f-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
}
.docs-find {
position: relative;
margin-bottom: 12px;
}
.docs-find .i {
position: absolute;
left: 12px;
top: 13px;
width: 16px;
height: 16px;
color: var(--ink-soft);
pointer-events: none;
}
.docs-find-input {
width: 100%;
height: 42px;
padding: 0 12px 0 36px;
border: var(--line);
border-radius: 8px;
background: var(--paper);
color: var(--ink);
font: 500 16px/1.2 var(--f-text);
font-variation-settings: var(--v-text);
-webkit-appearance: none;
appearance: none;
}
.docs-find-input::placeholder { color: #6d685d; opacity: 1; }
.docs-find-input:focus-visible {
outline: 3px solid var(--blue-text);
outline-offset: 2px;
background: #fff;
}
.docs-find-input::-webkit-search-cancel-button { cursor: pointer; }
.docs-find-note {
margin-top: 8px;
color: var(--ink-soft);
font-size: 15px;
}
.docs-find-note.is-quiet {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.docs-nav {
display: flex;
gap: 8px;
margin-inline: calc(var(--gut) * -1);
padding: 4px var(--gut) 12px;
overflow-x: auto;
overscroll-behavior-x: contain;
scrollbar-width: thin;
list-style: none;
counter-reset: sec;
}
.docs-nav li {
flex: none;
counter-increment: sec;
}
.docs-nav a {
display: flex;
align-items: baseline;
gap: 8px;
padding: 8px 13px 9px;
border: var(--line);
border-radius: 999px;
background: var(--card);
color: var(--ink);
font: 600 15px/1.25 var(--f-text);
font-variation-settings: var(--v-text);
text-decoration: none;
white-space: nowrap;
}
.docs-nav a::before {
content: counter(sec, decimal-leading-zero);
color: var(--ink-soft);
font: 500 11px/1 var(--f-mono);
}
.docs-nav a:hover { background: var(--paper-2); }
.docs-nav a[aria-current] {
background: var(--lime);
box-shadow: 3px 3px 0 var(--ink);
}
.docs-nav a[aria-current]::before { color: var(--ink); }
.docs-body { min-width: 0; }
.docs-body > section + section { margin-top: 84px; }
.docs-body > section > * + * { margin-top: 24px; }
.docs-body > section[hidden="until-found"] { display: block !important; }
.docs.is-paged .docs-body > section { margin-top: 0; }
.docs-body > section { --dh: clamp(34px, 8.8vw, 58px); }
.docs-body > section::before {
content: "";
display: block;
height: calc(var(--dh) * 0.1);
background: var(--ink);
}
.docs-body h2 {
margin-top: -0.15em;
font: 800 var(--dh)/0.95 var(--f-disp);
font-variation-settings: var(--v-disp);
letter-spacing: -0.03em;
}
.docs-body .prose > h2 + * { margin-top: 22px; }
.docs-body .code { margin-top: 18px; }
#shortcuts .table td:first-child { white-space: nowrap; }
#turn-on .table td:first-child { width: 24%; }
#tools .table td:last-child { min-width: 7.5rem; }
.table-stack td:first-child { font-weight: 700; }
@media (max-width: 560px) {
#shortcuts .table td:first-child { white-space: normal; }
.table-stack thead { display: none; }
.table-stack tr {
display: block;
padding: 14px 16px 16px;
border-top: 2px solid var(--paper-2);
}
.table-stack tbody tr:first-child { border-top: 0; }
.table-stack td,
#turn-on .table-stack td:first-child,
#tools .table-stack td:last-child {
display: block;
width: auto;
min-width: 0;
padding: 0;
border: 0;
}
.table-stack td + td { margin-top: 10px; }
.table-stack td[data-label]::before {
content: attr(data-label);
display: block;
margin-bottom: 2px;
color: var(--ink-soft);
font: 600 11px/1.4 var(--f-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
.docs-pager {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 14px;
margin-top: 56px;
padding-top: 28px;
border-top: 2px dashed var(--ink);
}
.docs-pager a {
display: flex;
align-items: center;
gap: 14px;
padding: 13px 16px 14px;
border: var(--line);
border-radius: 10px;
background: var(--card);
box-shadow: 0 4px 0 var(--ink);
color: var(--ink);
font: 700 17px/1.25 var(--f-head);
font-variation-settings: var(--v-head);
text-decoration: none;
transition: translate 0.12s ease-out, box-shadow 0.12s ease-out;
}
.docs-pager-dir {
display: block;
margin-bottom: 4px;
color: var(--ink-soft);
font: 600 12px/1 var(--f-mono);
letter-spacing: 0.08em;
text-transform: uppercase;
}
.docs-pager-next {
justify-content: flex-end;
text-align: right;
}
.docs-pager-prev::before,
.docs-pager-next::after {
content: "";
flex: none;
width: 10px;
height: 10px;
border: solid var(--ink);
border-width: 0 0 3px 3px;
rotate: 45deg;
}
.docs-pager-next::after { rotate: -135deg; }
@media (hover: hover) {
.docs-pager a:hover {
background: var(--lime);
translate: 0 2px;
box-shadow: 0 2px 0 var(--ink);
}
}
.to-top {
position: sticky;
bottom: 18px;
z-index: 5;
display: grid;
place-items: center;
width: 50px;
height: 50px;
margin: 0 max(var(--gut), (100% - var(--max)) / 2) 22px auto;
border: var(--line);
border-radius: 12px;
background: var(--card);
box-shadow: 0 4px 0 var(--ink);
color: var(--ink);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}
.to-top svg { width: 22px; height: 22px; }
.to-top:hover { background: var(--lime); }
.to-top.is-shown {
opacity: 1;
visibility: visible;
transition: opacity 0.2s ease;
}
@media (min-width: 700px) {
.docs-pager { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.docs-pager-next { grid-column: 2; }
}
@media (min-width: 1000px) {
.docs {
display: grid;
grid-template-columns: minmax(0, 264px) minmax(0, 1fr);
column-gap: 56px;
align-items: start;
}
.docs-side {
position: sticky;
top: calc(var(--nav-h) + 24px);
max-height: calc(100vh - var(--nav-h) - 48px);
margin: 0;
overflow-y: auto;
padding: 18px 14px 16px;
border: var(--line);
border-radius: 14px;
background: var(--card);
box-shadow: 6px 6px 0 var(--ink);
}
.docs-toc-h { padding-left: 4px; }
.docs-nav {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 2px;
margin: 0;
padding: 0;
overflow: visible;
}
.docs-nav a {
padding: 7px 10px 8px;
border-color: transparent;
border-radius: 8px;
background: none;
white-space: normal;
}
.docs-nav a[aria-current] {
border-color: var(--ink);
background: var(--lime);
}
}
@media (min-width: 1100px) {
.docs { column-gap: 72px; padding-bottom: 80px; }
.docs-body > section > * + * { margin-top: 28px; }
}
.rels {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 38px;
align-content: start;
}
.js .rels { min-height: 100vh; }
.rel-msg {
max-width: 40em;
padding: 18px 20px 20px;
border: var(--line);
border-radius: 12px;
background: var(--card);
font-size: 17px;
}
.rel-msg a {
text-decoration: underline;
text-decoration-color: var(--blue);
text-decoration-thickness: 3px;
text-underline-offset: 4px;
}
.rel-msg a:hover { background: var(--lime); }
.rel-fail { box-shadow: 6px 6px 0 var(--ink); }
.rel {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr);
border: var(--line);
border-radius: 16px;
background: var(--card);
box-shadow: 6px 6px 0 var(--ink);
}
.rel-stub {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
align-content: start;
padding: 22px 20px 26px;
border-bottom: 2px dashed var(--ink);
border-radius: 14px 14px 0 0;
background: var(--paper-2);
}
.rel-stub::before,
.rel-stub::after {
content: "";
position: absolute;
bottom: -12px;
width: 22px;
height: 22px;
border: var(--line);
border-radius: 50%;
background: var(--paper);
}
.rel-stub::before { left: -13px; }
.rel-stub::after { right: -13px; }
.rel-latest .rel-stub { background: var(--lime); }
.rel-tag {
padding-right: 120px;
font: 800 28px/1.05 var(--f-disp);
font-variation-settings: var(--v-disp);
letter-spacing: -0.02em;
overflow-wrap: anywhere;
}
.rel-date { font: 500 14px/1.4 var(--f-mono); }
.rel-badge {
position: absolute;
right: 16px;
top: 16px;
rotate: 5deg;
}
.rel-files {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 132px), 1fr));
gap: 12px 10px;
margin-top: 6px;
list-style: none;
}
.rel-file {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
height: 100%;
padding: 9px 12px 10px;
border: var(--line);
border-radius: 8px;
background: var(--card);
box-shadow: 0 3px 0 var(--ink);
color: var(--ink);
font: 700 15px/1.25 var(--f-head);
font-variation-settings: var(--v-head);
text-decoration: none;
transition: translate 0.12s ease-out, box-shadow 0.12s ease-out;
}
.rel-size {
flex: none;
font: 500 12px/1 var(--f-mono);
white-space: nowrap;
}
@media (hover: hover) {
.rel-file:hover {
background: var(--lime);
translate: 0 2px;
box-shadow: 0 1px 0 var(--ink);
}
}
.rel-notes { padding: 24px 20px 28px; }
.rel-notes > :first-child { margin-top: 0; }
.rel-notes h2,
.rel-notes h3 {
margin-top: 30px;
font: 700 21px/1.2 var(--f-head);
font-variation-settings: var(--v-head);
}
.rel-gh { margin-top: 24px; }
.rel-gh a {
font-weight: 700;
text-decoration-thickness: 3px;
}
.rel-more {
margin-top: 46px;
padding-bottom: 84px;
font-size: 17px;
}
@media (min-width: 1000px) {
.rel { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); }
.rel-stub {
padding: 28px 26px 32px;
border-bottom: 0;
border-right: 2px dashed var(--ink);
border-radius: 14px 0 0 14px;
}
.rel-stub::before,
.rel-stub::after { left: auto; right: -13px; }
.rel-stub::before { top: -13px; bottom: auto; }
.rel-stub::after { bottom: -13px; }
.rel-tag { padding-right: 0; }
.rel-badge { position: static; justify-self: start; margin: 4px 0 2px; }
.rel-files { grid-template-columns: minmax(0, 1fr); }
.rel-notes { padding: 30px 38px 36px; }
}
@media (min-width: 1100px) {
.rels { gap: 46px; }
.rel-more { margin-top: 60px; padding-bottom: 120px; font-size: 18px; }
}
.lg { padding-bottom: 84px; }
.lg-sec {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 14px;
padding: 26px 0 36px;
border-top: var(--line);
}
.lg-h {
font: 800 clamp(26px, 6.6vw, 34px)/1.05 var(--f-disp);
font-variation-settings: var(--v-disp);
letter-spacing: -0.02em;
}
@media (min-width: 1000px) {
.lg-sec {
grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
column-gap: 48px;
padding: 34px 0 50px;
}
.lg-h {
position: sticky;
top: calc(var(--nav-h) + 26px);
align-self: start;
}
}
@media (min-width: 1100px) {
.lg { padding-bottom: 120px; }
}
.lg-copy {
margin-top: 22px;
color: var(--ink-soft);
font: 500 14px/1.5 var(--f-mono);
}
.lg-note {
max-width: 62ch;
margin-top: 24px;
padding: 18px 20px 20px;
border: var(--line);
border-radius: 12px;
background: var(--marigold);
box-shadow: 6px 6px 0 var(--ink);
font-size: 17px;
line-height: 1.55;
}
.lg-n {
display: inline-block;
min-width: 2.2em;
margin-right: 6px;
padding: 5px 8px 6px;
border-radius: 7px;
background: var(--ink);
color: var(--paper);
font: 700 0.62em/1 var(--f-mono);
text-align: center;
vertical-align: 0.18em;
}
.lg-t {
display: inline-block;
text-transform: lowercase;
}
.lg-t::first-letter { text-transform: uppercase; }
.lg-items {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 14px;
list-style: none;
}
.prose .lg-items > li { padding-left: 0; }
.prose .lg-items > li::before { content: none; }
.lg-l {
margin-right: 2px;
font: 600 0.9em/1 var(--f-mono);
}
.lg-end {
padding-top: 26px;
border-top: var(--line);
font: 500 15px/1.5 var(--f-mono);
}
.lg-end a {
text-decoration: underline;
text-decoration-color: var(--blue);
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
@media (min-width: 1000px) {
.lg-n { display: block; width: fit-content; margin: 0 0 12px; font-size: 15px; vertical-align: 0; }
}
@media (min-width: 1100px) {
.lg-note { padding: 22px 26px 24px; font-size: 18px; }
}
.nf { padding: 26px 0 80px; }
.nf-art {
--wh: clamp(78px, 24vw, 210px);
--srv: calc(var(--wh) * 0.4);
position: relative;
height: calc(var(--wh) * 1.08 + 20px);
margin-bottom: 18px;
}
.nf-word {
position: absolute;
left: 0;
top: 0;
width: calc(var(--wh) * 1.18162);
height: var(--wh);
fill: var(--ink);
}
.nf-deck {
position: absolute;
top: calc(var(--wh) * 0.24833);
height: calc(var(--wh) * 0.09785);
background: var(--ink);
}
.nf-deck-l {
--j: calc(var(--wh) * 0.07);
left: calc(var(--wh) * 1.0934);
right: 45%;
clip-path: polygon(0 0, calc(100% - var(--j) * 0.3) 0, calc(100% - var(--j)) 34%, 100% 55%, calc(100% - var(--j) * 0.7) 78%, calc(100% - var(--j) * 0.2) 100%, 0 100%);
}
.nf-deck-r {
--j: calc(var(--wh) * 0.07);
left: 66%;
right: calc(var(--srv) * 0.5);
clip-path: polygon(calc(var(--j) * 0.5) 0, 100% 0, 100% 100%, calc(var(--j) * 0.15) 100%, calc(var(--j) * 0.9) 70%, 0 46%, calc(var(--j) * 0.75) 20%);
}
.nf-srv {
position: absolute;
right: 0;
top: calc(var(--wh) * 0.29726 - var(--srv) * 0.62);
width: var(--srv);
}
.nf-srv-box {
display: grid;
align-content: center;
gap: 12%;
height: calc(var(--srv) * 1.24);
padding: 0 13%;
background: var(--navy);
border: var(--line);
border-radius: 8px;
box-shadow: 4px 4px 0 var(--ink);
}
.nf-srv-box i {
position: relative;
height: calc(var(--srv) * 0.12);
border-radius: 3px;
background: #24384e;
}
.nf-srv-box i::after {
content: "";
position: absolute;
right: 8%;
top: 50%;
width: calc(var(--srv) * 0.07);
height: calc(var(--srv) * 0.07);
translate: 0 -50%;
border-radius: 50%;
background: #3a4d63;
}
.nf-tag {
--drop: calc(var(--wh) * 0.34);
position: absolute;
left: 52%;
top: calc(var(--wh) * 0.3462);
translate: -50% 0;
transform-origin: 50% 0;
rotate: 8deg;
}
.nf-tag::before {
content: "";
position: absolute;
left: calc(50% - 1px);
top: 0;
width: 2px;
height: calc(var(--drop) + 4px);
background: var(--ink);
}
.nf-tag-in {
position: relative;
display: block;
margin-top: var(--drop);
padding: 6px 12px 7px;
border: var(--line);
border-radius: 6px;
background: var(--marigold);
box-shadow: 3px 3px 0 var(--ink);
font: 700 15px/1.2 var(--f-mono);
white-space: nowrap;
}
.nf-tag-in::before {
content: "";
position: absolute;
left: 50%;
top: -6px;
width: 9px;
height: 9px;
translate: -50% 0;
border: 2px solid var(--ink);
border-radius: 50%;
background: var(--card);
}
.nf-code {
margin-bottom: 14px;
font: 600 14px/1.4 var(--f-mono);
}
.nf-code .pill { margin-right: 8px; font-family: var(--f-mono); }
.nf .pg-title { border-top: 0; }
.nf .pg-title > span { margin-top: 0; }
.nf-h {
margin: 48px 0 20px;
font: 700 24px/1.2 var(--f-head);
font-variation-settings: var(--v-head);
}
.nf-links {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 22px;
list-style: none;
}
.nf-link {
display: block;
height: 100%;
text-decoration: none;
}
.nf-link .card-face { gap: 6px; padding: 20px 20px 22px; }
.nf-link-t {
font: 700 21px/1.15 var(--f-head);
font-variation-settings: var(--v-head);
text-decoration: underline;
text-decoration-color: var(--blue);
text-decoration-thickness: 3px;
text-underline-offset: 4px;
}
.nf-link-d {
color: var(--ink-soft);
font-size: 16px;
line-height: 1.4;
}
.nf-home .card-face { background: var(--lime); }
.nf-home .nf-link-d { color: var(--ink); }
@media (min-width: 700px) {
.nf-tag-in { font-size: 18px; padding: 8px 15px 9px; }
.nf-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
.nf { padding: 40px 0 120px; }
.nf-art { --wh: clamp(150px, 15vw, 210px); margin-bottom: 24px; }
.nf-links { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; }
}
@media print {
.nav,
.foot,
.pal,
.toast,
.skip,
.crumbs,
.docs-side,
.docs-pager,
.to-top { display: none !important; }
.docs { display: block; }
.docs-body > section,
.docs-body > section[hidden] {
display: block !important;
content-visibility: visible !important;
}
.docs-body > section + section { margin-top: 48px !important; }
.rel,
.code,
.table-wrap,
.lg-note,
.card-face { box-shadow: none; }
}
@media (prefers-reduced-motion: no-preference) {
.js .nf-tag { animation: nf-swing 1.3s cubic-bezier(0.3, 1.5, 0.45, 1) 0.25s both; }
}
@keyframes nf-swing {
from { rotate: -26deg; }
}