.wordmark{font-family:var(--font-headline)}.cord-line{stroke:var(--craft-cord);fill:none}.tag-string{background:var(--craft-cord)}.hang-tag{--cut:22px;background:var(--craft-tag);color:var(--card-foreground);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%, 0 var(--cut));position:relative}.hang-tag--small{--cut:14px}.tag-shadow{filter:drop-shadow(0 1px 0 color-mix(in oklch, var(--foreground) 16%, transparent)) drop-shadow(0 10px 14px color-mix(in oklch, var(--foreground) 7%, transparent))}.tag-rule{border-top:1.5px dashed var(--craft-cord)}.write-line{border-bottom:1.5px solid color-mix(in oklch, var(--craft-cord) 70%, transparent)}.swatch-wax{background-color:var(--craft-wax);background-image:repeating-linear-gradient(180deg, transparent 0 18px, color-mix(in oklch, var(--accent) 45%, transparent) 18px 19px)}.swatch-knot{background-color:var(--muted);background-image:radial-gradient(circle, var(--craft-cord) 0 3px, transparent 3.5px), radial-gradient(circle, var(--craft-cord) 0 3px, transparent 3.5px);background-position:0 0,9px 9px;background-size:18px 18px}.swatch-weave{background-color:var(--secondary);background-image:repeating-linear-gradient(90deg, color-mix(in oklch, var(--secondary-foreground) 22%, transparent) 0 2px, transparent 2px 9px), repeating-linear-gradient(0deg, color-mix(in oklch, var(--primary) 32%, transparent) 0 5px, transparent 5px 10px)}@media (prefers-reduced-motion:no-preference){.tag-swing{transform-origin:50% 0;animation:.95s cubic-bezier(.36,.07,.19,.97) both tag-swing}.tag-hover .tag-hover-target{transform-origin:50% 0}.tag-hover:hover .tag-hover-target,.tag-hover:focus-visible .tag-hover-target{animation:.95s cubic-bezier(.36,.07,.19,.97) both tag-swing}@keyframes tag-swing{0%{transform:rotate(0)}22%{transform:rotate(3.5deg)}50%{transform:rotate(-2deg)}76%{transform:rotate(.8deg)}to{transform:rotate(0)}}}