@layer lyra.base;@layer lyra.components{.lyra-dialog__dialog{--pluto-fill-rest:var(--pluto-gray-l3);--pluto-fill-hover:var(--pluto-gray-l4);--pluto-fill-press:var(--pluto-gray-l5);position:fixed;overflow:hidden;&.lyra--modal{position:relative;&.lyra--hidden{background:0 0;border:none}&.lyra--visible{border-color:var(--pluto-gray-l5);min-width:var(--pluto-dialog-min-width,min(110rem, 100%));max-width:var(--pluto-dialog-max-width,100%);overflow:var(--pluto-dialog-overflow,hidden);box-shadow:0 0 0 var(--pluto-border-width) var(--pluto-gray-l6), var(--pluto-shadow-modal);border-radius:var(--pluto-border-radius-large);background:color-mix(in srgb, var(--pluto-gray-l0) 94%, transparent);backdrop-filter:var(--pluto-frost);top:15%;&.lyra-dialog--modal-position-shifted{top:8%}&.lyra-dialog--modal-position-slammed{top:0}&:not(.lyra-dialog--passthrough){animation:var(--pluto-modal-animation);transition:top .15s ease-in-out}}}&:not(.lyra--modal){animation:var(--pluto-dialog-animation);box-shadow:var(--pluto-shadow-overlay);z-index:6;max-height:min(var(--pluto-dialog-max-height,360px), var(--pluto-dialog-available-height,100vh));max-width:var(--pluto-dialog-available-width,none);&.lyra--height-small{--pluto-dialog-max-height:200px}&.lyra--height-large{--pluto-dialog-max-height:480px}}&.lyra--hidden:not(.lyra-dialog--passthrough){opacity:0;z-index:-1;pointer-events:none}&.lyra--modal.lyra-dialog--passthrough:not(.lyra--visible){display:block}&.lyra--visible{z-index:5;opacity:1}}.lyra-dialog__frame.lyra--anchored{display:contents}.lyra-dialog__bg{background:0 0;width:100%;height:100%;&:not(.lyra--visible){display:block}&:not(.lyra--visible)>div{width:100%;height:100%;&>div{width:100%;height:100%}}&.lyra--visible{-webkit-user-select:none;user-select:none;z-index:4;background:var(--pluto-gray-l8-40);width:100%;height:100%;padding:3rem 5rem;transition:background .15s ease-in-out;position:fixed;top:0;left:0;@media (height<=800px){& .lyra-dialog__dialog{top:10%}}}}.lyra-theme-synnax-dark .lyra-dialog__bg.lyra--visible{background:var(--pluto-gray-l1-60)}@media (prefers-color-scheme:dark){.lyra-dialog__bg.lyra--visible{background:var(--pluto-gray-l1-60)}}.lyra--bordered-right{border-right:var(--pluto-border)}.lyra--bordered-left{border-left:var(--pluto-border)}.lyra--bordered-top{border-top:var(--pluto-border)}.lyra--bordered-bottom{border-bottom:var(--pluto-border)}.lyra--direction-x>.lyra--bordered-start{border-right:var(--pluto-border)}.lyra--direction-x>.lyra--bordered-end{border-left:var(--pluto-border)}.lyra--direction-y>.lyra--bordered-start{border-bottom:var(--pluto-border)}.lyra--direction-y>.lyra--bordered-end{border-top:var(--pluto-border)}.lyra--no-select{-webkit-user-select:none;user-select:none}.lyra--inherit-dims{height:inherit;width:inherit}.lyra-flex{flex-flow:column;gap:1.5rem;display:flex;&.lyra--bordered{border:var(--pluto-border);border-color:var(--pluto-btn-border-color,var(--pluto-border-color))}&.lyra--rounded{border-radius:var(--pluto-border-radius)}&.lyra--rounded-tiny{border-radius:var(--pluto-border-radius-tiny)}&.lyra--rounded-small{border-radius:var(--pluto-border-radius-small)}&.lyra--rounded-medium{border-radius:var(--pluto-border-radius-medium)}&.lyra--rounded-large{border-radius:var(--pluto-border-radius-large)}&.lyra--rounded-huge{border-radius:var(--pluto-border-radius-huge)}&.lyra--sharp{border-radius:0}&.lyra--reverse{flex-direction:column-reverse}&.lyra--wrap{flex-wrap:wrap}&.lyra--justify-start{justify-content:flex-start}&.lyra--justify-center{justify-content:center}&.lyra--justify-end{justify-content:flex-end}&.lyra--justify-between{justify-content:space-between}&.lyra--justify-around{justify-content:space-around}&.lyra--justify-evenly{justify-content:space-evenly}&.lyra--align-start{align-items:flex-start}&.lyra--align-center{align-items:center}&.lyra--align-end{align-items:flex-end}&.lyra--align-stretch{align-items:stretch}&.lyra--align-self-start{align-self:flex-start}&.lyra--align-self-center{align-self:center}&.lyra--align-self-end{align-self:flex-end}&.lyra--direction-x{flex-direction:row;&.lyra--reverse{flex-direction:row-reverse}}&.lyra--direction-y{flex-direction:column;&.lyra--reverse{flex-direction:column-reverse}}&.lyra--grow{flex-grow:1;min-width:0;min-height:0}&.lyra--shrink{flex-shrink:1}&.lyra--gap-huge{gap:5rem}&.lyra--gap-medium{gap:1.5rem}&.lyra--gap-large{gap:4rem}&.lyra--gap-small{gap:1rem}&.lyra--gap-tiny{gap:.5rem}&.lyra--empty,&.lyra--pack{gap:0}&.lyra--full-x{width:100%}&.lyra--full-y{height:100%}&.lyra--full{width:100%;height:100%}&.lyra--center{flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%}&.lyra--height-huge{--pluto-height:var(--pluto-height-huge);min-height:var(--pluto-height);height:fit-content}&.lyra--height-large{--pluto-height:var(--pluto-height-large);min-height:var(--pluto-height);height:fit-content}&.lyra--height-medium{--pluto-height:var(--pluto-height-medium);min-height:var(--pluto-height);height:fit-content}&.lyra--height-tiny{--pluto-height:var(--pluto-height-tiny);min-height:var(--pluto-height);height:fit-content}&.lyra--height-small{--pluto-height:var(--pluto-height-small);min-height:var(--pluto-height);height:fit-content}&.lyra--align-self-stretch{align-self:stretch;height:auto}&.lyra--border-color-0{border-color:var(--pluto-gray-l0)}&.lyra--border-color-1{border-color:var(--pluto-gray-l1)}&.lyra--border-color-2{border-color:var(--pluto-gray-l2)}&.lyra--border-color-3{border-color:var(--pluto-gray-l3)}&.lyra--border-color-4{border-color:var(--pluto-gray-l4)}&.lyra--border-color-5{border-color:var(--pluto-gray-l5)}&.lyra--border-color-6{border-color:var(--pluto-gray-l6)}&.lyra--border-color-7{border-color:var(--pluto-gray-l7)}&.lyra--border-color-8{border-color:var(--pluto-gray-l8)}&.lyra--border-color-9{border-color:var(--pluto-gray-l9)}&.lyra--border-color-10{border-color:var(--pluto-gray-l10)}&.lyra--border-color-11{border-color:var(--pluto-gray-l11)}&.lyra--bg-0{background-color:var(--pluto-gray-l0)}&.lyra--bg-1{background-color:var(--pluto-gray-l1)}&.lyra--bg-2{background-color:var(--pluto-gray-l2)}&.lyra--bg-3{background-color:var(--pluto-gray-l3)}&.lyra--bg-4{background-color:var(--pluto-gray-l4)}&.lyra--bg-5{background-color:var(--pluto-gray-l5)}&.lyra--bg-6{background-color:var(--pluto-gray-l6)}&.lyra--bg-7{background-color:var(--pluto-gray-l7)}&.lyra--bg-8{background-color:var(--pluto-gray-l8)}&.lyra--bg-9{background-color:var(--pluto-gray-l9)}&.lyra--bg-10{background-color:var(--pluto-gray-l10)}&.lyra--bg-11{background-color:var(--pluto-gray-l11)}&.lyra--color-0{color:var(--pluto-gray-l0)}&.lyra--color-1{color:var(--pluto-gray-l1)}&.lyra--color-2{color:var(--pluto-gray-l2)}&.lyra--color-3{color:var(--pluto-gray-l3)}&.lyra--color-4{color:var(--pluto-gray-l4)}&.lyra--color-5{color:var(--pluto-gray-l5)}&.lyra--color-6{color:var(--pluto-gray-l6)}&.lyra--color-7{color:var(--pluto-gray-l7)}&.lyra--color-8{color:var(--pluto-gray-l8)}&.lyra--color-9{color:var(--pluto-gray-l9)}&.lyra--color-10{color:var(--pluto-gray-l10)}&.lyra--color-11{color:var(--pluto-gray-l11)}&.lyra--status-error{color:var(--pluto-error-z)}&.lyra--status-warning{color:var(--pluto-warning-z)}&.lyra--status-success{color:var(--pluto-primary-z)}&.lyra--status-disabled{color:var(--pluto-text-disabled)}&.lyra--status-loading{color:var(--pluto-gray-l9)}&.lyra--square{justify-content:center;align-items:center;width:fit-content;font-weight:400;&.lyra--height-huge{min-width:var(--pluto-height-huge)}&.lyra--height-large{min-width:var(--pluto-height-large)}&.lyra--height-small{min-width:var(--pluto-height-small)}&.lyra--height-medium{min-width:var(--pluto-height-medium)}&.lyra--height-tiny{min-width:var(--pluto-height-tiny)}}&.lyra--pack{&>*{border-radius:0}&.lyra--direction-x>*{&:not(:first-child){margin-left:calc(-1 * var(--pluto-border-width))}&:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit}&:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit}&:only-child{border-radius:inherit}}&.lyra--direction-y>*{&:not(:first-child){margin-top:calc(-1 * var(--pluto-border-width))}&:last-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}&:first-child{border-top-right-radius:inherit;border-top-left-radius:inherit;border-bottom-right-radius:0;border-bottom-left-radius:0}}}}.lyra-text--editable{cursor:pointer;-webkit-user-select:text;user-select:text;position:relative;&:focus{outline:none;overflow:unset!important;&.lyra--outline:after{content:"";border-radius:var(--pluto-border-radius);border:var(--pluto-border);border-color:var(--pluto-primary-z);position:absolute;inset:-1px -.666rem}}&.lyra-text--overflow-ellipsis:focus{text-overflow:clip;border-radius:var(--pluto-border-radius);box-shadow:inset 0 0 0 var(--pluto-border-width) var(--pluto-primary-z);overflow:hidden!important;&.lyra--outline:after{content:none}}}a.lyra-text:where(:not(.lyra-btn)){color:var(--pluto-primary-p1);cursor:pointer;text-decoration:none;&:hover{text-decoration:underline}}span.lyra-text{font-size:inherit;font-weight:inherit;line-height:inherit;height:fit-content}.lyra-text{margin:0;&.lyra--direction-x{align-items:center}&.lyra-text--code{font-family:var(--pluto-code-font-family)}&.lyra-text--keyboard{aspect-ratio:1;box-sizing:border-box;color:var(--pluto-gray-l9);background:var(--pluto-keycap-bg,var(--pluto-gray-l2));border:var(--pluto-border-width) solid;border-color:var(--pluto-keycap-border-color,var(--pluto-gray-l7));border-radius:var(--pluto-border-radius);justify-content:center;padding-inline:.4em;line-height:1;&:has(>.lyra-icon){padding-inline:0}&.lyra-text--p{height:var(--pluto-p-line-height);font-size:calc(var(--pluto-p-size) - 1px)}&.lyra-text--h1{height:var(--pluto-h1-line-height);font-size:calc(var(--pluto-h1-size) - 1px)}&.lyra-text--h2{height:var(--pluto-h2-line-height);font-size:calc(var(--pluto-h2-size) - 1px)}&.lyra-text--h3{height:var(--pluto-h3-line-height);font-size:calc(var(--pluto-h3-size) - 1px)}&.lyra-text--h4{height:var(--pluto-h4-line-height);font-size:calc(var(--pluto-h4-size) - 1px)}&.lyra-text--h5{height:var(--pluto-h5-line-height);font-size:calc(var(--pluto-h5-size) - 1px)}&.lyra-text--small{height:calc(var(--pluto-small-line-height) + 1px);font-size:calc(var(--pluto-small-size) - 2px)}}&.lyra-text--overflow-ellipsis{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}&.lyra-text--overflow-fade{white-space:nowrap;animation-name:text-fade;animation-timing-function:linear;animation-timeline:scroll(self x);display:block;overflow:hidden}@supports not (animation-timeline:scroll(self x)){&.lyra-text--overflow-fade{text-overflow:ellipsis}}&.lyra-text--overflow-clip{white-space:nowrap;text-overflow:clip;overflow:hidden}&.lyra-text--overflow-nowrap{white-space:nowrap}&.lyra-text--overflow-wrap{white-space:wrap}&.lyra-text--line-clamp{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@keyframes text-fade{0%,to{mask-image:linear-gradient(90deg,#000 calc(100% - 2.25rem),#0000)}}.lyra-icon{color:inherit;width:calc(var(--pluto-icon-aspect,1) * 1em);flex-shrink:0;height:1em;&.lyra-icon--composite{transform:scale(1.15)}& :is(path,circle):is(:not([fill=none]),[stroke=\#000]):not(.lyra-sub__bg){stroke:inherit!important;fill:inherit!important}& .lyra-icon__halo{color:var(--pluto-btn-bg,var(--pluto-gray-l0));& :is(path,circle,rect,line,polyline,polygon){stroke-width:3px;stroke-linejoin:round}}& .lyra-sub__bg{transition:var(--pluto-btn-transition);fill:var(--pluto-btn-bg,var(--pluto-gray-l0))!important}& .lyra-sub{--pluto-scale:scale(calc(var(--pluto-base-scale,1) * .8));&.lyra-icon--add *{stroke-width:.5rem}}}.lyra--clickable:hover .lyra-icon .lyra-sub{background:var(--pluto-hover-bg)}.lyra--clickable:active .lyra-icon .lyra-sub{background:var(--pluto-active-bg)}.lyra-icon--loading .lyra-loading__orbit{transform-origin:50%;animation:1.2s linear infinite spin}.lyra-icon--loading .lyra-loading__orbit--reverse{animation-duration:1.8s;animation-direction:reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lyra-icon--log{--pluto-base-scale:.85;transform:scale(var(--pluto-base-scale))}.lyra-icon--schematic{--pluto-base-scale:1;transform:scale(var(--pluto-base-scale))}.lyra-icon--decimal{--pluto-base-scale:1.3;transform:scale(var(--pluto-base-scale))}.lyra-icon--wave-triangle,.lyra-icon--wave-square,.lyra-icon--wave-sine,.lyra-icon--wave-sawtooth{--pluto-base-scale:1.25;transform:scale(var(--pluto-base-scale))}.lyra-icon--units-current,.lyra-icon--units-voltage{--pluto-base-scale:1.05;transform:scale(var(--pluto-base-scale))}.lyra-icon--in-progress{color:var(--pluto-warning-z)}.lyra-icon--completed{color:var(--pluto-primary-z)}.lyra-icon--logo-opcua{--pluto-icon-aspect:1.25;transform:translateY(1px)}.lyra-icon--logo-ethercat{--pluto-icon-aspect:1.25}.lyra-icon--csv{transform:scale(1.25)}.lyra-icon--stop{--pluto-base-scale:1.15;transform:scale(var(--pluto-base-scale))}.lyra-icon--fitting{--pluto-base-scale:1.8;transform:scale(var(--pluto-base-scale))}.lyra-icon--boxes{--pluto-base-scale:1.25;transform:scale(var(--pluto-base-scale))}.lyra-icon--close-thin{--pluto-base-scale:1.15;transform:scale(var(--pluto-base-scale))}.lyra-icon--reset{fill:var(--pluto-gray-l11)}.lyra-icon--boolean{fill:currentColor}.lyra-icon--true{color:var(--pluto-success-z)}.lyra-icon--false{color:var(--pluto-error-z)}.lyra-icon--logo-http{--pluto-icon-aspect:1.375}.lyra-icon--logo-pagerduty{transform:scale(.8)}.lyra-dialog__frame:has(>.lyra-dialog__trigger){--pluto-control-width:48rem}.lyra-dialog__trigger{& .lyra-caret-animated{margin-left:auto}}.lyra-dialog__frame{& .lyra-dialog__trigger .lyra-caret-animated{transform:rotate(270deg)scale(.8)}&.lyra--location-top.lyra--visible .lyra-dialog__trigger .lyra-caret-animated{transform:rotate(360deg)scale(.8)}&.lyra--location-bottom.lyra--visible .lyra-dialog__trigger .lyra-caret-animated{transform:rotate(180deg)scale(.8)}&.lyra--location-right.lyra-dialog__dialog--left .lyra-dialog__trigger .lyra-caret-animated{transform:rotate(90deg)scale(.8)}}@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}:where(.lyra-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);z-index:1;border:none;padding:0 2rem;text-decoration:none;position:relative}.lyra-btn:is(.lyra-text--p,.lyra-text--small):where(:not(.lyra-input,.lyra-input__switch,.lyra-list__item,.lyra-menu-item,.lyra-tabs__tab,.lyra-dialog__trigger,.lyra-select-btns *)){font-weight:450}.lyra-btn{&:focus-visible{outline:1px solid var(--pluto-primary-z);outline-offset:var(--pluto-focus-ring-offset);z-index:2}&.lyra--direction-x{align-items:center}&.lyra--rounded{border-radius:var(--pluto-border-radius)}&.lyra--height-huge{padding:0 2.5rem}&.lyra--height-small{padding:0 1.5rem}&.lyra--height-tiny{padding:0 1rem}& .lyra-trigger-indicator>.lyra-text{justify-content:flex-end}&.lyra-btn--filled{border-radius:var(--pluto-border-radius-small);& .lyra-text{color:var(--pluto-btn-text-color,var(--pluto-text-on-primary))}color:var(--pluto-btn-text-color,var(--pluto-text-on-primary));&.lyra--status-success{color:var(--pluto-text-on-primary)}--pluto-keycap-bg:var(--pluto-white);--pluto-keycap-border-color:var(--pluto-white);& .lyra-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);&.lyra-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)}&.lyra--status-warning{color:var(--pluto-text-on-warning);& :where(.lyra-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)}&.lyra--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)}&.lyra--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}&.lyra--pressed:after{animation:delay var(--pluto-btn-delay) linear;clip-path:inset(0)}}&:not(.lyra--square) .lyra-trigger-indicator{margin-left:auto}&.lyra--square{padding:0;& .lyra-icon{width:round(1.1em,1px);height:round(1.1em,1px)}&.lyra--height-large .lyra-icon{width:round(1.2em,1px);height:round(1.2em,1px)}& .lyra-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%);& .lyra-text--keyboard{background:var(--pluto-gray-l0);border-color:var(--pluto-gray-l7);color:var(--pluto-text-color)}}&:hover:not(.lyra--disabled) .lyra-trigger-indicator{opacity:1}}&.lyra-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);&.lyra-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)}&.lyra--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)}&.lyra--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)}&.lyra--disabled{color:var(--pluto-text-disabled);--pluto-bg:var(--pluto-gray-l2);--pluto-border-color:var(--pluto-gray-l4)}}&.lyra-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(.lyra--status-warning,.lyra--status-error,.lyra--disabled){color:var(--pluto-text-color)}&.lyra--disabled{color:var(--pluto-text-disabled)}&.lyra--status-warning{color:var(--pluto-warning-p1)}&.lyra--status-error{color:var(--pluto-error-p1)}}&.lyra--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)}&.lyra-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;&.lyra--selected{color:var(--pluto-text-color)}&:focus-visible{outline:none}&.lyra--disabled{color:var(--pluto-text-disabled)}&.lyra--status-warning{color:var(--pluto-warning-p1)}&.lyra--status-error{color:var(--pluto-error-p1)}}&.lyra--disabled{cursor:not-allowed;& *{cursor:not-allowed}--pluto-keycap-bg:transparent;--pluto-keycap-border-color:var(--pluto-gray-l6);& .lyra-text{color:var(--pluto-text-disabled)}}&.lyra-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)}&.lyra--destructive.lyra--pressed{--pluto-glyph-fill:var(--pluto-error-z)}& svg{fill:var(--pluto-glyph-fill);transition:transform .1s ease-out,fill .1s ease-out}}&.lyra-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}.lyra--reveals:not(:hover) &:not(:focus-visible) svg{transform:scale(.9)}}&.lyra-haul-drop-region{--pluto-btn-bg:var(--haul-background)!important;--pluto-btn-border-color:var(--haul-border-color)!important}&:not(.lyra-btn--prevent-click,.lyra--disabled){&:is(:hover,.lyra--hovered,[data-context-menu-open]):not(.lyra--focus-frozen:focus-within){--pluto-btn-bg:var(--pluto-hover-bg);--pluto-btn-border-color:var(--pluto-hover-border-color)}&.lyra--pressed:not(.lyra--focus-frozen:focus-within){--pluto-btn-bg:var(--pluto-active-bg);--pluto-btn-border-color:var(--pluto-active-border-color)}}}.lyra--pack .lyra-btn:is(:focus,:focus-within,:active,:hover){z-index:3}.lyra--pack .lyra-btn.lyra--selected{z-index:2}.lyra--reveals .lyra--reveal{opacity:0;pointer-events:none;transition:opacity .1s ease-out}.lyra--reveals:hover .lyra--reveal{opacity:1;pointer-events:auto}.lyra--reveals:not(:hover) .lyra--reveal{opacity:0;pointer-events:none}.lyra--reveals .lyra--reveal:focus-visible{opacity:1;pointer-events:auto}.lyra-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) lyra-tooltip-in;position:fixed;top:0;left:0;& .lyra-text{font-weight:350}&.lyra--closing{opacity:0}}@keyframes lyra-tooltip-in{0%{opacity:0;transform:scale(.95)}}.lyra-caret-animated{transform-origin:50%;will-change:transform;color:var(--pluto-gray-l9);transition:transform .2s;&.lyra--location-left{transform:rotate(270deg)scale(.8)}&.lyra--location-right{transform:rotate(90deg)scale(.8)}&.lyra--location-bottom{transform:rotate(180deg)scale(.8)}&.lyra--location-top{transform:rotate(0)scale(.8)}}.lyra--disabled .lyra-caret-animated{color:var(--pluto-text-disabled)}.lyra-input__item{color:var(--pluto-primary-z);& .lyra-input{width:100%}&:focus-within .lyra-input-label,&:has(.lyra--visible) .lyra-input-label{color:var(--pluto-primary-z)}&>:not(.lyra-input-label):not(.lyra-input-help-text){flex-grow:inherit}}.lyra-input-help-text{min-height:var(--pluto-small-line-height);height:fit-content;margin-left:1rem}.lyra-input-label{color:var(--pluto-gray-l9);font-size:var(--pluto-small-size);font-weight:500;line-height:var(--pluto-small-line-height);white-space:nowrap;width:fit-content;& .lyra-required-indicator{color:var(--pluto-error-z)}}.lyra-input,.lyra-input__container:has(>.lyra-input){--pluto-control-width:40rem}.lyra-input--numeric,.lyra-input__container:has(>.lyra-input--numeric){--pluto-control-width:24rem}.lyra-input{z-index:4;flex-grow:1;align-items:center;max-height:fit-content;display:inline-flex;position:relative;&.lyra-btn{padding:0}&:focus-within:not(.lyra-btn--text,.lyra--status-warning,.lyra--status-error,.lyra--flush){--pluto-btn-border-color:rgb(var(--pluto-btn-color,var(--pluto-primary-z-rgb)));border-color:var(--pluto-btn-border-color);box-shadow:inset 0 0 0 var(--pluto-border-width) var(--pluto-btn-border-color)}&.lyra--flush{min-height:max(var(--pluto-height-large), var(--pluto-height,0px));& input,& textarea{padding:0 2rem}& .lyra-input__placeholder{width:calc(100% - 2rem);padding-left:2rem}& .lyra-input__start-content{color:var(--pluto-gray-l9);padding-left:1.5rem}& .lyra-input__start-content+input{padding-left:1.5rem}}& input,& textarea{text-overflow:ellipsis;white-space:nowrap;width:100%;height:100%;font-size:inherit;line-height:inherit;color:inherit;background:0 0;border:none;outline:none;padding:0 1.5rem;&::placeholder{color:var(--pluto-text-placeholder);text-overflow:ellipsis;max-width:100%}}& textarea{resize:none;align-self:stretch;padding-block:1rem;&::placeholder{padding-left:2px}}& .lyra-input__placeholder,& .lyra-input__end-content,& .lyra-input__start-content{pointer-events:none;white-space:nowrap;align-items:center;display:flex}& .lyra-input__placeholder{width:calc(100% - 1.5rem);color:var(--pluto-text-placeholder);padding-left:1.5rem;position:absolute}& .lyra-input__end-content{color:var(--pluto-gray-l9);padding-right:1.5rem}& .lyra-input__start-content{padding-left:1rem}&.lyra--disabled{& .lyra-input__placeholder,& .lyra-input__end-content,& input::placeholder{color:var(--pluto-text-disabled)}}&.lyra-btn.lyra--shadow{--pluto-bg:transparent;--pluto-border-color:transparent;--pluto-hover-bg:var(--pluto-fill-hover);--pluto-active-bg:var(--pluto-fill-press);--pluto-hover-border-color:var(--pluto-gray-l7);--pluto-active-border-color:var(--pluto-gray-l8)}&.lyra-btn--text,&.lyra-btn--preview{background:0 0;border:none;border-radius:0;& input,& .lyra-input__preview-value{padding:0 .5rem}}&.lyra-btn--preview .lyra-input__end-content{padding-left:.5rem;padding-right:0}& input[type=number]::-webkit-inner-spin-button{appearance:none}}.lyra-input__container:has(>.lyra--shadow){&>:not(.lyra--shadow){opacity:0}&:is(:hover,:focus-within)>:not(.lyra--shadow){opacity:1}&:hover>.lyra--shadow:not(:focus-within){border-color:var(--pluto-hover-border-color);background:var(--pluto-hover-bg)}}}
