.inkpad-button{display:inline-flex;align-items:center;justify-content:center;gap:.45em;width:fit-content;box-sizing:border-box;position:relative;overflow:hidden;padding:var(--inkpad-space-sm) var(--inkpad-space-md);border-radius:var(--inkpad-radius-control,var(--inkpad-radius,var(--inkpad-radius-md)));border:1px solid var(--inkpad-button-border,transparent);background:var(--inkpad-button-bg,var(--inkpad-color-accent,var(--inkpad-accent,currentcolor)));color:var(--inkpad-button-text,var(--inkpad-color-on-accent,#fff));text-decoration:none;white-space:normal;text-align:center;font-family:inherit;font-size:var(--inkpad-font-md,1rem);font-weight:var(--inkpad-weight-normal,400);line-height:1.2;cursor:pointer;appearance:none;-webkit-appearance:none;--inkpad-button-ty:0px;--inkpad-button-scale:1;--inkpad-button-fx-color:var(--inkpad-button-bg,var(--inkpad-color-accent,var(--inkpad-accent,currentcolor)));--inkpad-button-shadow-stack:var(--inkpad-shadow-ambient);transform:translateY(var(--inkpad-button-ty)) scale(var(--inkpad-button-scale));box-shadow:var(--inkpad-button-shadow-stack);transition:transform var(--inkpad-transition-fast),box-shadow var(--inkpad-transition-fast),background-color var(--inkpad-transition-fast),color var(--inkpad-transition-fast),border-color var(--inkpad-transition-fast);will-change:transform,box-shadow}.inkpad-button__link,.inkpad-button__link:visited{display:inline-flex;align-items:center;justify-content:center;gap:inherit;width:auto;max-width:100%;padding:0;margin:0;border:0;border-radius:0;background:0 0;box-shadow:none;color:inherit;text-decoration:none;font:inherit;line-height:inherit;text-align:inherit;cursor:inherit;appearance:none;-webkit-appearance:none}.inkpad-button__link:hover,.inkpad-button__link:focus,.inkpad-button__link:focus-visible,.inkpad-button__link:active{color:inherit;text-decoration:none;outline:none}.inkpad-button:hover{--inkpad-button-ty:var(--inkpad-motion-hover);--inkpad-button-shadow-stack:var(--inkpad-shadow-ambient),var(--inkpad-shadow-elevation);text-decoration:none}.inkpad-button:focus{outline:none}.inkpad-button:focus-visible{box-shadow:var(--inkpad-button-shadow-stack),var(--inkpad-shadow-focus)}.inkpad-button--size-sm{padding:var(--inkpad-space-xs) var(--inkpad-space-sm);font-size:var(--inkpad-font-sm,.875rem)}.inkpad-button--size-md{padding:var(--inkpad-space-sm) var(--inkpad-space-md);font-size:var(--inkpad-font-md,1rem)}.inkpad-button--size-lg{padding:var(--inkpad-space-md) var(--inkpad-space-lg);font-size:var(--inkpad-font-lg,1.125rem)}.inkpad-button--weight-normal{font-weight:var(--inkpad-weight-normal,400)}.inkpad-button--weight-medium{font-weight:var(--inkpad-weight-medium,500)}.inkpad-button--weight-bold{font-weight:var(--inkpad-weight-bold,700)}.inkpad-button--primary{--inkpad-button-bg:var(--inkpad-color-accent,var(--inkpad-accent,currentcolor));--inkpad-button-text:var(--inkpad-color-on-accent,#fff);--inkpad-button-border:transparent;--inkpad-button-fx-color:var(--inkpad-color-accent,var(--inkpad-accent,currentcolor))}.inkpad-button--primary img{filter:brightness(0) invert(1)}.inkpad-button--outlined{--inkpad-button-bg:transparent;--inkpad-button-text:var(--inkpad-color-text,var(--inkpad-text,#111));--inkpad-button-border:color-mix(in srgb,var(--inkpad-color-accent,var(--inkpad-accent,currentcolor)) 78%,transparent);--inkpad-button-fx-color:var(--inkpad-color-accent,var(--inkpad-accent,currentcolor))}.inkpad-button--glass{--inkpad-button-bg:color-mix(in srgb,var(--inkpad-color-surface,var(--inkpad-surface,#fff)) 78%,transparent);--inkpad-button-text:var(--inkpad-color-text,var(--inkpad-text,#111));--inkpad-button-border:color-mix(in srgb,var(--inkpad-color-text,var(--inkpad-text,#111)) 12%,transparent);--inkpad-button-fx-color:var(--inkpad-color-accent,var(--inkpad-accent,currentcolor));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.inkpad-button--clay{--inkpad-button-bg:var(--inkpad-color-surface,var(--inkpad-surface,#fff));--inkpad-button-text:var(--inkpad-color-text,var(--inkpad-text,#111));--inkpad-button-border:color-mix(in srgb,var(--inkpad-color-text,var(--inkpad-text,#111)) 10%,transparent);--inkpad-button-fx-color:var(--inkpad-color-accent,var(--inkpad-accent,currentcolor))}.inkpad-button[data-fx=none]:active{--inkpad-button-ty:var(--inkpad-motion-active);--inkpad-button-scale:.98;--inkpad-button-shadow-stack:var(--inkpad-shadow-ambient),var(--inkpad-shadow-press)}.inkpad-button[data-fx=lift]:hover{--inkpad-button-ty:var(--inkpad-motion-lift)}.inkpad-button[data-fx=lift]:active{--inkpad-button-ty:var(--inkpad-motion-active);--inkpad-button-scale:.98;--inkpad-button-shadow-stack:var(--inkpad-shadow-ambient),var(--inkpad-shadow-press)}.inkpad-button[data-fx=press]:active{--inkpad-button-ty:var(--inkpad-motion-active);--inkpad-button-scale:var(--inkpad-motion-press-scale);--inkpad-button-shadow-stack:var(--inkpad-shadow-ambient),var(--inkpad-shadow-press),var(--inkpad-shadow-inset)}.inkpad-button[data-fx=glow]:hover{--inkpad-button-ty:var(--inkpad-motion-hover);--inkpad-button-shadow-stack:var(--inkpad-shadow-ambient),var(--inkpad-shadow-elevation),var(--inkpad-shadow-glow)}.inkpad-button[data-fx=glow]:active{--inkpad-button-ty:var(--inkpad-motion-active);--inkpad-button-scale:.97;--inkpad-button-shadow-stack:var(--inkpad-shadow-ambient),var(--inkpad-shadow-press),var(--inkpad-shadow-glow)}.inkpad-button[data-fx=sheen]:after{content:"";position:absolute;inset:0 auto 0 -75%;width:50%;pointer-events:none;background:linear-gradient(120deg,transparent,var(--inkpad-color-sheen,color-mix(in srgb,#fff 55%,transparent)),transparent);transition:left var(--inkpad-transition-medium)}.inkpad-button[data-fx=sheen]:active{--inkpad-button-ty:var(--inkpad-motion-active);--inkpad-button-scale:.98}.inkpad-button[data-fx=sheen]:hover:after{left:130%}.inkpad-button-block{display:flex}.inkpad-button-block--full{width:100%}.inkpad-button-block--full .inkpad-button{width:100%}.inkpad-button__icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:1em;flex-shrink:0}.inkpad-button__icon svg{width:1em;height:1em;display:block}.inkpad-button--icon-left .inkpad-button__icon{margin-right:.4em}.inkpad-button--icon-right .inkpad-button__icon{margin-left:.4em}.inkpad-button--icon-only{padding:var(--inkpad-space-sm);aspect-ratio:1}.inkpad-button .dashicons{font-family:dashicons !important;font-size:1em;line-height:1;width:1em;height:1em}.inkpad-variant-swatch{display:flex;flex-direction:column;align-items:stretch;gap:var(--inkpad-space-xs);width:100%;box-sizing:border-box;padding:var(--inkpad-space-sm);border-radius:var(--inkpad-radius-control,var(--inkpad-radius,var(--inkpad-radius-md)));border:1px solid color-mix(in srgb,var(--inkpad-color-text,#111) 10%,transparent);background:var(--inkpad-color-surface-alt,color-mix(in srgb,#fff 92%,#111 8%));color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform var(--inkpad-transition-fast),border-color var(--inkpad-transition-fast),box-shadow var(--inkpad-transition-fast)}.inkpad-variant-swatch:hover{transform:translateY(var(--inkpad-motion-hover));border-color:color-mix(in srgb,var(--inkpad-color-accent,currentcolor) 42%,transparent)}.inkpad-variant-swatch.is-active{border-color:var(--inkpad-color-accent,currentcolor);box-shadow:var(--inkpad-shadow-outline)}.inkpad-variant-swatch-preview{width:100%;min-height:calc(var(--inkpad-space-lg) + var(--inkpad-space-md) + var(--inkpad-space-xs));pointer-events:none}.inkpad-variant-swatch-preview .inkpad-button__icon{margin:0}.inkpad-variant-swatch-label{font-size:var(--inkpad-font-xs,.75rem);line-height:1.2;opacity:.8;color:var(--inkpad-color-text,var(--inkpad-text,#111))}.inkpad-variant-swatch:focus,.inkpad-variant-swatch:focus-visible{outline:none;box-shadow:var(--inkpad-shadow-focus)}body.inkpad-button-popup-open{overflow:hidden}.inkpad-button-popup{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;box-sizing:border-box;padding:var(--inkpad-space-lg);color:var(--inkpad-color-text,var(--inkpad-text,#111))}.inkpad-button-popup[hidden]{display:none}.inkpad-button-popup__overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--inkpad-color-text,var(--inkpad-text,#111)) 46%,transparent)}.inkpad-button-popup__dialog{position:relative;z-index:1;width:min(100%, 38rem);max-height:min(86vh, 720px);overflow:auto;box-sizing:border-box;padding:var(--inkpad-space-xl);border:1px solid var(--inkpad-color-border,color-mix(in srgb,currentcolor 12%,transparent));border-radius:var(--inkpad-radius-panel,var(--inkpad-radius,16px));background:var(--inkpad-color-surface,var(--inkpad-surface,#fff));box-shadow:var(--inkpad-shadow-panel,var(--inkpad-shadow,0 18px 50px rgba(0,0,0,.18)));color:var(--inkpad-color-text,var(--inkpad-text,#111))}.inkpad-button-popup--width-small .inkpad-button-popup__dialog{width:min(100%, 28rem)}.inkpad-button-popup--width-medium .inkpad-button-popup__dialog{width:min(100%, 38rem)}.inkpad-button-popup--width-large .inkpad-button-popup__dialog{width:min(100%, 52rem)}.inkpad-button-popup--style-clean .inkpad-button-popup__dialog{background:var(--inkpad-color-surface,var(--inkpad-surface,#fff));border-color:color-mix(in srgb,var(--inkpad-color-text,var(--inkpad-text,#111)) 10%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.16)}.inkpad-button-popup--style-glass .inkpad-button-popup__overlay{background:color-mix(in srgb,var(--inkpad-color-text,var(--inkpad-text,#111)) 36%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.inkpad-button-popup--style-glass .inkpad-button-popup__overlay{background:color-mix(in srgb,var(--inkpad-color-text,var(--inkpad-text,#111)) 30%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.inkpad-button-popup--style-glass .inkpad-button-popup__dialog{background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.22)),color-mix(in srgb,var(--inkpad-color-surface,var(--inkpad-surface,#fff)) 38%,transparent);border-color:rgba(255,255,255,.52);box-shadow:0 1px 0 rgba(255,255,255,.62) inset,0 0 0 1px rgba(255,255,255,.18) inset,0 26px 80px rgba(0,0,0,.3);backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35)}.inkpad-button-popup--style-glass .inkpad-button-popup__body{color:color-mix(in srgb,var(--inkpad-color-text,var(--inkpad-text,#111)) 68%,transparent)}.inkpad-button-popup--style-soft-card .inkpad-button-popup__dialog{background:var(--inkpad-color-surface-alt,color-mix(in srgb,var(--inkpad-color-surface,var(--inkpad-surface,#fff)) 96%,var(--inkpad-color-accent,var(--inkpad-accent,#16891b)) 4%));border-color:color-mix(in srgb,var(--inkpad-color-accent,var(--inkpad-accent,#16891b)) 18%,transparent);border-radius:calc(var(--inkpad-radius-panel, var(--inkpad-radius, 16px)) + 8px);box-shadow:0 10px 24px rgba(0,0,0,.1),0 28px 80px rgba(0,0,0,.2)}.inkpad-button-popup__close{position:absolute;top:var(--inkpad-space-sm);right:var(--inkpad-space-sm);display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--inkpad-color-border,color-mix(in srgb,currentcolor 12%,transparent));border-radius:var(--inkpad-radius-round,9999px);background:var(--inkpad-color-surface,var(--inkpad-surface,#fff));color:inherit;font:inherit;font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:var(--inkpad-shadow-ambient,none)}.inkpad-button-popup__close:hover{transform:translateY(var(--inkpad-motion-hover,-1px))}.inkpad-button-popup__close:focus,.inkpad-button-popup__close:focus-visible{outline:none;box-shadow:var(--inkpad-shadow-focus,0 0 0 2px currentcolor)}.inkpad-button-popup__media{margin:calc(var(--inkpad-space-xl) * -1) calc(var(--inkpad-space-xl) * -1) var(--inkpad-space-lg);overflow:hidden;border-radius:var(--inkpad-radius-panel,var(--inkpad-radius,16px)) var(--inkpad-radius-panel,var(--inkpad-radius,16px)) 0 0}.inkpad-button-popup__media img{display:block;width:100%;max-height:22rem;object-fit:cover}.inkpad-button-popup__title{margin:0 2.5rem var(--inkpad-space-sm) 0;color:inherit;font-size:var(--inkpad-font-xl,1.625rem);line-height:1.12;letter-spacing:0}.inkpad-button-popup__body{color:var(--inkpad-color-text-muted,var(--inkpad-text-muted,currentcolor));font-size:var(--inkpad-font-md,1rem);line-height:1.65}.inkpad-button-popup__body>:first-child{margin-top:0}.inkpad-button-popup__body>:last-child{margin-bottom:0}.inkpad-button-popup__actions{display:flex;flex-wrap:wrap;gap:var(--inkpad-space-sm);margin-top:var(--inkpad-space-lg)}.inkpad-button-popup__secondary{width:auto}@media (max-width:600px){.inkpad-button-popup{padding:var(--inkpad-space-sm)}.inkpad-button-popup__dialog{max-height:90vh;padding:var(--inkpad-space-lg)}.inkpad-button-popup__media{margin:calc(var(--inkpad-space-lg) * -1) calc(var(--inkpad-space-lg) * -1) var(--inkpad-space-md)}}@media (prefers-reduced-motion:reduce){.inkpad-button,.inkpad-variant-swatch,.inkpad-button[data-fx=sheen]:after{transition:none}.inkpad-button{transform:none}.inkpad-button[data-fx=sheen]:after{display:none}}