.ww-tag{--tag-h:3rem;--tag-cut:.85rem;--tag-hole-x:1.15rem;min-height:var(--tag-h);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;vertical-align:middle;background:0 0;border:0;align-items:stretch;padding:0;text-decoration:none;display:inline-flex;position:relative}.ww-tag--sm{--tag-h:2.75rem;--tag-cut:.7rem;--tag-hole-x:.95rem;font-size:var(--step--1)}.ww-tag:focus-visible{outline:2px solid var(--c-focus);outline-offset:4px;border-radius:var(--radius-s)}.ww-tag__body{min-height:var(--tag-h);font-family:var(--f-text);letter-spacing:.012em;white-space:nowrap;align-items:center;gap:.6em;font-weight:780;line-height:1.15;display:inline-flex;position:relative}.ww-tag__body .ww-tag__icon{width:1.3em;height:1.3em;margin-inline-start:-.15em}.ww-tag--primary{filter:drop-shadow(0 1px #34212b1f)drop-shadow(0 8px 10px #6e343c38);padding-inline-start:1.55rem}.ww-tag--sm.ww-tag--primary{padding-inline-start:1.3rem}.ww-tag--primary .ww-tag__body{padding:0 1.35em 0 calc(var(--tag-hole-x) + 1.05em);background-color:var(--c-primary);background-image:var(--paper-grain);color:var(--c-primary-fg);clip-path:polygon(var(--tag-cut) 0, 100% 0, 100% 100%, var(--tag-cut) 100%, 0 calc(100% - var(--tag-cut)), 0 var(--tag-cut));-webkit-mask:radial-gradient(circle at var(--tag-hole-x) 50%, transparent .23rem, #000 calc(.23rem + .6px));mask:radial-gradient(circle at var(--tag-hole-x) 50%, transparent .23rem, #000 calc(.23rem + .6px));transform-origin:var(--tag-hole-x) 50%}.ww-tag--primary .ww-tag__body:before{content:"";left:calc(var(--tag-hole-x) - .44rem);border:.2rem solid color-mix(in oklab, var(--c-primary-fg) 62%, var(--c-primary));border-radius:50%;width:.88rem;height:.88rem;position:absolute;top:calc(50% - .44rem);box-shadow:inset 0 0 0 .5px #34212b59}.ww-tag__twine{z-index:1;fill:none;stroke-linecap:round;pointer-events:none;width:2.75rem;height:2.017rem;position:absolute;top:calc(50% - 1.214rem);left:.18rem;overflow:visible}.ww-tag--sm .ww-tag__twine{width:2.3rem;height:1.687rem;top:calc(50% - 1.016rem);left:.14rem}.ww-tag__twine-a{stroke:var(--c-fg);stroke-width:1.35px;stroke-opacity:.82}.ww-tag__twine-b{stroke:color-mix(in oklab, var(--c-accent), var(--c-fg) 25%);stroke-width:.9px;stroke-dasharray:2.4 1.6;stroke-opacity:.9}.ww-tag__meta{border-inline-start:1.5px dashed color-mix(in oklab, currentColor 55%, transparent);font-family:var(--f-label);letter-spacing:0;align-self:stretch;align-items:center;margin-inline-start:.15em;padding-inline-start:.85em;font-weight:700;display:inline-flex}@keyframes ww-tag-swing{0%{rotate:0deg}22%{rotate:-4.2deg}48%{rotate:2.6deg}72%{rotate:-1.1deg}to{rotate:0deg}}@media (hover:hover){.ww-tag--primary:hover .ww-tag__body{animation:ww-tag-swing 1s var(--ease-paper) both}}.ww-tag--primary:focus-visible .ww-tag__body{animation:ww-tag-swing 1s var(--ease-paper) both}.ww-tag--primary:active .ww-tag__body{translate:0 1px}.ww-tag--secondary{color:var(--c-primary);transition:rotate var(--dur-fast) var(--ease-paper);rotate:-1.2deg}.ww-tag--secondary .ww-tag__body{z-index:1;padding:0 1.3em}.ww-tag--sm.ww-tag--secondary .ww-tag__body{padding:0 1em}.ww-tag__frame{fill:#0000;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke;width:100%;height:100%;transition:fill var(--dur-fast) var(--ease-paper);position:absolute;inset:0;overflow:visible;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -3 2.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -3 2.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E")}.ww-tag__frame path{vector-effect:non-scaling-stroke}.ww-tag__frame-in{stroke-width:1px;fill:none!important}@media (hover:hover){.ww-tag--secondary:hover{rotate:0deg}.ww-tag--secondary:hover .ww-tag__frame path:first-child{fill:color-mix(in oklab, var(--c-primary) 10%, transparent)}}.ww-tag--secondary:focus-visible{rotate:0deg}.ww-tag--secondary:active{translate:0 1px}.ww-tag--secondary[aria-pressed=true] .ww-tag__frame path:first-child{fill:color-mix(in oklab, var(--c-primary) 14%, transparent)}.ww-tag[disabled],.ww-tag[aria-disabled=true]{cursor:not-allowed;opacity:.55;filter:grayscale(.4)}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .ww-tag .ww-tag__body{animation:none!important}}html[data-motion=reduce] .ww-tag .ww-tag__body{animation:none!important}