:is(.hover-button,.button)[data-hover-effect]{--motion-rest:#111110;--motion-rest-ink:#fff;--motion-fill:#e6e6dc;--motion-hover-ink:#111110;--motion-accent:#bcbcb0;--motion-ease:cubic-bezier(.22,1,.36,1);--motion-time:.65s;isolation:isolate;box-sizing:border-box;border:1px solid var(--motion-rest);background:var(--motion-rest);color:var(--motion-rest-ink);cursor:pointer;transition:border-color var(--motion-time) var(--motion-ease),translate .45s var(--motion-ease),box-shadow .45s var(--motion-ease);border-radius:50px;justify-content:space-between;align-items:center;gap:24px;padding:19px 24px;font:400 12px/1.5 Monument,sans-serif;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.hover-button{-webkit-tap-highlight-color:transparent;width:258px;max-width:100%;min-height:62px}.button.small[data-hover-effect]{gap:20px;padding:13px 18px;font-size:11px}:where(.hover-button,.button)[data-hover-effect]:before{content:"";z-index:0;background:var(--motion-fill);clip-path:inset(100% 0 0);pointer-events:none;transition:clip-path var(--motion-time) var(--motion-ease);position:absolute;inset:0;transform:none}[data-hover-effect] .motion-content{z-index:1;justify-content:space-between;align-items:center;gap:inherit;pointer-events:none;width:100%;min-width:0;display:flex;position:relative}[data-hover-effect] .motion-label{text-align:left;white-space:nowrap;min-width:0;line-height:1.6;display:inline-grid;overflow:hidden}[data-hover-effect] .motion-line{transition:transform var(--motion-time) var(--motion-ease);grid-area:1/1}[data-hover-effect] .motion-line-next{transform:translateY(115%)}[data-hover-effect] .motion-arrow{flex:0 0 18px;width:18px;height:20px;display:block;position:relative;overflow:hidden}[data-hover-effect] .motion-arrow svg{width:18px;height:20px;transition:transform var(--motion-time) var(--motion-ease);position:absolute;inset:0}[data-hover-effect] .motion-arrow svg+svg{transform:translate(-120%,120%)}[data-hover-effect] .motion-contrast{z-index:2;justify-content:space-between;align-items:center;gap:inherit;padding:inherit;color:var(--motion-hover-ink);pointer-events:none;clip-path:inset(100% 0 0);transition:clip-path var(--motion-time) var(--motion-ease);display:flex;position:absolute;inset:0}[data-hover-effect] .motion-contrast>.motion-content{color:inherit}[data-hover-effect]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-line:first-child{transform:translateY(-115%)}[data-hover-effect]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-line-next{transform:translateY(0)}[data-hover-effect]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-arrow svg:first-child{transform:translate(120%,-120%)}[data-hover-effect]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-arrow svg+svg{transform:translate(0)}[data-hover-effect]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled){border-color:var(--motion-fill)}[data-hover-effect] .motion-icon--menu svg+svg{transform:translateY(125%)}[data-hover-effect]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-icon--menu svg:first-child{transform:translateY(-125%)}[data-hover-effect]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-icon--menu svg+svg{transform:translateY(0)}[data-hover-effect] .motion-icon--close svg+svg{transform:translateY(125%)rotate(-90deg)}[data-hover-effect]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-icon--close svg:first-child{transform:translateY(-125%)rotate(90deg)}[data-hover-effect]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-icon--close svg+svg{transform:translateY(0)rotate(0)}[data-hover-effect=magnetic]{translate:var(--magnet-x,0px) var(--magnet-y,0px)}[data-hover-effect=magnetic]:before,[data-hover-effect=magnetic]>.motion-contrast{display:none}[data-hover-effect=magnetic]:after{content:"";z-index:0;background:var(--motion-fill);width:38px;height:38px;translate:var(--capsule-x,0px) calc(-50% + var(--capsule-y,0px));transition:scale .65s cubic-bezier(.34,1.56,.64,1),translate .45s var(--motion-ease);border-radius:50%;position:absolute;top:50%;right:13px}[data-hover-effect=magnetic] .motion-arrow{color:var(--motion-hover-ink);translate:var(--capsule-x,0px) var(--capsule-y,0px);transition:translate .45s var(--motion-ease)}[data-hover-effect=magnetic] .motion-label{transition:translate .65s var(--motion-ease)}[data-hover-effect=magnetic]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled){border-color:var(--motion-rest);box-shadow:0 8px 0 -4px var(--motion-accent)}[data-hover-effect=magnetic]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled):after{scale:1.17}[data-hover-effect=magnetic]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-label{translate:-3px}.button.small[data-hover-effect=magnetic]:after{width:34px;height:34px;right:8px}[data-hover-effect=ink]:before,[data-hover-effect=ink]>.motion-contrast{clip-path:circle(0% at var(--ink-x,50%) var(--ink-y,50%));transition:clip-path .8s var(--motion-ease)}[data-hover-effect=ink]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled):before,[data-hover-effect=ink]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled)>.motion-contrast{clip-path:circle(150% at var(--ink-x,50%) var(--ink-y,50%))}[data-hover-effect=cascade]:before,[data-hover-effect=cascade]>.motion-contrast{clip-path:inset(0 100% 0 0)}[data-hover-effect=cascade]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled):before,[data-hover-effect=cascade]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled)>.motion-contrast{clip-path:inset(0)}[data-hover-effect=cascade] .motion-line{display:flex;transform:none!important}[data-hover-effect=cascade] .motion-letter{min-width:.04em;transition:transform .6s var(--motion-ease);transition-delay:calc(var(--letter-index)*14ms);display:inline-block}[data-hover-effect=cascade] .motion-line-next .motion-letter{transform-origin:0 100%;transform:translateY(115%)rotate(14deg)}[data-hover-effect=cascade]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-line:first-child .motion-letter{transform:translateY(-115%)rotate(-14deg)}[data-hover-effect=cascade]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-line-next .motion-letter{transform:translateY(0)rotate(0)}[data-hover-effect=checker]:before,[data-hover-effect=checker]>.motion-contrast{display:none}[data-hover-effect=checker]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled){border-color:var(--motion-rest)}.motion-tiles{z-index:2;pointer-events:none;position:absolute;inset:0}.motion-tile{left:calc(var(--tile-col)*100%/var(--tile-columns));top:calc(var(--tile-row)*100%/var(--tile-rows));width:calc(100%/var(--tile-columns) + .5px);height:calc(100%/var(--tile-rows) + .5px);clip-path:inset(0 0 100%);transition:clip-path .4s var(--motion-ease);transition-delay:calc(var(--tile-order)*38ms);position:absolute;overflow:hidden}.motion-tile>.motion-contrast{clip-path:none;background:var(--motion-fill);width:var(--button-width);height:var(--button-height);left:calc(var(--tile-col)*var(--button-width)/var(--tile-columns)*-1);top:calc(var(--tile-row)*var(--button-height)/var(--tile-rows)*-1);padding:var(--button-padding);gap:var(--button-gap);transition:none;display:flex}[data-hover-effect=checker]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-tile{clip-path:inset(0)}[data-hover-effect=shutter]:before{clip-path:none;background:var(--motion-fill)}[data-hover-effect=shutter]>.motion-content{z-index:3}[data-hover-effect=shutter]>.motion-contrast{display:none}[data-hover-effect=shutter] .motion-curtain{z-index:1;pointer-events:none;position:absolute;inset:0}[data-hover-effect=shutter] .motion-curtain:before,[data-hover-effect=shutter] .motion-curtain:after{content:"";background:var(--motion-rest);transition:transform .75s var(--motion-ease);position:absolute;inset:-1px}[data-hover-effect=shutter] .motion-curtain:before{clip-path:polygon(0 0,68% 0,34% 100%,0 100%)}[data-hover-effect=shutter] .motion-curtain:after{clip-path:polygon(67% 0,100% 0,100% 100%,33% 100%)}[data-hover-effect=shutter]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-curtain:before{transform:translate(-72%)}[data-hover-effect=shutter]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-curtain:after{transform:translate(72%)}[data-hover-effect=shutter]>.motion-content{transition:color .45s var(--motion-ease)}[data-hover-effect=shutter]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled)>.motion-content{color:var(--motion-hover-ink)}[data-hover-effect=marquee]:before,[data-hover-effect=marquee]>.motion-contrast{clip-path:inset(0 0 100%)}[data-hover-effect=marquee]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled):before,[data-hover-effect=marquee]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled)>.motion-contrast{clip-path:inset(0)}[data-hover-effect=marquee] .motion-label{flex:1;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}[data-hover-effect=marquee] .motion-line{padding-left:4px}.motion-marquee{opacity:0;width:max-content;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.motion-marquee>span{white-space:nowrap;align-items:center;gap:20px;padding-right:20px;display:flex}.motion-marquee b{font-size:15px;font-weight:400}[data-hover-effect=marquee] .motion-label{position:relative}[data-hover-effect=marquee]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-line{opacity:0}[data-hover-effect=marquee]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-marquee{opacity:1;animation:3.6s linear infinite button-marquee}@keyframes button-marquee{to{transform:translate(-50%)}}:is([data-hover-effect=stripes],[data-hover-effect=halftone],[data-hover-effect=blinds]):before,:is([data-hover-effect=stripes],[data-hover-effect=halftone],[data-hover-effect=blinds])>.motion-contrast{display:none}[data-hover-effect=stripes] .motion-tile{clip-path:inset(100% 0 0);transition-duration:.65s;transition-delay:calc(var(--tile-order)*26ms)}[data-hover-effect=stripes] .motion-tile:nth-child(2n){clip-path:inset(0 0 100%)}[data-hover-effect=stripes]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-tile{clip-path:inset(0)}[data-hover-effect=halftone] .motion-tile{clip-path:circle(0%);transition-duration:.7s;transition-delay:calc(var(--tile-order)*40ms)}[data-hover-effect=halftone]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-tile{clip-path:circle(75%)}[data-hover-effect=blinds] .motion-tile{clip-path:none;transform-origin:50%;backface-visibility:hidden;transition:transform .75s var(--motion-ease);transition-delay:calc(var(--tile-order)*65ms);transform:perspective(450px)rotateX(-90deg)}[data-hover-effect=blinds]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-tile{transform:perspective(450px)rotateX(0)}[data-hover-effect=zipper]:before,[data-hover-effect=zipper]>.motion-contrast{clip-path:polygon(0 0,-12% 0,0 12.5%,-12% 25%,0 37.5%,-12% 50%,0 62.5%,-12% 75%,0 87.5%,-12% 100%,0 100%);transition:clip-path .85s var(--motion-ease)}[data-hover-effect=zipper]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled):before,[data-hover-effect=zipper]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled)>.motion-contrast{clip-path:polygon(0 0,112% 0,100% 12.5%,112% 25%,100% 37.5%,112% 50%,100% 62.5%,112% 75%,100% 87.5%,112% 100%,0 100%)}:is([data-hover-effect=relief],[data-hover-effect=echo]):before,:is([data-hover-effect=relief],[data-hover-effect=echo])>.motion-contrast{display:none}.hover-button[data-hover-effect=relief],.button[data-hover-effect=relief]{transition:border-radius .6s var(--motion-ease),translate .6s var(--motion-ease),rotate .6s var(--motion-ease),box-shadow .6s var(--motion-ease)}[data-hover-effect=relief]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled){border-color:var(--motion-rest);box-shadow:7px 9px 0 var(--motion-accent);border-radius:8px;translate:-4px -5px;rotate:-1.5deg}[data-hover-effect=relief]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled):active{box-shadow:2px 3px 0 var(--motion-accent);transition-duration:.1s;translate:0;rotate:0deg}.hover-button[data-hover-effect=echo],.button[data-hover-effect=echo]{overflow:visible}.motion-echo{border:1px solid var(--motion-rest);border-radius:inherit;pointer-events:none;opacity:0;z-index:0;position:absolute;inset:-1px}[data-hover-effect=echo]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled){border-color:var(--motion-rest)}[data-hover-effect=echo]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-echo{animation:1.15s cubic-bezier(.16,1,.3,1) both button-echo;animation-delay:calc(var(--echo-index)*.14s)}@keyframes button-echo{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(1.16,1.85)}}.hover-preview-bar{z-index:90;color:#111110;background:#fafaf7;border:1px solid #d5d5cb;align-items:center;gap:18px;width:max-content;max-width:calc(100% - 28px);padding:15px 18px;font:11px/1.5 Monument,sans-serif;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #11111024}.hover-preview-bar label{align-items:center;gap:10px;display:flex}.hover-preview-bar select{font:inherit;color:#111110;background:#fff;border:1px solid #d5d5cb;border-radius:0;max-width:155px;padding:8px 28px 8px 10px}.hover-preview-bar a{color:inherit;text-underline-offset:4px;white-space:nowrap;text-decoration:underline}.hover-preview-bar>a:last-child{font-size:22px;line-height:1;text-decoration:none}@media (width<=760px){.hero .button[data-hover-effect]{padding:15px 19px;font-size:10px}.hover-preview-bar{gap:12px;padding:10px 12px;font-size:10px;bottom:12px}.hover-preview-bar label{gap:7px}.hover-preview-bar select{max-width:110px;padding:8px}.hover-preview-bar label>span{display:none}}@media (prefers-reduced-motion:reduce){[data-hover-effect],[data-hover-effect]:before,[data-hover-effect]:after,[data-hover-effect] *{transition:none!important;animation:none!important}[data-hover-effect=magnetic]{translate:none!important}[data-hover-effect=magnetic]:after,[data-hover-effect=magnetic] .motion-arrow{translate:0 -50%!important}[data-hover-effect=magnetic] .motion-arrow{translate:none!important}[data-hover-effect=relief]{translate:none!important;rotate:none!important}[data-hover-effect=marquee]:is(:hover,:focus-visible,[data-demo-active]):not(:disabled) .motion-line-next{opacity:1}[data-hover-effect=marquee] .motion-marquee{display:none}}