.cui-btn{--cui-btn-h:var(--cui-h-md);--cui-btn-pad:15px;--cui-btn-fs:var(--cui-fz-md);--cui-btn-radius:calc(var(--cui-btn-h)*.32);--cui-btn-edgew:1px;--cui-btn-alpha:.88;--cui-btn-blur:16px;--cui-btn-rim:.55;position:relative;display:inline-flex;align-items:stretch;height:var(--cui-btn-h);padding:0;border:0;border-radius:var(--cui-btn-radius);isolation:isolate;background:none;color:var(--cui-btn-ink);font:500 var(--cui-btn-fs)/1 var(--cui-font);white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;box-shadow:none;--cui-btn-face:radial-gradient(ellipse at var(--cui-btn-shine-x,25%) -90%,color-mix(in srgb, var(--cui-white) 15%, transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--cui-btn-top) calc(var(--cui-btn-alpha)*100%),transparent),color-mix(in srgb,var(--cui-btn-bottom) calc(var(--cui-btn-alpha)*100%),transparent));--cui-btn-inner:inset 0 1px 1px color-mix(in srgb, var(--cui-white) 16%, transparent),inset 0 -1px 1px color-mix(in srgb, var(--cui-black) 13%, transparent)}.cui-btn.cui-btn{scale:calc(1 + (var(--cui-lift,0)*var(--cui-lift-z,9) + var(--cui-lift-hover,0))/760);transform:translateY(var(--cui-btn-press-y,0px)) scale(var(--cui-btn-press-x,1),var(--cui-btn-press-sy,1));transition:scale var(--cui-dur-1) var(--cui-ease),opacity var(--cui-dur-1) linear}.cui-btn:before,.cui-btn:after{content:"";position:absolute;inset:0;padding:var(--cui-btn-edgew);border-radius:inherit;pointer-events:none;z-index:3;mask:linear-gradient(var(--cui-white) 0 0) content-box,linear-gradient(var(--cui-white) 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(var(--cui-white) 0 0) content-box,linear-gradient(var(--cui-white) 0 0);-webkit-mask-composite:xor}.cui-btn:before{opacity:var(--cui-btn-rim);background:linear-gradient(155deg,color-mix(in srgb,var(--cui-white) 70%,transparent),color-mix(in srgb,var(--cui-white) 14%,transparent) 24%,color-mix(in srgb,var(--cui-white) 2%,transparent) 47%,color-mix(in srgb,var(--cui-btn-pigment) 45%,transparent) 66%,color-mix(in srgb,var(--cui-white) 50%,transparent))}.cui-btn:after{opacity:0;background:linear-gradient(155deg,var(--cui-white) 0%,color-mix(in srgb,var(--cui-white) 61%,transparent) 25%,color-mix(in srgb,var(--cui-white) 19%,transparent) 48%,color-mix(in srgb,var(--cui-btn-pigment) 65%,white) 72%,color-mix(in srgb,var(--cui-white) 90%,transparent) 100%);transition:opacity .24s var(--cui-ease)}.cui-btn__body{position:relative;z-index:1;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 calc(var(--cui-btn-pad) + 3px);border-radius:inherit;background:var(--cui-btn-face);backdrop-filter:blur(var(--cui-btn-blur)) saturate(1.35);-webkit-backdrop-filter:blur(var(--cui-btn-blur)) saturate(1.35);box-shadow:var(--cui-btn-inner);transition:box-shadow .3s var(--cui-ease)}.cui-btn:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true],[data-busy]){--cui-btn-inner:inset 0 1px 2px color-mix(in srgb, var(--cui-white) 70%, transparent),inset 0 5px 10px -4px color-mix(in srgb, var(--cui-white) 42%, transparent),inset 0 -1px 2px color-mix(in srgb, var(--cui-white) 27%, transparent)}.cui-btn:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true],[data-busy]):after{opacity:1}.cui-btn:focus-visible{outline:2px solid var(--cui-btn-ink);outline-offset:3px;box-shadow:0 0 0 3px var(--cui-btn-bottom),0 0 0 5px var(--cui-btn-ink)}.cui-btn:not([data-cui-press]):active:not(:disabled,[aria-disabled=true],[data-busy]){--cui-btn-press-y:1px;--cui-btn-press-x:1.035;--cui-btn-press-sy:.945}.cui-btn[data-material=clear]{--cui-btn-alpha:.76;--cui-btn-blur:9px;--cui-btn-radius:999px;--cui-btn-rim:1}.cui-btn[data-material=frost]{--cui-btn-alpha:.94;--cui-btn-blur:28px;--cui-btn-radius:999px;--cui-btn-rim:1}.cui-btn[data-material=tint]{--cui-btn-alpha:.9;--cui-btn-blur:16px;--cui-btn-radius:999px;--cui-btn-rim:1}.cui-btn{--cui-btn-pigment:var(--cui-button-secondary-pigment);--cui-btn-top:var(--cui-button-secondary-soft-top);--cui-btn-bottom:var(--cui-button-secondary-soft-bottom);--cui-btn-ink:var(--cui-button-secondary-soft-ink)}.cui-btn[data-material=clear]{--cui-btn-top:var(--cui-button-secondary-clear-top);--cui-btn-bottom:var(--cui-button-secondary-clear-bottom);--cui-btn-ink:var(--cui-button-secondary-clear-ink)}.cui-btn[data-material=frost]{--cui-btn-top:var(--cui-button-secondary-frost-top);--cui-btn-bottom:var(--cui-button-secondary-frost-bottom);--cui-btn-ink:var(--cui-button-secondary-frost-ink)}.cui-btn[data-material=tint]{--cui-btn-top:var(--cui-button-secondary-tint-top);--cui-btn-bottom:var(--cui-button-secondary-tint-bottom);--cui-btn-ink:var(--cui-button-secondary-tint-ink)}.cui-btn:is([data-variant=primary],[data-variant=action]){--cui-btn-pigment:var(--cui-button-primary-pigment);--cui-btn-top:var(--cui-button-primary-soft-top);--cui-btn-bottom:var(--cui-button-primary-soft-bottom);--cui-btn-ink:var(--cui-button-primary-soft-ink)}.cui-btn:is([data-variant=primary],[data-variant=action])[data-material=clear]{--cui-btn-top:var(--cui-button-primary-clear-top);--cui-btn-bottom:var(--cui-button-primary-clear-bottom);--cui-btn-ink:var(--cui-button-primary-clear-ink)}.cui-btn:is([data-variant=primary],[data-variant=action])[data-material=frost]{--cui-btn-top:var(--cui-button-primary-frost-top);--cui-btn-bottom:var(--cui-button-primary-frost-bottom);--cui-btn-ink:var(--cui-button-primary-frost-ink)}.cui-btn:is([data-variant=primary],[data-variant=action])[data-material=tint]{--cui-btn-top:var(--cui-button-primary-tint-top);--cui-btn-bottom:var(--cui-button-primary-tint-bottom);--cui-btn-ink:var(--cui-button-primary-tint-ink)}.cui-btn:is([data-variant=danger],[data-variant=destructive]){--cui-btn-pigment:var(--cui-button-danger-pigment);--cui-btn-top:var(--cui-button-danger-soft-top);--cui-btn-bottom:var(--cui-button-danger-soft-bottom);--cui-btn-ink:var(--cui-button-danger-soft-ink)}.cui-btn:is([data-variant=danger],[data-variant=destructive])[data-material=clear]{--cui-btn-top:var(--cui-button-danger-clear-top);--cui-btn-bottom:var(--cui-button-danger-clear-bottom);--cui-btn-ink:var(--cui-button-danger-clear-ink)}.cui-btn:is([data-variant=danger],[data-variant=destructive])[data-material=frost]{--cui-btn-top:var(--cui-button-danger-frost-top);--cui-btn-bottom:var(--cui-button-danger-frost-bottom);--cui-btn-ink:var(--cui-button-danger-frost-ink)}.cui-btn:is([data-variant=danger],[data-variant=destructive])[data-material=tint]{--cui-btn-top:var(--cui-button-danger-tint-top);--cui-btn-bottom:var(--cui-button-danger-tint-bottom);--cui-btn-ink:var(--cui-button-danger-tint-ink)}.cui-btn[data-variant=success]{--cui-btn-pigment:var(--cui-button-success-pigment);--cui-btn-top:var(--cui-button-success-soft-top);--cui-btn-bottom:var(--cui-button-success-soft-bottom);--cui-btn-ink:var(--cui-button-success-soft-ink)}.cui-btn[data-variant=success][data-material=clear]{--cui-btn-top:var(--cui-button-success-clear-top);--cui-btn-bottom:var(--cui-button-success-clear-bottom);--cui-btn-ink:var(--cui-button-success-clear-ink)}.cui-btn[data-variant=success][data-material=frost]{--cui-btn-top:var(--cui-button-success-frost-top);--cui-btn-bottom:var(--cui-button-success-frost-bottom);--cui-btn-ink:var(--cui-button-success-frost-ink)}.cui-btn[data-variant=success][data-material=tint]{--cui-btn-top:var(--cui-button-success-tint-top);--cui-btn-bottom:var(--cui-button-success-tint-bottom);--cui-btn-ink:var(--cui-button-success-tint-ink)}.cui-btn:is([data-variant=ghost],[data-variant=cancel]){--cui-btn-rim:.22;box-shadow:none}.cui-btn.cui-btn:is(:disabled,[aria-disabled=true],[data-busy]){scale:1;transform:none;filter:none;--cui-lift-hover:0}.cui-btn:is(:disabled,[aria-disabled=true]){cursor:not-allowed;box-shadow:none;color:color-mix(in srgb,var(--cui-btn-ink) 48%,var(--cui-btn-bottom));--cui-btn-rim:.3}.cui-btn:is(:disabled,[aria-disabled=true],[data-busy]):after{opacity:0}.cui-btn[data-busy]{cursor:progress}.cui-btn[data-busy] .cui-btn__body{color:transparent}.cui-btn[data-busy] .cui-btn__body>*{opacity:0}.cui-btn__spin{position:absolute;z-index:5;top:50%;left:50%;margin:-7px 0 0 -7px;width:14px;height:14px;border-radius:50%;border:2px solid var(--cui-btn-ink);border-right-color:transparent;animation:cui-btn-spin .62s linear infinite;pointer-events:none}@keyframes cui-btn-spin{to{transform:rotate(360deg)}}.cui-btn:not(:has(.cui-btn__body)){background:var(--cui-btn-face);backdrop-filter:blur(var(--cui-btn-blur));-webkit-backdrop-filter:blur(var(--cui-btn-blur));align-items:center;justify-content:center;gap:8px;padding:0 calc(var(--cui-btn-pad) + 3px)}.cui-btn svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.cui-btn[data-icon]{width:var(--cui-btn-h);padding:0}.cui-btn[data-icon] .cui-btn__body{padding:0}.cui-btn[data-block]{display:flex;width:100%}.cui-btn[data-size=xxs]{--cui-btn-h:var(--cui-h-xxs);--cui-btn-pad:7px;--cui-btn-fs:var(--cui-fz-xxs)}.cui-btn[data-size=xxs] svg{width:11px;height:11px}.cui-btn[data-size=xs]{--cui-btn-h:var(--cui-h-xs);--cui-btn-pad:9px;--cui-btn-fs:var(--cui-fz-xs)}.cui-btn[data-size=xs] svg{width:12px;height:12px}.cui-btn[data-size=sm]{--cui-btn-h:var(--cui-h-sm);--cui-btn-pad:12px;--cui-btn-fs:var(--cui-fz-sm)}.cui-btn[data-size=sm] svg{width:13px;height:13px}.cui-btn[data-size=lg]{--cui-btn-h:var(--cui-h-lg);--cui-btn-pad:21px;--cui-btn-fs:var(--cui-fz-lg);--cui-btn-edgew:1.5px}.cui-btn-group{display:inline-flex;gap:var(--cui-sp-2);align-items:center;flex-wrap:wrap}.cui-btn.cui-btn[data-motion=off],[data-cui-motion=off] .cui-btn.cui-btn{scale:1;transform:none;filter:none;transition:none}.cui-btn[data-motion=off]:after,[data-cui-motion=off] .cui-btn:after{transition:none}@media(prefers-reduced-motion:reduce){.cui-btn.cui-btn{scale:1;transform:none;filter:none;transition:none}.cui-btn:after,.cui-btn__body{transition:none}.cui-btn__spin{animation:none;border-right-color:var(--cui-btn-ink);border-style:dotted}}@media(prefers-reduced-transparency:reduce){.cui-btn{--cui-btn-alpha:1!important}.cui-btn__body{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(forced-colors:active){.cui-btn.cui-btn{border:1px solid ButtonText;color:ButtonText;filter:none;box-shadow:none}.cui-btn:before,.cui-btn:after{display:none}.cui-btn__body{background:ButtonFace;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.cui-btn:focus-visible{outline:2px solid Highlight}.cui-btn:is(:disabled,[aria-disabled=true]){color:GrayText;border-color:GrayText}.cui-btn__spin{border-color:ButtonText;border-right-color:transparent}}.cui-btn[data-motion=off] .cui-btn__spin,[data-cui-motion=off] .cui-btn__spin{animation:none;border-right-color:var(--cui-btn-ink);border-style:dotted}