.tpl-button{border:2px solid var(--button-ink);background:var(--button-bg);min-height:48px;color:var(--button-ink);font:700 15px/1.2 var(--tpl-body), sans-serif;text-align:center;cursor:pointer;isolation:isolate;transition:transform var(--hover-ms) var(--motion-ease), box-shadow var(--hover-ms) var(--motion-ease);justify-content:center;align-items:center;gap:10px;padding:14px 24px;text-decoration:none;display:inline-flex;position:relative;transform:translate(0)}.tpl-button:focus-visible,.tpl-site a:focus-visible,.tpl-site summary:focus-visible{outline:3px solid var(--band-ink);outline-offset:5px}.tpl-button[data-shape=tactile-press]{box-shadow:6px 6px 0 var(--band-ink);border-radius:6px}.tpl-button[data-shape=pill]{border-radius:999px}.tpl-button[data-shape=bubble]{box-shadow:inset 0 4px 0 #fff6, 0 5px 0 var(--band-ink);border-radius:48% 48% 42% 42%/70% 70% 60% 60%}.tpl-button[data-shape=brutalist-block]{box-shadow:4px 4px 0 var(--band-ink);border-width:3px;border-radius:0}.tpl-button[data-shape=outline]{color:var(--band-ink);background:var(--band-bg);border-radius:0}.tpl-button:before,.tpl-button:after{pointer-events:none}.tpl-button[data-button-motion=ripple]:after{content:"";opacity:0;z-index:-1;background:radial-gradient(circle,currentColor 0 22%,#0000 23%);position:absolute;inset:0}.tpl-button[data-button-motion=edge-shimmer]:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #0000;position:absolute;inset:-2px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tpl-button:hover{transform:translateY(calc(-1 * var(--hover-lift)))}.tpl-button[data-button-motion=spring-bounce]:hover{animation:tpl-spring .52s var(--motion-ease)}.tpl-button[data-button-motion=twitch]:hover{animation:.32s ease-in-out tpl-twitch}.tpl-button[data-button-motion=glow-pulse]:hover{animation:1.6s ease-in-out infinite tpl-glow}.tpl-button[data-button-motion=edge-shimmer]:hover:after{animation:.9s linear infinite tpl-shimmer}.tpl-button[data-button-motion=press-sink]:hover{box-shadow:8px 8px 0 var(--band-ink)}}.tpl-button:active{filter:brightness(.93);transition-duration:70ms;transform:translate(2px,3px)scale(.97);box-shadow:inset 0 0 0 2px}.tpl-button[data-button-motion=press-sink]:active{box-shadow:0 0 0 var(--band-ink);transform:translate(6px,6px)}.tpl-button[data-button-motion=ripple]:active:after{animation:.65s ease-out tpl-ripple}.tpl-button:disabled{opacity:.6;cursor:not-allowed}.tpl-icon-frame{background:var(--panel-bg);width:64px;height:64px;color:var(--panel-ink);border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:3px;display:inline-flex}.tpl-icon-frame .tpl-art{object-fit:contain;border-radius:inherit;width:100%;height:100%}.tpl-icon-frame[data-frame=ring]{outline-offset:5px;outline:2px solid;padding:7px}.tpl-icon-frame[data-frame=sticker-outline]{border:6px solid var(--panel-bg);outline:2px solid var(--panel-ink);border-radius:35% 45% 38% 42%;transform:rotate(-8deg)}.tpl-icon-frame[data-frame=coin-rim]{border:7px double;box-shadow:3px 3px}.tpl-icon-frame[data-frame=rounded-square]{border-radius:16px}.tpl-icon-frame[data-frame=torn-square]{clip-path:polygon(3% 0,23% 4%,44% 0,68% 3%,97% 0,100% 25%,95% 48%,100% 73%,96% 100%,73% 95%,51% 100%,24% 96%,0 100%,4% 72%,0 49%,4% 23%);border-radius:0}.tpl-divider{background:var(--seam-to);height:48px;position:relative;overflow:clip}.tpl-divider svg{width:100%;height:calc(100% + 1px);display:block}.tpl-divider[data-divider=color-fade]{background:linear-gradient(var(--seam-from), var(--seam-to));height:100px}.tpl-divider[data-divider=straight-rule]{background:var(--seam-ink);height:2px}.tpl-divider[data-divider=space-only]{height:0}.tpl-divider[data-divider=marquee-band]{height:58px;color:var(--seam-ink);background:var(--seam-from);border-block:2px solid}.tpl-divider[data-divider=police-tape]{background:linear-gradient(var(--seam-from) 50%, var(--seam-to) 50%);height:112px}.tpl-marquee{width:100%;padding:15px 0;overflow:clip}.tpl-marquee-track{width:max-content;animation:tpl-marquee var(--marquee-sec) linear infinite;font:18px/1.2 var(--tpl-display), sans-serif;display:flex}.tpl-marquee-half{white-space:nowrap;display:flex}.tpl-marquee-half>span{padding-right:34px}.tpl-marquee b{padding-inline:24px;font-family:sans-serif}.tpl-tape{background:var(--tape);width:106%;color:var(--on-tape);border-block:2px solid var(--on-tape);position:absolute;top:24px;left:-3%;transform:rotate(-2deg)}.tpl-texture{pointer-events:none;z-index:0;position:absolute;inset:0}.tpl-texture[data-texture=grain],.tpl-texture[data-texture=paper]{background-image:url(../media/grain.1k1wvhapp-2_h.svg);background-size:180px 180px}.tpl-texture[data-texture=paper]{background-size:320px 320px}.tpl-texture[data-texture=halftone]{background:radial-gradient(circle, var(--band-ink) 1px, transparent 1.5px) 0 0 / 7px 7px}.tpl-texture[data-texture=scanlines]{background:repeating-linear-gradient(0deg, transparent 0 3px, var(--band-ink) 3px 4px)}.tpl-texture[data-texture=stipple]{background:radial-gradient(circle, var(--band-ink) .65px, transparent 1px) 0 0 / 4px 4px;-webkit-mask-image:linear-gradient(90deg,#000,#0000 22% 78%,#000);mask-image:linear-gradient(90deg,#000,#0000 22% 78%,#000)}.tpl-texture[data-texture=noise-gradient]{background:radial-gradient(ellipse at 15% 30%, var(--band-ink), transparent 50%)}@keyframes tpl-marquee{to{transform:translate(-50%)}}@keyframes tpl-spring{30%{transform:translateY(-9px)scale(1.04)}65%{transform:translateY(-2px)}}@keyframes tpl-twitch{25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}@keyframes tpl-glow{50%{box-shadow:0 0 0 5px var(--band-ink), 0 0 30px var(--button-bg)}}@keyframes tpl-shimmer{0%{border-left-color:currentColor}50%{border-right-color:currentColor}}@keyframes tpl-ripple{30%{opacity:.12;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.tpl-site[data-motion=none]{--hover-lift:0px;--drift:0px}.tpl-site[data-motion=none] *,.tpl-site[data-motion=none] :before,.tpl-site[data-motion=none] :after{transition:none!important;animation:none!important}.tpl-site[data-motion=none] .tpl-button:active{filter:none;transform:none;box-shadow:inset 0 0 0 3px}.tpl-site[data-motion=none] .tpl-button:hover{transform:none}@media (prefers-reduced-motion:reduce){.tpl-site{--hover-lift:0px!important;--drift:0px!important;--reveal-offset:0px!important;--marquee-sec:0s!important;--reveal-ms:0s!important;--hover-ms:0s!important;--motion-ease:linear!important}.tpl-site *,.tpl-site :before,.tpl-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.tpl-site .tpl-button:hover{transform:none}.tpl-site .tpl-button:active{filter:none;transform:none;box-shadow:inset 0 0 0 3px}.tpl-site .tpl-button[data-button-motion=press-sink]:active{transform:none;box-shadow:inset 0 0 0 3px}}.tpl-button[data-shape=flat]{box-shadow:none;border-radius:2px}.tpl-button[data-shape=text-link]{color:var(--band-ink);text-underline-offset:6px;background:0 0;border:0;border-radius:0;padding-inline:12px;text-decoration:underline}.tpl-button[data-shape=soft-3d]{box-shadow:inset 0 2px 0 var(--button-ink), 0 4px 0 var(--button-shadow,var(--button-ink));border-width:1px;border-radius:12px}@media (hover:hover){.tpl-button:is([data-shape=flat],[data-shape=text-link],[data-shape=soft-3d]):hover:not(:focus-visible){outline:1px solid var(--band-ink);outline-offset:2px}}.tpl-button:is([data-shape=flat],[data-shape=text-link],[data-shape=soft-3d]):active{box-shadow:inset 0 0 0 3px}.tpl-button:is([data-shape=flat],[data-shape=text-link],[data-shape=soft-3d]):disabled{box-shadow:none;opacity:.6;border-style:dashed;animation:none;transform:none}.tpl-icon-frame[data-frame=square]{border-radius:0}.tpl-icon-frame:is([data-frame=none],[data-frame=other]){background:0 0;border:0;border-radius:0;padding:0}.tpl-divider[data-divider=brutalist-band]{background:var(--seam-ink);height:24px}.tpl-divider[data-divider=curved]{height:64px}.tpl-texture[data-texture=pixel]{background:conic-gradient(var(--band-ink) 0 25%, transparent 0 50%, var(--band-ink) 0 75%, transparent 0) 0 0 / 3px 3px}.w1-site{font-synthesis:none}.tpl-button[data-shape=glass]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--button-bg) 94%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--button-ink) 40%,transparent);border-radius:12px}.tpl-button[data-shape=glass]:hover{box-shadow:inset 0 0 0 1px var(--button-ink);border-style:double}.tpl-button[data-shape=glass]:focus-visible{outline:3px solid var(--band-ink);outline-offset:5px}.tpl-button[data-shape=glass]:active{box-shadow:inset 0 0 0 3px}.tpl-button[data-shape=glass]:disabled{opacity:1;box-shadow:none;filter:none;border-style:dashed;animation:none;transform:none}.tpl-icon-frame:is([data-frame=diagonal-slab],[data-frame=hexagon]){isolation:isolate;aspect-ratio:1;background:0 0;border:0;border-radius:0;padding:0;position:relative}.tpl-icon-frame:is([data-frame=diagonal-slab],[data-frame=hexagon]):before{content:"";z-index:-1;background:var(--panel-bg);position:absolute;inset:0}.tpl-icon-frame[data-frame=diagonal-slab]:before{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.tpl-icon-frame[data-frame=hexagon]:before{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.tpl-icon-frame:is([data-frame=diagonal-slab],[data-frame=hexagon]) .tpl-art{border-radius:0;width:80%;height:80%}.tpl-divider:is([data-divider=diagonal],[data-divider=torn-grunge]){height:64px}@media (max-width:759px){.tpl-divider:is([data-divider=diagonal],[data-divider=torn-grunge]){height:24px}}
