:is(.hero-two .actions a.soft-button,.hero-button-swatch)[data-hero-finish]{color:#252a35;border:1px solid var(--finish-border);background:var(--finish-background);box-shadow:var(--finish-shadow);backdrop-filter:blur(var(--finish-blur));-webkit-backdrop-filter:blur(var(--finish-blur))}[data-hero-finish=a]{--finish-background:rgb(255 255 255 / 80%);--finish-border:rgb(255 255 255 / 65%);--finish-shadow:0 3px 7px rgb(22 49 100 / 8%),inset 0 1px 1px rgb(255 255 255 / 90%);--finish-blur:8px}[data-hero-finish=b]{--finish-background:rgb(255 255 255 / 70%);--finish-border:rgb(255 255 255 / 70%);--finish-shadow:0 3px 6px rgb(22 49 100 / 5%),inset 0 1px 2px #fff,inset 0 -1px 1px rgb(255 255 255 / 30%);--finish-blur:16px}[data-hero-finish=c]{--finish-background:linear-gradient(180deg,rgb(255 255 255 / 90%),rgb(255 255 255 / 60%));--finish-border:rgb(255 255 255 / 70%);--finish-shadow:0 4px 8px -2px rgb(22 49 100 / 14%),inset 0 2px 3px rgb(255 255 255 / 85%);--finish-blur:12px}[data-hero-finish=d]{--finish-background:linear-gradient(180deg,#fff,rgb(255 255 255 / 80%));--finish-border:rgb(255 255 255 / 95%);--finish-shadow:0 3px 5px rgb(22 49 100 / 8%),inset 0 -2px 4px rgb(127 159 220 / 13%);--finish-blur:8px}[data-hero-finish=e]{--finish-background:#fff;--finish-border:#fff;--finish-shadow:0 2px 4px rgb(22 49 100 / 8%);--finish-blur:0px}[data-hero-finish=f]{--finish-background:rgb(255 255 255 / 5%);--finish-border:rgb(255 255 255 / 30%);--finish-shadow:0 3px 6px rgb(22 49 100 / 5%),inset 0 1px 2px rgb(255 255 255 / 35%);--finish-blur:14px}.hero-button-lab{position:fixed;z-index:90;bottom:16px;left:50%;transform:translate(-50%);width:min(1080px,calc(100% - 32px));max-height:46svh;overflow:auto;padding:16px 18px 12px;border:1px solid #fff9;border-radius:20px;background:#edf3fff2;backdrop-filter:blur(22px);box-shadow:0 8px 36px #14356b25;color:#222d43;font:400 12px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.hero-button-lab__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.hero-button-lab__header strong{font-size:15px;font-weight:600}.hero-button-lab__header p{margin:3px 0 0;color:#586781}.hero-button-lab button{font:inherit;cursor:pointer}.hero-button-lab__toggle{flex-shrink:0;padding:8px 12px;border:1px solid #b9c8dd;background:#fff;border-radius:50px;color:#25344f}.hero-button-lab__options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.hero-button-lab__options[hidden]{display:none}.hero-button-lab__sample{display:flex;justify-content:center;align-items:center;padding:16px 5px;background:linear-gradient(180deg,#6899ff,#83acff);border-radius:12px}.hero-button-swatch{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:0 13px;font-size:13px;border-radius:60px;box-sizing:border-box;white-space:nowrap}.hero-button-lab__option p{margin:9px 0 7px}.hero-button-lab__option b{font-weight:600}.hero-button-lab__option p span{display:block;margin-top:1px;color:#586781}.hero-button-lab__choices{display:flex;gap:4px}.hero-button-lab__choices button{flex:1;padding:5px 4px;border:1px solid #c8d4e5;border-radius:6px;background:transparent;color:#445571;font-size:11px}.hero-button-lab__choices button[aria-pressed=true]{background:#284e91;border-color:#284e91;color:#fff}.hero-button-lab button:focus-visible{outline:2px solid #235bd2;outline-offset:3px}.hero-button-lab__selection{margin:12px 0 0;color:#415777;font-size:11px}.hero-button-lab.is-collapsed{width:auto;max-width:calc(100% - 24px);padding:10px 14px}.hero-button-lab.is-collapsed .hero-button-lab__header{margin:0}.hero-button-lab.is-collapsed .hero-button-lab__header p{display:none}.hero-button-lab.is-collapsed .hero-button-lab__selection{margin-top:3px}@media (max-width:760px){.hero-button-lab{bottom:8px;width:calc(100% - 16px);padding:12px;max-height:42svh}.hero-button-lab__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-button-lab__header p{display:none}.hero-button-lab__sample{padding:12px 2px}.hero-button-swatch{font-size:12px;padding-inline:10px}.hero-button-lab__header strong{font-size:14px}}
