@layer pluto{@keyframes delay{0%{clip-path:inset(0 100% 0 0);background-color:#0006}99%{clip-path:inset(0);background-color:#0006}to{clip-path:inset(0);background-color:#0000}}@property --pluto-btn-border-color{syntax:"*";inherits:false}.pluto-btn{cursor:pointer;width:fit-content;transition:var(--pluto-btn-transition);--pluto-btn-bg:var(--pluto-bg);--pluto-btn-border-color:var(--pluto-border-color);background:var(--pluto-btn-bg);border-radius:var(--pluto-border-radius);border:none;text-decoration:none;position:relative;&.pluto-text:hover{text-decoration:none}z-index:1;&:focus-visible{outline:1px solid var(--pluto-primary-z);outline-offset:var(--pluto-focus-ring-offset);z-index:2}&.pluto--direction-x{align-items:center}&.pluto--rounded{border-radius:var(--pluto-border-radius)}padding:0 2rem;&.pluto--height-huge{padding:0 2.5rem}&.pluto--height-small{padding:0 1.5rem}&.pluto--height-tiny{padding:0 1rem}& .pluto-trigger-indicator>.pluto-text{justify-content:flex-end}&.pluto-btn--filled{border-radius:var(--pluto-border-radius-small);& .pluto-text{color:var(--pluto-btn-text-color,var(--pluto-text-on-primary))}color:var(--pluto-btn-text-color,var(--pluto-text-on-primary));&.pluto--status-success{color:var(--pluto-text-on-primary)}--pluto-keycap-bg:var(--pluto-white);--pluto-keycap-border-color:var(--pluto-white);& .pluto-text--keyboard{color:var(--pluto-black)}--pluto-bg:var(--pluto-primary-z);--pluto-hover-bg:var(--pluto-primary-p1);--pluto-active-bg:var(--pluto-primary-m1);--pluto-border-color:var(--pluto-primary-z);--pluto-hover-border-color:var(--pluto-primary-p1);--pluto-active-border-color:var(--pluto-primary-m1);&.pluto-btn--custom-color{--pluto-bg:rgb(var(--pluto-btn-color), 1);--pluto-hover-bg:rgb(var(--pluto-btn-color), .85);--pluto-active-bg:rgb(var(--pluto-btn-color), .6);--pluto-border-color:rgb(var(--pluto-btn-color), 1);--pluto-hover-border-color:rgb(var(--pluto-btn-color), .85);--pluto-active-border-color:rgb(var(--pluto-btn-color), .7)}&.pluto--status-warning{color:var(--pluto-text-on-warning);& :where(.pluto-text){color:var(--pluto-text-on-warning)}--pluto-bg:var(--pluto-warning-z);--pluto-hover-bg:var(--pluto-warning-p1);--pluto-active-bg:var(--pluto-warning-m1);--pluto-border-color:var(--pluto-warning-z);--pluto-hover-border-color:var(--pluto-warning-p1);--pluto-active-border-color:var(--pluto-warning-m1)}&.pluto--status-error{color:var(--pluto-text-on-primary);--pluto-bg:var(--pluto-error-z);--pluto-hover-bg:var(--pluto-error-p1);--pluto-active-bg:var(--pluto-error-m1);--pluto-border-color:var(--pluto-error-z);--pluto-hover-border-color:var(--pluto-error-p1);--pluto-active-border-color:var(--pluto-error-m1)}&.pluto--disabled{color:var(--pluto-text-disabled);--pluto-bg:var(--pluto-gray-l3);--pluto-color:var(--pluto-text-disabled);--pluto-border-color:var(--pluto-gray-l6)}&:after{content:"";z-index:1;border-radius:var(--pluto-border-radius);clip-path:inset(0 100% 0 0);position:absolute;inset:0}&.pluto--pressed:after{animation:delay var(--pluto-btn-delay) linear;clip-path:inset(0)}}&:not(.pluto--square) .pluto-trigger-indicator{margin-left:auto}&.pluto--square{padding:0;& .pluto-icon{width:round(1.1em,1px);height:round(1.1em,1px)}&.pluto--height-large .pluto-icon{width:round(1.2em,1px);height:round(1.2em,1px)}& .pluto-trigger-indicator{opacity:0;z-index:10;transition:opacity .1s ease-in-out;display:block;position:absolute;top:0;right:0;transform:translate(45%,-45%);& .pluto-text--keyboard{background:var(--pluto-gray-l0);border-color:var(--pluto-gray-l7);color:var(--pluto-text-color)}}&:hover:not(.pluto--disabled) .pluto-trigger-indicator{opacity:1}}&.pluto-btn--outlined{--pluto-bg:var(--pluto-fill-rest);--pluto-hover-bg:var(--pluto-fill-hover);--pluto-active-bg:var(--pluto-fill-press);--pluto-border-color:var(--pluto-gray-l7);--pluto-hover-border-color:var(--pluto-gray-l8);--pluto-active-border-color:var(--pluto-gray-l8);&.pluto-btn--custom-color{--pluto-border-color:rgb(var(--pluto-btn-color), 1);--pluto-hover-border-color:rgb(var(--pluto-btn-color), .6);--pluto-active-border-color:rgb(var(--pluto-btn-color), 1)}&.pluto--status-warning{color:var(--pluto-warning-z);--pluto-border-color:var(--pluto-warning-z);--pluto-hover-border-color:var(--pluto-warning-p1);--pluto-active-border-color:var(--pluto-warning-m1)}&.pluto--status-error{color:var(--pluto-error-p1);--pluto-border-color:var(--pluto-error-z);--pluto-hover-border-color:var(--pluto-error-p1);--pluto-active-border-color:var(--pluto-error-m1)}&.pluto--disabled{color:var(--pluto-text-disabled);--pluto-bg:var(--pluto-gray-l3);--pluto-border-color:var(--pluto-gray-l6)}}&.pluto-btn--text{--pluto-bg:transparent;--pluto-hover-bg:var(--pluto-fill-hover);--pluto-active-bg:var(--pluto-fill-press);--pluto-border-color:var(--pluto-gray-l0);--pluto-hover-border-color:var(--pluto-gray-l0);--pluto-active-border-color:var(--pluto-gray-l0);&:hover:not(.pluto--status-warning,.pluto--status-error,.pluto--disabled){color:var(--pluto-text-color)}&.pluto--disabled{color:var(--pluto-text-disabled)}&.pluto--status-warning{color:var(--pluto-warning-p1)}&.pluto--status-error{color:var(--pluto-error-p1)}}&.pluto--selected{--pluto-bg:var(--pluto-selected-bg);--pluto-hover-bg:var(--pluto-selected-hover-bg);--pluto-active-bg:var(--pluto-selected-active-bg);--pluto-border-color:var(--pluto-selected-border-color);--pluto-hover-border-color:var(--pluto-selected-border-color);--pluto-active-border-color:var(--pluto-selected-border-color);color:var(--pluto-selected-color)}&.pluto-btn--preview{cursor:default;pointer-events:none;--pluto-bg:transparent;--pluto-hover-bg:transparent;--pluto-active-bg:transparent;--pluto-border-color:transparent;--pluto-hover-border-color:transparent;--pluto-active-border-color:transparent;padding:0;transition:none;&.pluto--selected{color:var(--pluto-text-color)}&:focus-visible{outline:none}&.pluto--disabled{color:var(--pluto-text-disabled)}&.pluto--status-warning{color:var(--pluto-warning-p1)}&.pluto--status-error{color:var(--pluto-error-p1)}}&.pluto--disabled{cursor:not-allowed;& *{cursor:not-allowed}--pluto-keycap-bg:transparent;--pluto-keycap-border-color:var(--pluto-gray-l6);& .pluto-text{color:var(--pluto-text-disabled)}}&.pluto-btn--glyph{--pluto-bg:transparent;--pluto-hover-bg:transparent;--pluto-active-bg:transparent;--pluto-glyph-fill:var(--pluto-gray-l9);&:hover{--pluto-glyph-fill:var(--pluto-gray-l11)}&.pluto--destructive.pluto--pressed{--pluto-glyph-fill:var(--pluto-error-z)}& svg{fill:var(--pluto-glyph-fill);transition:transform .1s ease-out,fill .1s ease-out}}&.pluto-btn--close{width:3rem;height:3rem;min-height:0;padding:0;position:absolute;top:50%;left:.25rem;transform:translateY(-50%);& svg{flex-shrink:0;width:2rem;height:2rem}.pluto--reveals:not(:hover) &:not(:focus-visible) svg{transform:scale(.9)}}&.pluto-haul-drop-region{--pluto-btn-bg:var(--haul-background)!important;--pluto-btn-border-color:var(--haul-border-color)!important}&:not(.pluto-btn--prevent-click,.pluto--disabled){&:is(:hover,.pluto--hovered,[data-context-menu-open]):not(.pluto--focus-frozen:focus-within){--pluto-btn-bg:var(--pluto-hover-bg);--pluto-btn-border-color:var(--pluto-hover-border-color)}&.pluto--pressed:not(.pluto--focus-frozen:focus-within){--pluto-btn-bg:var(--pluto-active-bg);--pluto-btn-border-color:var(--pluto-active-border-color)}}}.pluto-tooltip{z-index:11;pointer-events:none;background:var(--pluto-gray-l2);border:var(--pluto-border);border-color:var(--pluto-gray-l6);border-radius:var(--pluto-border-radius-small);box-shadow:var(--pluto-shadow-overlay);max-width:70rem;padding:1rem 1.5rem;transition:opacity .15s cubic-bezier(.16,1,.3,1);animation:.15s cubic-bezier(.16,1,.3,1) pluto-tooltip-in;position:fixed;top:0;left:0;& .pluto-text{font-weight:350}&.pluto--closing{opacity:0}}@keyframes pluto-tooltip-in{0%{opacity:0;transform:scale(.95)}}}