/* Silk fold: the approved 24px logo, a light lean, and a 260ms inward fold. */
:root { --nb-silk-ready: 1; }
#nb-silk-cursor {
  position: fixed; top: 0; left: 0; width: 0; height: 0;
  z-index: 2147483646; pointer-events: none !important;
  color: #c2b59b; opacity: 0; visibility: hidden;
  --silk-lean: 0deg; --silk-lift: 0px; --silk-spread: 0px;
  --silk-hover: #d4a24c;
}
#nb-silk-cursor.is-visible { opacity: 1; visibility: visible; }
#nb-silk-cursor .silk-mark {
  position: absolute; left: 0; top: 0; width: 24px; height: 32.13px;
  transform: translate(-50%, -50%) rotate(var(--silk-lean));
  transition: transform 180ms cubic-bezier(.18,.84,.25,1);
}
#nb-silk-cursor .silk-piece {
  position: absolute; inset: 0; background: currentColor;
  -webkit-mask: url('../img/cursor/silk-fold-source.png') 50.087% 51.044% / 235.294% 175.747% no-repeat;
  mask: url('../img/cursor/silk-fold-source.png') 50.087% 51.044% / 235.294% 175.747% no-repeat;
  transition: transform 260ms cubic-bezier(.18,.84,.25,1), opacity 220ms, background-color 220ms;
}
#nb-silk-cursor .silk-cap {
  clip-path: polygon(13% 0,87% 0,87% 38%,50% 21%,13% 38%);
  transform-origin: 50% 18%; transform: translateY(var(--silk-lift));
}
#nb-silk-cursor .silk-left {
  clip-path: polygon(0 34%,12% 43%,46% 24%,50% 24%,50% 100%,0 100%);
  transform-origin: 50% 48%; transform: translateX(calc(-1 * var(--silk-spread)));
}
#nb-silk-cursor .silk-right {
  clip-path: polygon(100% 34%,88% 43%,54% 24%,50% 24%,50% 100%,100% 100%);
  transform-origin: 50% 48%; transform: translateX(var(--silk-spread));
}
#nb-silk-cursor.is-link .silk-mark { transform: translate(-50%, -50%); }
#nb-silk-cursor.is-link .silk-left { transform: translate(2px,3px) scaleX(.12); opacity: 0; }
#nb-silk-cursor.is-link .silk-right { transform: translate(-2px,3px) scaleX(.12); opacity: 0; }
#nb-silk-cursor.is-link .silk-cap {
  transform: translate(0,9px) rotate(45deg) scale(1.15); background: var(--silk-hover);
}
#nb-silk-cursor.is-pressed .silk-mark { transform: translate(-50%,-50%) scale(.82); }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html.nb-silk-active, html.nb-silk-active * { cursor: none !important; }
}
/* Native widgets retain their own interaction affordances. */
input, textarea, select, video[controls], audio[controls], iframe,
[data-native-cursor] { cursor: auto !important; }
[contenteditable="true"] { cursor: text !important; }
button:disabled, input:disabled, [aria-disabled="true"] { cursor: not-allowed !important; }
.rail.is-dragging, .rail.is-dragging * { cursor: grabbing !important; }
@media (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce) {
  #nb-silk-cursor { display: none !important; }
}
