@layer pluto{.pluto-flex{flex-flow:column;gap:1.5rem;display:flex;&.pluto--bordered{border:var(--pluto-border);border-color:var(--pluto-btn-border-color,var(--pluto-border-color))}&.pluto--rounded{border-radius:var(--pluto-border-radius)}&.pluto--rounded-tiny{border-radius:var(--pluto-border-radius-tiny)}&.pluto--rounded-small{border-radius:var(--pluto-border-radius-small)}&.pluto--rounded-medium{border-radius:var(--pluto-border-radius-medium)}&.pluto--rounded-large{border-radius:var(--pluto-border-radius-large)}&.pluto--rounded-huge{border-radius:var(--pluto-border-radius-huge)}&.pluto--sharp{border-radius:0}&.pluto--reverse{flex-direction:column-reverse}&.pluto--wrap{flex-wrap:wrap}&.pluto--justify-start{justify-content:flex-start}&.pluto--justify-center{justify-content:center}&.pluto--justify-end{justify-content:flex-end}&.pluto--justify-between{justify-content:space-between}&.pluto--justify-around{justify-content:space-around}&.pluto--justify-evenly{justify-content:space-evenly}&.pluto--align-start{align-items:flex-start}&.pluto--align-center{align-items:center}&.pluto--align-end{align-items:flex-end}&.pluto--align-stretch{align-items:stretch}&.pluto--align-self-start{align-self:flex-start}&.pluto--align-self-center{align-self:center}&.pluto--align-self-end{align-self:flex-end}&.pluto--direction-x{flex-direction:row;&.pluto--reverse{flex-direction:row-reverse}}&.pluto--direction-y{flex-direction:column;&.pluto--reverse{flex-direction:column-reverse}}&.pluto--grow{flex-grow:1;min-width:0;min-height:0}&.pluto--shrink{flex-shrink:1}&.pluto--gap-huge{gap:5rem}&.pluto--gap-medium{gap:1.5rem}&.pluto--gap-large{gap:4rem}&.pluto--gap-small{gap:1rem}&.pluto--gap-tiny{gap:.5rem}&.pluto--empty,&.pluto--pack{gap:0}&.pluto--full-x{width:100%}&.pluto--full-y{height:100%}&.pluto--full{width:100%;height:100%}&.pluto--center{flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%}&.pluto--height-huge{--pluto-height:var(--pluto-height-huge);min-height:var(--pluto-height);height:fit-content}&.pluto--height-large{--pluto-height:var(--pluto-height-large);min-height:var(--pluto-height);height:fit-content}&.pluto--height-medium{--pluto-height:var(--pluto-height-medium);min-height:var(--pluto-height);height:fit-content}&.pluto--height-tiny{--pluto-height:var(--pluto-height-tiny);min-height:var(--pluto-height);height:fit-content}&.pluto--height-small{--pluto-height:var(--pluto-height-small);min-height:var(--pluto-height);height:fit-content}&.pluto--align-self-stretch{align-self:stretch;height:auto}&.pluto--border-color-0{border-color:var(--pluto-gray-l0)}&.pluto--border-color-1{border-color:var(--pluto-gray-l1)}&.pluto--border-color-2{border-color:var(--pluto-gray-l2)}&.pluto--border-color-3{border-color:var(--pluto-gray-l3)}&.pluto--border-color-4{border-color:var(--pluto-gray-l4)}&.pluto--border-color-5{border-color:var(--pluto-gray-l5)}&.pluto--border-color-6{border-color:var(--pluto-gray-l6)}&.pluto--border-color-7{border-color:var(--pluto-gray-l7)}&.pluto--border-color-8{border-color:var(--pluto-gray-l8)}&.pluto--border-color-9{border-color:var(--pluto-gray-l9)}&.pluto--border-color-10{border-color:var(--pluto-gray-l10)}&.pluto--border-color-11{border-color:var(--pluto-gray-l11)}&.pluto--bg-0{background-color:var(--pluto-gray-l0)}&.pluto--bg-1{background-color:var(--pluto-gray-l1)}&.pluto--bg-2{background-color:var(--pluto-gray-l2)}&.pluto--bg-3{background-color:var(--pluto-gray-l3)}&.pluto--bg-4{background-color:var(--pluto-gray-l4)}&.pluto--bg-5{background-color:var(--pluto-gray-l5)}&.pluto--bg-6{background-color:var(--pluto-gray-l6)}&.pluto--bg-7{background-color:var(--pluto-gray-l7)}&.pluto--bg-8{background-color:var(--pluto-gray-l8)}&.pluto--bg-9{background-color:var(--pluto-gray-l9)}&.pluto--bg-10{background-color:var(--pluto-gray-l10)}&.pluto--bg-11{background-color:var(--pluto-gray-l11)}&.pluto--color-0{color:var(--pluto-gray-l0)}&.pluto--color-1{color:var(--pluto-gray-l1)}&.pluto--color-2{color:var(--pluto-gray-l2)}&.pluto--color-3{color:var(--pluto-gray-l3)}&.pluto--color-4{color:var(--pluto-gray-l4)}&.pluto--color-5{color:var(--pluto-gray-l5)}&.pluto--color-6{color:var(--pluto-gray-l6)}&.pluto--color-7{color:var(--pluto-gray-l7)}&.pluto--color-8{color:var(--pluto-gray-l8)}&.pluto--color-9{color:var(--pluto-gray-l9)}&.pluto--color-10{color:var(--pluto-gray-l10)}&.pluto--color-11{color:var(--pluto-gray-l11)}&.pluto--status-error{color:var(--pluto-error-z)}&.pluto--status-warning{color:var(--pluto-warning-z)}&.pluto--status-success{color:var(--pluto-primary-z)}&.pluto--status-disabled{color:var(--pluto-text-disabled)}&.pluto--status-loading{color:var(--pluto-gray-l9)}&.pluto--square{justify-content:center;align-items:center;width:fit-content;font-weight:400;&.pluto--height-huge{min-width:var(--pluto-height-huge)}&.pluto--height-large{min-width:var(--pluto-height-large)}&.pluto--height-small{min-width:var(--pluto-height-small)}&.pluto--height-medium{min-width:var(--pluto-height-medium)}&.pluto--height-tiny{min-width:var(--pluto-height-tiny)}}&.pluto--pack{&>*{border-radius:0}&.pluto--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}}&.pluto--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}}}}.pluto-icon{color:inherit;flex-shrink:0;width:1em;height:1em;&.pluto-icon--composite{transform:scale(1.15)}& :is(path,circle):is(:not([fill=none]),[stroke=\#000]):not(.pluto-sub__bg){stroke:inherit!important;fill:inherit!important}& .pluto-icon__halo{color:var(--pluto-btn-bg,var(--pluto-gray-l0));& :is(path,circle,rect,line,polyline,polygon){stroke-width:3px;stroke-linejoin:round}}& .pluto-sub__bg{transition:var(--pluto-btn-transition);fill:var(--pluto-btn-bg,var(--pluto-gray-l0))!important}& .pluto-sub{--pluto-scale:scale(calc(var(--pluto-base-scale,1) * .8));&.pluto-icon--add *{stroke-width:.5rem}}}.pluto--clickable:hover .pluto-icon .pluto-sub{background:var(--pluto-hover-bg)}.pluto--clickable:active .pluto-icon .pluto-sub{background:var(--pluto-active-bg)}.pluto-icon--logo-ethercat{transform:scale(1.25)}.pluto-icon--loading .pluto-loading__orbit{transform-origin:50%;animation:1.2s linear infinite spin}.pluto-icon--loading .pluto-loading__orbit--reverse{animation-duration:1.8s;animation-direction:reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pluto-icon--log{--pluto-base-scale:.85;transform:scale(var(--pluto-base-scale))}.pluto-icon--schematic{--pluto-base-scale:1;transform:scale(var(--pluto-base-scale))}.pluto-icon--decimal{--pluto-base-scale:1.3;transform:scale(var(--pluto-base-scale))}.pluto-icon--wave-triangle,.pluto-icon--wave-square,.pluto-icon--wave-sine,.pluto-icon--wave-sawtooth{--pluto-base-scale:1.25;transform:scale(var(--pluto-base-scale))}.pluto-icon--units-current,.pluto-icon--units-voltage{--pluto-base-scale:1.05;transform:scale(var(--pluto-base-scale))}.pluto-icon--in-progress{color:var(--pluto-warning-z)}.pluto-icon--completed{color:var(--pluto-primary-z)}.pluto-icon--logo-opcua{transform:translateY(1px)scale(1.25)}.pluto-icon--csv{transform:scale(1.25)}.pluto-icon--stop{--pluto-base-scale:1.15;transform:scale(var(--pluto-base-scale))}.pluto-icon--fitting{--pluto-base-scale:1.8;transform:scale(var(--pluto-base-scale))}.pluto-icon--boxes{--pluto-base-scale:1.25;transform:scale(var(--pluto-base-scale))}.pluto-icon--close-thin{--pluto-base-scale:1.15;transform:scale(var(--pluto-base-scale))}.pluto-icon--reset{fill:var(--pluto-gray-l11)}.pluto-icon--boolean{fill:currentColor}.pluto-icon--true{color:var(--pluto-success-z)}.pluto-icon--false{color:var(--pluto-error-z)}.pluto-icon--logo-http{transform:scale(1.5)}.pluto-icon--logo-pagerduty{transform:scale(.8)}a.pluto-text{color:var(--pluto-primary-p1);cursor:pointer;text-decoration:none;&:hover{text-decoration:underline}}span.pluto-text{font-size:inherit;font-weight:inherit;line-height:inherit;height:fit-content}.pluto-text{margin:0;&.pluto--direction-x{align-items:center}&.pluto-text--code{font-family:var(--pluto-code-font-family)}&.pluto-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(>.pluto-icon){padding-inline:0}&.pluto-text--p{height:var(--pluto-p-line-height);font-size:calc(var(--pluto-p-size) - 1px)}&.pluto-text--h1{height:var(--pluto-h1-line-height);font-size:calc(var(--pluto-h1-size) - 1px)}&.pluto-text--h2{height:var(--pluto-h2-line-height);font-size:calc(var(--pluto-h2-size) - 1px)}&.pluto-text--h3{height:var(--pluto-h3-line-height);font-size:calc(var(--pluto-h3-size) - 1px)}&.pluto-text--h4{height:var(--pluto-h4-line-height);font-size:calc(var(--pluto-h4-size) - 1px)}&.pluto-text--h5{height:var(--pluto-h5-line-height);font-size:calc(var(--pluto-h5-size) - 1px)}&.pluto-text--small{height:calc(var(--pluto-small-line-height) + 1px);font-size:calc(var(--pluto-small-size) - 2px)}}&.pluto-text--overflow-ellipsis{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}&.pluto-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)){&.pluto-text--overflow-fade{text-overflow:ellipsis}}&.pluto-text--overflow-clip{white-space:nowrap;text-overflow:clip;overflow:hidden}&.pluto-text--overflow-nowrap{white-space:nowrap}&.pluto-text--overflow-wrap{white-space:wrap}&.pluto-text--line-clamp{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@keyframes text-fade{0%,to{mask-image:linear-gradient(to right, black calc(100% - var(--pluto-text-fade-width,2.25rem)), transparent)}}}
