npm - @cloudoperators/juno-ui-components - Versions diffs - 2.34.0 → 2.35.0 - Mend

@cloudoperators/juno-ui-components 2.34.0 → 2.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1467) hide show

package/build/style.css ADDED Viewed

@@ -0,0 +1 @@

+ @charset "UTF-8";.juno-button-default{background-color:var(--color-button-default-bg);color:var(--color-button-default-text)}.juno-button-default:hover{background-color:var(--color-button-default-hover-bg);color:var(--color-button-default-hover-text)}.juno-button-default:active{background-color:var(--color-button-default-active-bg);border-color:var(--color-button-default-active-border);color:var(--color-button-default-active-text)}.juno-button-subdued{background-color:var(--color-button-subdued-bg);border:1px solid var(--color-button-subdued-border);color:var(--color-button-subdued-text)}.juno-button-subdued:hover{background-color:var(--color-button-subdued-hover-bg);border-color:var(--color-button-subdued-hover-border);color:var(--color-button-subdued-hover-text)}.juno-button-subdued:active{background-color:var(--color-button-subdued-active-bg);border-color:var(--color-button-subdued-active-border);color:var(--color-button-subdued-active-text)}.juno-button-primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.juno-button-primary:hover{background-color:var(--color-button-primary-hover-bg);color:var(--color-button-primary-hover-text)}.juno-button-primary:active{background-color:var(--color-button-primary-active-bg);color:var(--color-button-primary-active-text)}.juno-button-primary-danger{background-color:var(--color-button-primary-danger-bg);color:var(--color-button-primary-danger-text)}.juno-button-primary-danger:hover{background-color:var(--color-button-primary-danger-hover-bg);color:var(--color-button-primary-danger-hover-text)}.juno-button-primary-danger:active{background-color:var(--color-button-primary-danger-active-bg);color:var(--color-button-primary-danger-active-text)}.theme-dark .juno-datetimepicker-input-default{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'rgb(222%2C%20223%2C%20224)'%3E%3Cpath%20d%3D'M20%203h-1V1h-2v2H7V1H5v2H4c-1.1%200-2%20.9-2%202v16c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm0%2018H4V8h16v13z'%2F%3E%3C%2Fsvg%3E")}.theme-dark .juno-datetimepicker-input-timepicker{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'rgb(222%2C%20223%2C%20224)'%3E%3Cpath%20d%3D'M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z'%2F%3E%3Cpath%20d%3D'M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67z'%2F%3E%3C%2Fsvg%3E")}.theme-light .juno-datetimepicker-input-default{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'rgb(64%2C%2064%2C%2064)'%3E%3Cpath%20d%3D'M20%203h-1V1h-2v2H7V1H5v2H4c-1.1%200-2%20.9-2%202v16c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm0%2018H4V8h16v13z'%2F%3E%3C%2Fsvg%3E")}.theme-light .juno-datetimepicker-input-timepicker{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'rgb(64%2C%2064%2C%2064)'%3E%3Cpath%20d%3D'M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z'%2F%3E%3Cpath%20d%3D'M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67z'%2F%3E%3C%2Fsvg%3E")}.flatpickr-calendar{background:transparent;color:var(--color-text-default);opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:.875rem;line-height:1.5rem;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:var(--color-datepicker-calendar-bg)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999;margin-top:2px}.flatpickr-calendar.open:not(.inline)[style]:not(.inline){top:auto!important;left:auto!important}.flatpickr-calendar.animate.open{animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:var(--color-datepicker-calendar-bg);color:#fff;fill:#fff;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#fff;fill:#fff}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#eee}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(255,255,255,.15);box-sizing:border-box}.numInputWrapper span:hover{background:#c0bba71a}.numInputWrapper span:active{background:#c0bba733}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(255,255,255,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#ffffff80}.numInputWrapper:hover{background:#c0bba70d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#c0bba70d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#fff}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#fff}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#ffffff80;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:var(--color-datepicker-calendar-bg);border:none;border-radius:0;box-sizing:border-box;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#c0bba70d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#3f4458;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;color:var(--color-text-default);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 #20222c}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#646c8c;border-color:#646c8c}.flatpickr-day.today{border-color:var(--color-text-default)}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:var(--color-text-default);background:#eee;color:var(--color-text-default)}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:var(--color-accent);box-shadow:none;color:#fff;border-color:var(--color-accent)}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #80cbc4}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 #646c8c,5px 0 #646c8c}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#ffffff4d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#ffffff1a}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 #80cbc4,5px 0 #80cbc4}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 #20222c}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#ffffff4d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#fffffff2}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#fffffff2}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:var(--color-text-default);font-size:14px;position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#fffffff2;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#6a7395}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.formatted-text-container{font-size:1rem;line-height:2}.formatted-text-container p{font-size:1rem;line-height:150%;margin-top:1.25rem;margin-bottom:1.25rem}.formatted-text-container a{color:var(--color-accent)}.formatted-text-container a:hover{color:var(--color-text-default)}.formatted-text-container [class~=lead]{font-size:1.25rem;line-height:2;margin-top:1.5rem;margin-bottom:1.5rem}.formatted-text-container blockquote{margin-top:2rem;margin-bottom:2rem;padding-inline-start:1.25rem}.formatted-text-container h1{font-size:1.69rem;font-weight:700;line-height:160%;margin-top:0;margin-bottom:2rem;line-height:1}.formatted-text-container h2{font-size:1.56rem;font-weight:700;line-height:160%;margin-top:3rem;margin-bottom:1.5rem}.formatted-text-container h3{font-size:1.44rem;font-weight:700;line-height:160%;margin-top:1rem;margin-bottom:.75rem}.formatted-text-container h4{font-size:1.28rem;font-style:normal;font-weight:700;line-height:160%;margin-top:1.5rem;margin-bottom:.5rem}.formatted-text-container h5{font-size:1.03rem;font-style:normal;font-weight:700;line-height:160%}.formatted-text-container img,.formatted-text-container picture,.formatted-text-container video{margin-top:2rem;margin-bottom:2rem}.formatted-text-container picture>img{margin-top:0;margin-bottom:0}.formatted-text-container kbd{font-size:.875rem;border-radius:.3125rem;padding:.1875rem .375rem}.formatted-text-container code{font-family:IBM Plex Mono;font-size:.875rem;background-color:var(--color-background-lvl-2);border-radius:.25rem;font-weight:400;margin:0 .125rem}.formatted-text-container h2 code{font-size:1.3125rem}.formatted-text-container h3 code{font-size:1.125rem}.formatted-text-container pre{font-size:.875rem;line-height:2;margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.375rem;padding:.75rem 1rem}.formatted-text-container ol,.formatted-text-container ul{margin-top:1.25rem;margin-bottom:1.25rem;padding-inline-start:1.625rem}.formatted-text-container li{margin-top:.5rem;margin-bottom:.5rem;line-height:160%}.formatted-text-container ol>li,.formatted-text-container ul>li{padding-inline-start:.375rem}.formatted-text-container ol>li{list-style-type:decimal}.formatted-text-container ul>li{list-style-type:disc}.formatted-text-container ul ul,.formatted-text-container ul ol,.formatted-text-container ol ul,.formatted-text-container ol ol{margin-top:.75rem;margin-bottom:.75rem}.formatted-text-container dl{margin-top:1.25rem;margin-bottom:1.25rem}.formatted-text-container dt{margin-top:1.25rem}.formatted-text-container dd{margin-top:.5rem;padding-inline-start:1.625rem}.formatted-text-container hr{margin-top:3rem;margin-bottom:3rem}.formatted-text-container table{font-size:.875rem;line-height:2;text-align:left}.formatted-text-container thead,.formatted-text-container th{padding:.5rem;text-align:left}.formatted-text-container tbody,.formatted-text-container td,.formatted-text-container tfoot{padding:.5rem}.formatted-text-container tr{border-bottom:1px solid var(--color-background-lvl-2)}.formatted-text-container th,.formatted-text-container thead{background-color:var(--color-background-lvl-1)}.formatted-text-container figure{margin-top:2rem;margin-bottom:2rem}.formatted-text-container figcaption{font-size:.875rem;line-height:1;margin-top:.75rem}.formatted-text-container>:first-child{margin-top:0}.formatted-text-container>:last-child{margin-bottom:0}.juno-input-group .juno-button:not(:first-child,:last-child),.juno-input-group .juno-textinput:not(:first-child,:last-child),.juno-input-group .juno-select:not(:first-child,:last-child){border-radius:0}.juno-input-group .juno-button:first-child,.juno-input-group .juno-textinput:first-child,.juno-input-group .juno-select:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.juno-input-group .juno-button:last-child,.juno-input-group .juno-textinput:last-child,.juno-input-group .juno-select:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.juno-input-group .juno-button-default+.juno-button-default,.juno-input-group .juno-button-primary+.juno-button-primary,.juno-input-group .juno-button-default-primary-danger+.juno-button-primary-danger,.juno-input-group .juno-button-subdued+.juno-button-subdued{border-left:0}.juno-search-input::-webkit-search-cancel-button{-webkit-appearance:none}.juno-theme-toggle:hover svg{color:var(--color-accent)}:root,:host{--color-white: rgb(255, 255, 255);--color-white-raw: 255, 255, 255;--color-black: rgb(0, 0, 0);--color-black-raw: 0, 0, 0;--color-sap-grey-1: rgb(255, 255, 255);--color-sap-grey-1-raw: 255, 255, 255;--color-sap-grey-2: rgb(225, 225, 225);--color-sap-grey-2-raw: 225, 225, 225;--color-sap-grey-3: rgb(204, 204, 204);--color-sap-grey-3-raw: 204, 204, 204;--color-sap-grey-4: rgb(153, 153, 153);--color-sap-grey-4-raw: 153, 153, 153;--color-sap-grey-5: rgb(127, 127, 127);--color-sap-grey-5-raw: 127, 127, 127;--color-sap-grey-6: rgb(102, 102, 102);--color-sap-grey-6-raw: 102, 102, 102;--color-sap-grey-7: rgb(75, 75, 75);--color-sap-grey-7-raw: 75, 75, 75;--color-sap-grey-8: rgb(0, 0, 0);--color-sap-grey-8-raw: 0, 0, 0;--color-sap-blue-1: rgb(15, 170, 25);--color-sap-blue-1-raw: 15, 170, 25;--color-sap-blue-2: rgb(0, 143, 211);--color-sap-blue-2-raw: 0, 143, 211;--color-sap-blue-3: rgb(0, 118, 203);--color-sap-blue-3-raw: 0, 118, 203;--color-sap-blue-4: rgb(15, 70, 167);--color-sap-blue-4-raw: 15, 70, 167;--color-sap-blue-5: rgb(0, 50, 131);--color-sap-blue-5-raw: 0, 50, 131;--color-sap-blue-6: rgb(0, 25, 90);--color-sap-blue-6-raw: 0, 25, 90;--color-sap-gold: rgb(240, 171, 0);--color-sap-gold-raw: 240, 171, 0;--color-sap-purple-1: rgb(220, 0, 150);--color-sap-purple-1-raw: 220, 0, 150;--color-sap-purple-2: rgb(190, 0, 140);--color-sap-purple-2-raw: 190, 0, 140;--color-sap-purple-3: rgb(151, 10, 130);--color-sap-purple-3-raw: 151, 10, 130;--color-sap-purple-4: rgb(118, 10, 133);--color-sap-purple-4-raw: 118, 10, 133;--color-sap-purple-5: rgb(69, 21, 126);--color-sap-purple-5-raw: 69, 21, 126;--color-sap-purple-6: rgb(60, 20, 100);--color-sap-purple-6-raw: 60, 20, 100;--color-sap-green-1: rgb(188, 220, 80);--color-sap-green-1-raw: 188, 220, 80;--color-sap-green-2: rgb(147, 201, 57);--color-sap-green-2-raw: 147, 201, 57;--color-sap-green-3: rgb(79, 184, 28);--color-sap-green-3-raw: 79, 184, 28;--color-sap-green-4: rgb(52, 139, 38);--color-sap-green-4-raw: 52, 139, 38;--color-sap-green-5: rgb(36, 114, 48);--color-sap-green-5-raw: 36, 114, 48;--color-sap-green-6: rgb(15, 75, 60);--color-sap-green-6-raw: 15, 75, 60;--color-sap-orange-1: rgb(255, 175, 0);--color-sap-orange-1-raw: 255, 175, 0;--color-sap-orange-2: rgb(250, 145, 0);--color-sap-orange-2-raw: 250, 145, 0;--color-sap-orange-3: rgb(235, 115, 0);--color-sap-orange-3-raw: 235, 115, 0;--color-sap-orange-4: rgb(227, 85, 0);--color-sap-orange-4-raw: 227, 85, 0;--color-sap-orange-5: rgb(208, 69, 18);--color-sap-orange-5-raw: 208, 69, 18;--color-sap-orange-6: rgb(188, 54, 24);--color-sap-orange-6-raw: 188, 54, 24;--color-juno-grey-blue-1: rgb(64, 70, 75);--color-juno-grey-blue-1-raw: 64, 70, 75;--color-juno-grey-blue-2: rgb(48, 54, 60);--color-juno-grey-blue-2-raw: 48, 54, 60;--color-juno-grey-blue-3: rgb(41, 47, 54);--color-juno-grey-blue-3-raw: 41, 47, 54;--color-juno-grey-blue-4: rgb(38, 44, 51);--color-juno-grey-blue-4-raw: 38, 44, 51;--color-juno-grey-blue-5: rgb(36, 42, 49);--color-juno-grey-blue-5-raw: 36, 42, 49;--color-juno-grey-blue-6: rgb(31, 38, 45);--color-juno-grey-blue-6-raw: 31, 38, 45;--color-juno-grey-blue-7: rgb(28, 35, 42);--color-juno-grey-blue-7-raw: 28, 35, 42;--color-juno-grey-blue-8: rgb(23, 30, 37);--color-juno-grey-blue-8-raw: 23, 30, 37;--color-juno-grey-blue-9: rgb(18, 25, 32);--color-juno-grey-blue-9-raw: 18, 25, 32;--color-juno-grey-blue-10: rgb(13, 20, 28);--color-juno-grey-blue-10-raw: 13, 20, 28;--color-juno-grey-blue-11: rgb(0, 8, 16);--color-juno-grey-blue-11-raw: 0, 8, 16;--color-juno-grey-light-1: rgb(249, 249, 249);--color-juno-grey-light-1-raw: 249, 249, 249;--color-juno-grey-light-2: rgb(247, 247, 247);--color-juno-grey-light-2-raw: 247, 247, 247;--color-juno-grey-light-3: rgb(244, 244, 244);--color-juno-grey-light-3-raw: 244, 244, 244;--color-juno-grey-light-4: rgb(241, 241, 241);--color-juno-grey-light-4-raw: 241, 241, 241;--color-juno-grey-light-5: rgb(238, 238, 238);--color-juno-grey-light-5-raw: 238, 238, 238;--color-juno-grey-light-6: rgb(235, 235, 235);--color-juno-grey-light-6-raw: 235, 235, 235;--color-juno-grey-light-7: rgb(233, 233, 233);--color-juno-grey-light-7-raw: 233, 233, 233;--color-juno-grey-light-8: rgb(230, 230, 230);--color-juno-grey-light-8-raw: 230, 230, 230;--color-juno-grey-light-9: rgb(227, 227, 227);--color-juno-grey-light-9-raw: 227, 227, 227;--color-juno-grey-light-10: rgb(215, 215, 215);--color-juno-grey-light-10-raw: 215, 215, 215;--color-juno-blue-1: rgb(203, 232, 247);--color-juno-blue-1-raw: 203, 232, 247;--color-juno-blue-2: rgb(165, 211, 234);--color-juno-blue-2-raw: 165, 211, 234;--color-juno-blue-3: rgb(137, 201, 232);--color-juno-blue-3-raw: 137, 201, 232;--color-juno-blue-4: rgb(67, 162, 208);--color-juno-blue-4-raw: 67, 162, 208;--color-juno-blue-5: rgb(0, 125, 184);--color-juno-blue-5-raw: 0, 125, 184;--color-juno-blue-6: rgb(30, 106, 146);--color-juno-blue-6-raw: 30, 106, 146;--color-juno-blue-7: rgb(10, 103, 153);--color-juno-blue-7-raw: 10, 103, 153;--color-juno-blue-8: rgb(7, 85, 128);--color-juno-blue-8-raw: 7, 85, 128;--color-juno-blue-9: rgb(5, 70, 105);--color-juno-blue-9-raw: 5, 70, 105;--color-juno-blue-10: rgb(3, 55, 84);--color-juno-blue-10-raw: 3, 55, 84;--color-juno-turquoise-1: rgb(197, 247, 255);--color-juno-turquoise-1-raw: 197, 247, 255;--color-juno-turquoise-2: rgb(132, 241, 255);--color-juno-turquoise-2-raw: 132, 241, 255;--color-juno-turquoise-3: rgb(25, 232, 250);--color-juno-turquoise-3-raw: 25, 232, 250;--color-juno-turquoise-4: rgb(22, 217, 234);--color-juno-turquoise-4-raw: 22, 217, 234;--color-juno-turquoise-5: rgb(21, 208, 224);--color-juno-turquoise-5-raw: 21, 208, 224;--color-juno-turquoise-6: rgb(15, 167, 180);--color-juno-turquoise-6-raw: 15, 167, 180;--color-juno-turquoise-7: rgb(9, 133, 144);--color-juno-turquoise-7-raw: 9, 133, 144;--color-juno-turquoise-8: rgb(5, 100, 109);--color-juno-turquoise-8-raw: 5, 100, 109;--color-juno-turquoise-9: rgb(2, 69, 75);--color-juno-turquoise-9-raw: 2, 69, 75;--color-juno-turquoise-10: rgb(1, 41, 4);--color-juno-turquoise-10-raw: 1, 41, 4;--color-juno-primary-blue-1: rgb(15, 170, 255);--color-juno-primary-blue-1-raw: 15, 170, 255;--color-juno-primary-blue-2: rgb(0, 143, 211);--color-juno-primary-blue-2-raw: 0, 143, 211;--color-juno-primary-blue-3: rgb(0, 118, 203);--color-juno-primary-blue-3-raw: 0, 118, 203;--color-juno-primary-blue-4: rgb(15, 70, 167);--color-juno-primary-blue-4-raw: 15, 70, 167;--color-juno-primary-blue-5: rgb(0, 50, 131);--color-juno-primary-blue-5-raw: 0, 50, 131;--color-juno-primary-blue-6: rgb(0, 25, 90);--color-juno-primary-blue-6-raw: 0, 25, 90}.theme-light{--color-accent: rgb(0, 118, 203);--color-accent-raw: 0, 118, 203;--color-info: rgb(0, 118, 203);--color-info-raw: 0, 118, 203;--color-success: rgb(79, 184, 28);--color-success-raw: 79, 184, 28;--color-warning: rgb(255, 175, 0);--color-warning-raw: 255, 175, 0;--color-danger: rgb(199, 0, 0);--color-danger-raw: 199, 0, 0;--color-error: rgb(199, 0, 0);--color-error-raw: 199, 0, 0;--color-juno-text-light: rgb(150, 150, 150);--color-juno-text-light-raw: 150, 150, 150;--color-juno-text-default: rgb(76, 76, 76);--color-juno-text-default-raw: 76, 76, 76;--color-juno-text-high: rgb(64, 64, 64);--color-juno-text-high-raw: 64, 64, 64;--color-juno-text-highest: rgb(0, 0, 0);--color-juno-text-highest-raw: 0, 0, 0;--color-juno-text-disabled: rgb(183, 183, 183);--color-juno-text-disabled-raw: 183, 183, 183;--color-juno-primary-danger-1: rgb(235, 146, 146);--color-juno-primary-danger-1-raw: 235, 146, 146;--color-juno-primary-danger-2: rgb(218, 93, 93);--color-juno-primary-danger-2-raw: 218, 93, 93;--color-juno-primary-danger-3: rgb(213, 64, 64);--color-juno-primary-danger-3-raw: 213, 64, 64;--color-juno-primary-danger-4: rgb(199, 0, 0);--color-juno-primary-danger-4-raw: 199, 0, 0;--color-juno-primary-danger-5: rgb(165, 11, 11);--color-juno-primary-danger-5-raw: 165, 11, 11}.theme-dark{--color-accent: rgb(21, 208, 224);--color-accent-raw: 21, 208, 224;--color-info: rgb(21, 208, 224);--color-info-raw: 21, 208, 224;--color-success: rgb(59, 255, 91);--color-success-raw: 59, 255, 91;--color-warning: rgb(255, 198, 0);--color-warning-raw: 255, 198, 0;--color-danger: rgb(255, 65, 16);--color-danger-raw: 255, 65, 16;--color-error: rgb(255, 65, 16);--color-error-raw: 255, 65, 16;--color-juno-text-light: rgb(122, 122, 122);--color-juno-text-light-raw: 122, 122, 122;--color-juno-text-default: rgb(187, 187, 187);--color-juno-text-default-raw: 187, 187, 187;--color-juno-text-high: rgb(222, 223, 224);--color-juno-text-high-raw: 222, 223, 224;--color-juno-text-highest: rgb(255, 254, 253);--color-juno-text-highest-raw: 255, 254, 253;--color-juno-text-disabled: rgb(92, 92, 92);--color-juno-text-disabled-raw: 92, 92, 92;--color-juno-primary-danger-1: rgb(231, 163, 137);--color-juno-primary-danger-1-raw: 231, 163, 137;--color-juno-primary-danger-2: rgb(222, 126, 91);--color-juno-primary-danger-2-raw: 222, 126, 91;--color-juno-primary-danger-3: rgb(208, 69, 18);--color-juno-primary-danger-3-raw: 208, 69, 18;--color-juno-primary-danger-4: rgb(187, 62, 16);--color-juno-primary-danger-4-raw: 187, 62, 16;--color-juno-primary-danger-5: rgb(164, 54, 14);--color-juno-primary-danger-5-raw: 164, 54, 14}.theme-light{--color-background-lvl-0: var(--color-white);--color-background-lvl-1: var(--color-juno-grey-light-1);--color-background-lvl-2: var(--color-juno-grey-light-3);--color-background-lvl-3: var(--color-juno-grey-light-7);--color-background-lvl-4: var(--color-juno-grey-light-9);--color-background-lvl-5: var(--color-juno-grey-light-10);--color-background-lvl-0-raw: var(--color-white-raw);--color-background-lvl-1-raw: var(--color-juno-grey-light-1-raw);--color-background-lvl-2-raw: var(--color-juno-grey-light-3-raw);--color-background-lvl-3-raw: var(--color-juno-grey-light-7-raw);--color-background-lvl-4-raw: var(--color-juno-grey-light-9-raw);--color-background-lvl-5-raw: var(--color-juno-grey-light-10-raw);--color-global-bg: var(--color-juno-grey-light-1);--color-global-bg-raw: var(--color-juno-grey-light-1-raw);--color-global-text: var(--color-juno-text-default-raw);--color-content-area-bg: var(--color-background-lvl-0);--color-content-area-bg-raw: var(--color-background-lvl-0-raw);--color-focus: var(--color-accent);--color-focus-raw: var(--color-accent-raw);--color-text-highest: var(--color-juno-text-highest);--color-text-high: var(--color-juno-text-high);--color-text-default: var(--color-juno-text-default);--color-text-light: var(--color-juno-text-light);--color-text-disabled: var(--color-juno-text-disabled);--color-text-link: var(--color-accent);--color-text-highest-raw: var(--color-juno-text-highest-raw);--color-text-high-raw: var(--color-juno-text-high-raw);--color-text-default-raw: var(--color-juno-text-default-raw);--color-text-light-raw: var(--color-juno-text-light-raw);--color-text-disabled-raw: var(--color-juno-text-disabled-raw);--color-text-link-raw: var(--color-accent-raw);--color-badge-default-bg: var(--color-juno-grey-light-3);--color-button-primary-text: var(--color-white);--color-button-primary-bg: var(--color-juno-primary-blue-3);--color-button-primary-hover-text: var(--color-white);--color-button-primary-hover-bg: var(--color-juno-primary-blue-2);--color-button-primary-active-text: var(--color-white);--color-button-primary-active-bg: var(--color-juno-primary-blue-5);--color-button-default-text: var(--color-text-high);--color-button-default-bg: var(--color-background-lvl-4);--color-button-default-border: var(--color-background-lvl-4);--color-button-default-hover-text: var(--color-text-high);--color-button-default-hover-bg: var(--color-background-lvl-3);--color-button-default-hover-border: var(--color-background-lvl-3);--color-button-default-active-text: var(--color-text-high);--color-button-default-active-bg: var(--color-background-lvl-2);--color-button-default-active-border: var(--color-background-lvl-4);--color-button-subdued-text: var(--color-text-default);--color-button-subdued-icon: var(--color-text-default);--color-button-subdued-bg: var(--color-background-lvl-3);--color-button-subdued-border: var(--color-background-lvl-4);--color-button-subdued-hover-text: var(--color-text-default);--color-button-subdued-hover-bg: var(--color-background-lvl-1);--color-button-subdued-hover-border: var(--color-background-lvl-4);--color-button-subdued-active-text: var(--color-text-default);--color-button-subdued-active-bg: var(--color-background-lvl-0);--color-button-subdued-active-border: var(--color-background-lvl-4);--color-button-primary-danger-text: var(--color-white);--color-button-primary-danger-bg: var(--color-juno-primary-danger-4);--color-button-primary-danger-hover-text: var(--color-white);--color-button-primary-danger-hover-bg: var(--color-juno-primary-danger-3);--color-button-primary-danger-active-text: var(--color-white);--color-button-primary-danger-active-bg: var(--color-juno-primary-danger-5);--color-icon-danger: var(--color-juno-red-raw);--color-icon-info: var(--color-accent-raw);--color-icon-success: var(--color-sap-green-raw);--color-icon-warning: var(--color-warning-raw);--color-message-danger-border: var(--color-danger-raw);--gradient-message-danger-bg: linear-gradient(90deg, rgb(255, 231, 224) 0%, rgb(255, 180, 158) 100%);--color-message-default-border: var(--color-info-raw);--gradient-message-default-bg: linear-gradient(90deg, rgb(229, 244, 248) 0%, rgb(46, 168, 196) 100%);--color-message-error-border: var(--color-error-raw);--gradient-message-error-bg: linear-gradient(90deg, rgb(255, 231, 224) 0%, rgb(255, 180, 158) 100%);--color-message-warning-border: var(--color-warning-raw);--gradient-message-warning-bg: linear-gradient(90deg, rgb(253, 245, 226) 0%, rgb(255, 231, 147) 100%);--color-message-success-border: var(--color-success-raw);--gradient-message-success-bg: linear-gradient(90deg, rgb(230, 247, 233) 0%, rgb(170, 229, 180) 100%);--color-introbox-bg: var(--color-background-lvl-2-raw);--color-introbox-border: var(--color-accent-raw);--color-textinput-bg: var(--color-background-lvl-3-raw);--color-textinput-default-border: var(--color-background-lvl-4-raw);--color-textinput-text: var(--color-juno-text-high-raw);--color-textinput-placeholder-text: var(--color-juno-text-high-raw);--color-textinput-focus-border: var(--color-accent-raw);--color-textinput-autofill-text: var(--color-black);--color-textinput-autofill-bg: var(--color-juno-blue-1);--color-textinput-autofill-label: var(--color-juno-text-default);--color-select-bg: var(--color-background-lvl-3-raw);--color-checkbox-bg: var(--color-background-lvl-5-raw);--color-checkbox-checked-color: var(--color-accent-raw);--color-radio-bg: var(--color-background-lvl-5-raw);--color-radio-checked-bg: var(--color-accent-raw);--color-switch-default-border: var(--color-juno-text-default-raw);--color-switch-handle-bg: var(--color-juno-text-default-raw);--color-switch-handle-checked-bg: var(--color-accent-raw);--color-required-bg: var(--color-accent-raw);--color-spinner-primary: var(--color-accent-raw);--color-syntax-highlight-base00: var(--color-codeblock-bg);--color-syntax-highlight-base01: var(--color-juno-grey-light-3);--color-syntax-highlight-base02: var(--color-sap-grey-3);--color-syntax-highlight-base03: var(--color-sap-grey-3);--color-syntax-highlight-base04: var(--color-sap-grey-3);--color-syntax-highlight-base05: var(--color-juno-text-high);--color-syntax-highlight-base06: red;--color-syntax-highlight-base07: var(--color-juno-text-high);--color-syntax-highlight-base08: var(--color-juno-grey-blue-6);--color-syntax-highlight-base09: var(--color-juno-blue-4);--color-syntax-highlight-base0A: var(--color-juno-grey-blue-6);--color-syntax-highlight-base0B: var(--color-juno-blue-4);--color-syntax-highlight-base0C: var(--color-sap-gold);--color-syntax-highlight-base0D: var(--color-sap-gold);--color-syntax-highlight-base0E: var(--color-juno-blue-4);--color-syntax-highlight-base0F: var(--color-juno-blue-4);--color-datagridrow-selected: var(--color-accent-raw);--color-datalist-row-border: var(--color-background-lvl-1-raw);--color-datalistrow-selected: var(--color-accent-raw);--color-codeblock-bg: var(--color-background-lvl-2-raw);--color-codeblock-bar-border: var(--color-background-lvl-4-raw);--color-panel-bg: rgba(252, 252, 252, .8);--color-tabnavigation-top-bg: var(--color-juno-grey-light-5-raw);--color-tabnavigation-content-bottom-border: var(--color-background-lvl-4-raw);--color-filters-bg: var(--color-background-lvl-1-raw);--color-filter-input-bg: var(--color-background-lvl-0-raw);--color-filter-input-border: var(--color-background-lvl-4-raw);--color-filter-input-textinput-bg: transparent;--color-filter-pill-border: var(--color-background-lvl-4-raw);--color-filter-pill-key-bg: var(--color-background-lvl-4-raw);--color-modal-backdrop-bg: rgba(0, 0, 0, .2);--color-box-bg: var(--color-background-lvl-1);--color-box-border: var(--color-background-lvl-3);--color-sidenavigation-item-active: var(--color-black);--color-sidenavigation-item-active-bg: var(--color-background-lvl-0);--color-topnavigation-item-active: var(--color-black);--color-topnavigation-item-bg: var(--color-sap-grey-1);--color-topnavigation-item-active-bg: var(--color-juno-grey-light-3);--color-datepicker-calendar-bg: var(--color-background-lvl-1)}.theme-dark{--color-background-lvl-0: var(--color-juno-grey-blue-9);--color-background-lvl-1: var(--color-juno-grey-blue-7);--color-background-lvl-2: var(--color-juno-grey-blue-5);--color-background-lvl-3: var(--color-juno-grey-blue-3);--color-background-lvl-4: var(--color-juno-grey-blue-2);--color-background-lvl-5: var(--color-juno-grey-blue-1);--color-background-lvl-0-raw: var(--color-juno-grey-blue-9-raw);--color-background-lvl-1-raw: var(--color-juno-grey-blue-7-raw);--color-background-lvl-2-raw: var(--color-juno-grey-blue-5-raw);--color-background-lvl-3-raw: var(--color-juno-grey-blue-3-raw);--color-background-lvl-4-raw: var(--color-juno-grey-blue-2-raw);--color-background-lvl-5-raw: var(--color-juno-grey-blue-1-raw);--color-global-bg: var(--color-juno-grey-blue-10);--color-global-bg-raw: var(--color-juno-grey-blue-10-raw);--color-global-text: var(--color-juno-text-default-raw);--color-content-area-bg: var(--color-background-lvl-0);--color-content-area-bg-raw: var(--color-background-lvl-0-raw);--color-focus: var(--color-accent);--color-focus-raw: var(--color-accent-raw);--color-focus-border: var(--color-accent-raw);--color-text-highest: var(--color-juno-text-highest);--color-text-high: var(--color-juno-text-high);--color-text-default: var(--color-juno-text-default);--color-text-light: var(--color-juno-text-light);--color-text-disabled: var(--color-juno-text-disabled);--color-text-link: var(--color-accent);--color-text-highest-raw: var(--color-juno-text-highest-raw);--color-text-high-raw: var(--color-juno-text-high-raw);--color-text-default-raw: var(--color-juno-text-default-raw);--color-text-light-raw: var(--color-juno-text-light-raw);--color-text-disabled-raw: var(--color-juno-text-disabled-raw);--color-text-link-raw: var(--color-accent-raw);--color-badge-default-bg: var(--color-juno-grey-blue-3);--color-button-primary-bg: var(--color-juno-turquoise-7);--color-button-primary-text: var(--color-white);--color-button-primary-hover-bg: var(--color-juno-turquoise-5);--color-button-primary-hover-text: var(--color-white);--color-button-primary-active-bg: var(--color-juno-turquoise-9);--color-button-primary-active-text: var(--color-white);--color-button-default-text: var(--color-text-high);--color-button-default-icon: var(--color-text-high);--color-button-default-bg: var(--color-background-lvl-5);--color-button-default-border: var(--color-background-lvl-5);--color-button-default-hover-text: var(--color-text-high);--color-button-default-hover-bg: var(--color-background-lvl-3);--color-button-default-hover-border: var(--color-background-lvl-3);--color-button-default-active-text: var(--color-text-high);--color-button-default-active-bg: var(--color-background-lvl-2);--color-button-default-active-border: var(--color-background-lvl-4);--color-button-subdued-text: var(--color-text-default);--color-button-subdued-icon: var(--color-text-default);--color-button-subdued-bg: var(--color-background-lvl-3);--color-button-subdued-border: var(--color-background-lvl-4);--color-button-subdued-hover-text: var(--color-text-default);--color-button-subdued-hover-bg: var(--color-background-lvl-2);--color-button-subdued-hover-border: var(--color-background-lvl-4);--color-button-subdued-active-text: var(--color-text-default);--color-button-subdued-active-bg: var(--color-background-lvl-0);--color-button-subdued-active-border: var(--color-background-lvl-4);--color-button-primary-danger-text: var(--color-white);--color-button-primary-danger-bg: var(--color-juno-primary-danger-4);--color-button-primary-danger-hover-text: var(--color-white);--color-button-primary-danger-hover-bg: var(--color-juno-primary-danger-3);--color-button-primary-danger-active-text: var(--color-white);--color-button-primary-danger-active-bg: var(--color-juno-primary-danger-5);--color-icon-danger: var(--color-juno-red-5-raw);--color-icon-info: var(--color-accent-raw);--color-icon-success: var(--color-sap-green-5-raw);--color-icon-warning: var(--color-warning-raw);--color-message-danger-border: var(--color-danger-raw);--gradient-message-danger-bg: linear-gradient(90deg, rgb(57, 39, 38) 0%, rgb(124, 48, 30) 100%);--color-message-default-border: var(--color-info-raw);--gradient-message-default-bg: linear-gradient(90deg, rgb(28, 57, 65) 0%, rgb(25, 108, 119) 100%);--color-message-error-border: var(--color-error-raw);--gradient-message-error-bg: linear-gradient(90deg, rgb(57, 39, 38) 0%, rgb(124, 48, 30) 100%);--color-message-warning-border: var(--color-warning-raw);--gradient-message-warning-bg: linear-gradient(90deg, rgb(57, 56, 36) 0%, rgb(124, 104, 24) 100%);--color-message-success-border: var(--color-success-raw);--gradient-message-success-bg: linear-gradient(90deg, rgb(32, 55, 46) 0%, rgb(39, 102, 57) 100%);--color-introbox-bg: var(--color-background-lvl-2-raw);--color-introbox-border: var(--color-accent-raw);--color-textinput-bg: var(--color-background-lvl-3-raw);--color-textinput-default-border: var(--color-background-lvl-4-raw);--color-textinput-text: var(--color-juno-text-high-raw);--color-textinput-placeholder-text: var(--color-juno-text-high-raw);--color-textinput-focus-border: var(--color-accent-raw);--color-textinput-autofill-text: var(--color-black);--color-textinput-autofill-bg: var(--color-juno-blue-1);--color-textinput-autofill-label: var(--color-black);--color-select-bg: var(--color-background-lvl-4-raw);--color-checkbox-bg: var(--color-background-lvl-5-raw);--color-checkbox-checked-color: var(--color-accent-raw);--color-radio-bg: var(--color-background-lvl-5-raw);--color-radio-checked-bg: var(--color-accent-raw);--color-switch-default-border: var(--color-juno-text-high-raw);--color-switch-handle-bg: var(--color-juno-text-high-raw);--color-switch-handle-checked-bg: var(--color-accent-raw);--color-switch-hover-border: var(--color-accent-raw);--color-required-bg: var(--color-accent-raw);--color-spinner-primary: var(--color-accent-raw);--color-syntax-highlight-base00: var(--color-codeblock-bg);--color-syntax-highlight-base01: var(--color-juno-grey-blue-3);--color-syntax-highlight-base02: #bbb;--color-syntax-highlight-base03: var(--color-sap-grey-3);--color-syntax-highlight-base04: var(--color-sap-grey-3);--color-syntax-highlight-base05: #dedfe0;--color-syntax-highlight-base06: red;--color-syntax-highlight-base07: #dedfe0;--color-syntax-highlight-base08: var(--color-juno-grey-blue-6);--color-syntax-highlight-base09: var(--color-juno-blue-4);--color-syntax-highlight-base0A: var(--color-juno-grey-blue-6);--color-syntax-highlight-base0B: var(--color-juno-blue-4);--color-syntax-highlight-base0C: var(--color-sap-gold);--color-syntax-highlight-base0D: var(--color-sap-gold);--color-syntax-highlight-base0E: var(--color-juno-blue-4);--color-syntax-highlight-base0F: var(--color-juno-blue-4);--color-datagridrow-selected: var(--color-accent-raw);--color-datalist-row-border: var(--color-background-lvl-1-raw);--color-datalistrow-selected: var(--color-accent-raw);--color-codeblock-bg: var(--color-background-lvl-2-raw);--color-codeblock-bar-border: var(--color-background-lvl-4-raw);--color-panel-bg: rgba(var(--color-juno-grey-blue-11-raw), .75);--color-tabnavigation-top-bg: var(--color-juno-grey-blue-8-raw);--color-tabnavigation-content-bottom-border: var(--color-background-lvl-4-raw);--color-filters-bg: var(--color-background-lvl-1-raw);--color-filter-input-bg: var(--color-background-lvl-0-raw);--color-filter-input-border: var(--color-background-lvl-4-raw);--color-filter-input-textinput-bg: transparent;--color-filter-pill-border: var(--color-background-lvl-4-raw);--color-filter-pill-key-bg: var(--color-background-lvl-4-raw);--color-modal-backdrop-bg: rgba(60, 70, 75, .6);--color-box-bg: var(--color-background-lvl-1);--color-box-border: var(--color-background-lvl-3);--color-sidenavigation-item-active: var(--color-white);--color-sidenavigation-item-active-bg: var(--color-background-lvl-0);--color-topnavigation-item-active: var(--color-white);--color-topnavigation-item-bg: var(--color-juno-grey-blue-7);--color-topnavigation-item-active-bg: var(--color-juno-grey-blue-5);--color-datepicker-calendar-bg: var(--color-background-lvl-1)}:root,:host{--grid-columns: 12;--grid-row-margin-x: -.5rem;--grid-column-flex-grow: 0;--grid-column-flex-shrink: 1;--grid-column-flex-basis: auto;--grid-column-default-width: 8.333333%}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:IBM Plex Sans,ui-sans-serif,Arial,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:IBM Plex Mono,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html,body,.juno-app-body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,ui-sans-serif,Arial,system-ui,sans-serif;font-size:1rem;line-height:1.5rem;height:100%}.theme-dark,.theme-light{--tw-bg-opacity: 1;background-color:rgba(var(--color-global-bg-raw),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--color-text-default-raw),var(--tw-text-opacity, 1))}a{--tw-text-opacity: 1;color:rgba(var(--color-text-link-raw),var(--tw-text-opacity, 1))}.jn-pointer-events-none{pointer-events:none}.jn-invisible{visibility:hidden}.jn-fixed{position:fixed}.jn-absolute{position:absolute}.jn-relative{position:relative}.jn-sticky{position:sticky}.jn-inset-0{top:0;right:0;bottom:0;left:0}.jn-inset-y-0{top:0;bottom:0}.jn-bottom-0{bottom:0}.jn-left-0{left:0}.jn-left-1\/2{left:50%}.jn-left-4{left:1rem}.jn-left-\[\.2rem\]{left:.2rem}.jn-left-\[0\.9375rem\]{left:.9375rem}.jn-left-\[1px\]{left:1px}.jn-right-0{right:0}.jn-right-2{right:.5rem}.jn-right-3{right:.75rem}.jn-right-5{right:1.25rem}.jn-right-6{right:1.5rem}.jn-right-\[1px\]{right:1px}.jn-right-\[2\.75rem\]{right:2.75rem}.jn-top-0{top:0}.jn-top-1{top:.25rem}.jn-top-1\.5{top:.375rem}.jn-top-1\/2{top:50%}.jn-top-2{top:.5rem}.jn-top-\[\.4rem\]{top:.4rem}.jn-top-\[1px\]{top:1px}.jn-z-10{z-index:10}.jn-z-20{z-index:20}.jn-z-50{z-index:50}.jn-z-\[9989\]{z-index:9989}.jn-z-\[9990\]{z-index:9990}.jn-m-auto{margin:auto}.jn-m-grid-row{margin:0 var(--grid-row-margin-x)}.jn-mx-4{margin-left:1rem;margin-right:1rem}.jn-my-2{margin-top:.5rem;margin-bottom:.5rem}.jn-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.jn-mb-1{margin-bottom:.25rem}.jn-mb-2{margin-bottom:.5rem}.jn-mb-4{margin-bottom:1rem}.jn-mb-6{margin-bottom:1.5rem}.jn-mb-8{margin-bottom:2rem}.jn-mb-px{margin-bottom:1px}.jn-me-1{margin-inline-end:.25rem}.jn-ml-1{margin-left:.25rem}.jn-ml-2{margin-left:.5rem}.jn-ml-3{margin-left:.75rem}.jn-ml-6{margin-left:1.5rem}.jn-ml-7{margin-left:1.75rem}.jn-ml-auto{margin-left:auto}.jn-mr-1{margin-right:.25rem}.jn-mr-1\.5{margin-right:.375rem}.jn-mr-2{margin-right:.5rem}.jn-mr-2\.5{margin-right:.625rem}.jn-mr-3{margin-right:.75rem}.jn-mr-4{margin-right:1rem}.jn-mr-6{margin-right:1.5rem}.jn-mr-auto{margin-right:auto}.jn-mt-0{margin-top:0}.jn-mt-1{margin-top:.25rem}.jn-mt-2{margin-top:.5rem}.jn-mt-\[-\.2rem\]{margin-top:-.2rem}.jn-mt-\[3\.875rem\]{margin-top:3.875rem}.jn-box-border{box-sizing:border-box}.jn-block{display:block}.jn-inline-block{display:inline-block}.jn-flex{display:flex}.jn-inline-flex{display:inline-flex}.jn-grid{display:grid}.jn-contents{display:contents}.jn-h-0\.5{height:.125rem}.jn-h-1{height:.25rem}.jn-h-16{height:4rem}.jn-h-24{height:6rem}.jn-h-3{height:.75rem}.jn-h-4{height:1rem}.jn-h-5{height:1.25rem}.jn-h-6{height:1.5rem}.jn-h-7{height:1.75rem}.jn-h-80{height:20rem}.jn-h-\[0\.75rem\]{height:.75rem}.jn-h-\[1\.4375rem\]{height:1.4375rem}.jn-h-\[1\.6875rem\]{height:1.6875rem}.jn-h-\[1\.875rem\]{height:1.875rem}.jn-h-\[150px\]{height:150px}.jn-h-\[2\.375rem\]{height:2.375rem}.jn-h-\[2\.625rem\]{height:2.625rem}.jn-h-\[2\.8125rem\]{height:2.8125rem}.jn-h-\[250px\]{height:250px}.jn-h-\[3\.4375rem\]{height:3.4375rem}.jn-h-full{height:100%}.jn-h-px{height:1px}.jn-h-switch-default{height:1.4375rem}.jn-h-switch-handle-default{height:1.1875rem}.jn-h-textinput{height:2.375rem}.jn-max-h-64{max-height:16rem}.jn-max-h-\[32rem\]{max-height:32rem}.jn-max-h-\[56rem\]{max-height:56rem}.jn-max-h-\[90\%\]{max-height:90%}.jn-min-h-\[2\.5rem\]{min-height:2.5rem}.jn-min-h-\[3\.25rem\]{min-height:3.25rem}.jn-min-h-\[5rem\]{min-height:5rem}.jn-min-h-\[7\.5rem\]{min-height:7.5rem}.jn-min-h-\[8rem\]{min-height:8rem}.jn-w-1{width:.25rem}.jn-w-2{width:.5rem}.jn-w-3{width:.75rem}.jn-w-4{width:1rem}.jn-w-5{width:1.25rem}.jn-w-6{width:1.5rem}.jn-w-\[0\.75rem\]{width:.75rem}.jn-w-\[1\.4375rem\]{width:1.4375rem}.jn-w-\[1\.75rem\]{width:1.75rem}.jn-w-\[3\.125rem\]{width:3.125rem}.jn-w-\[33\.625rem\]{width:33.625rem}.jn-w-\[40rem\]{width:40rem}.jn-w-\[4px\]{width:4px}.jn-w-\[75\%\]{width:75%}.jn-w-\[90\%\]{width:90%}.jn-w-auto{width:auto}.jn-w-full{width:100%}.jn-w-grid-col-1{width:8.333333%}.jn-w-grid-col-10{width:83.333333%}.jn-w-grid-col-11{width:91.666667%}.jn-w-grid-col-12{width:100%}.jn-w-grid-col-2{width:16.666667%}.jn-w-grid-col-3{width:25%}.jn-w-grid-col-4{width:33.333333%}.jn-w-grid-col-5{width:41.666667%}.jn-w-grid-col-6{width:50%}.jn-w-grid-col-7{width:58.333333%}.jn-w-grid-col-8{width:66.666667%}.jn-w-grid-col-9{width:75%}.jn-w-grid-column-default{width:var(--grid-column-default-width)}.jn-w-switch-default{width:2.625rem}.jn-w-switch-handle-default{width:1.1875rem}.jn-min-w-\[7\.5rem\]{min-width:7.5rem}.jn-max-w-\[20rem\]{max-width:20rem}.jn-max-w-full{max-width:100%}.jn-max-w-xs{max-width:20rem}.jn-flex-grid-column{flex:var(--grid-column-flex-grow) var(--grid-column-flex-shrink) var(--grid-column-flex-basis)}.jn-shrink{flex-shrink:1}.jn-shrink-0{flex-shrink:0}.jn-grow{flex-grow:1}.jn-grow-0{flex-grow:0}.jn-basis-auto{flex-basis:auto}.jn-origin-top-left{transform-origin:top left}.-jn-translate-y-\[0\.4375rem\]{--tw-translate-y: -.4375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.jn-translate-x-\[-0\.75rem\]{--tw-translate-x: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.jn-translate-x-\[100\%\]{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.jn-translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.jn-scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.jn-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes jn-spin{to{transform:rotate(360deg)}}.jn-animate-spin{animation:jn-spin 1s linear infinite}.jn-cursor-default{cursor:default}.jn-cursor-not-allowed{cursor:not-allowed}.jn-cursor-pointer{cursor:pointer}.jn-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.jn-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.jn-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.jn-grid-cols-\[1fr\,minmax\(0\,max-content\)\]{grid-template-columns:1fr minmax(0,max-content)}.jn-grid-cols-\[minmax\(0\,max-content\)\,1fr\]{grid-template-columns:minmax(0,max-content) 1fr}.jn-grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.jn-flex-row{flex-direction:row}.jn-flex-col{flex-direction:column}.jn-flex-wrap{flex-wrap:wrap}.jn-flex-nowrap{flex-wrap:nowrap}.jn-items-start{align-items:flex-start}.jn-items-end{align-items:flex-end}.jn-items-center{align-items:center}.jn-items-baseline{align-items:baseline}.jn-items-stretch{align-items:stretch}.jn-justify-start{justify-content:flex-start}.jn-justify-end{justify-content:flex-end}.jn-justify-center{justify-content:center}.jn-justify-between{justify-content:space-between}.jn-justify-around{justify-content:space-around}.jn-justify-evenly{justify-content:space-evenly}.jn-gap-0{gap:0px}.jn-gap-0\.5{gap:.125rem}.jn-gap-1{gap:.25rem}.jn-gap-1\.5{gap:.375rem}.jn-gap-10{gap:2.5rem}.jn-gap-11{gap:2.75rem}.jn-gap-12{gap:3rem}.jn-gap-14{gap:3.5rem}.jn-gap-16{gap:4rem}.jn-gap-2{gap:.5rem}.jn-gap-2\.5{gap:.625rem}.jn-gap-20{gap:5rem}.jn-gap-24{gap:6rem}.jn-gap-28{gap:7rem}.jn-gap-3{gap:.75rem}.jn-gap-3\.5{gap:.875rem}.jn-gap-32{gap:8rem}.jn-gap-36{gap:9rem}.jn-gap-4{gap:1rem}.jn-gap-40{gap:10rem}.jn-gap-44{gap:11rem}.jn-gap-48{gap:12rem}.jn-gap-5{gap:1.25rem}.jn-gap-52{gap:13rem}.jn-gap-56{gap:14rem}.jn-gap-6{gap:1.5rem}.jn-gap-60{gap:15rem}.jn-gap-64{gap:16rem}.jn-gap-7{gap:1.75rem}.jn-gap-72{gap:18rem}.jn-gap-8{gap:2rem}.jn-gap-80{gap:20rem}.jn-gap-9{gap:2.25rem}.jn-gap-96{gap:24rem}.jn-gap-\[0\.375rem\]{gap:.375rem}.jn-gap-px{gap:1px}.jn-self-stretch{align-self:stretch}.jn-justify-self-end{justify-self:end}.jn-overflow-auto{overflow:auto}.jn-overflow-hidden{overflow:hidden}.jn-overflow-x-auto{overflow-x:auto}.jn-overflow-y-auto{overflow-y:auto}.jn-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jn-text-ellipsis{text-overflow:ellipsis}.jn-whitespace-nowrap{white-space:nowrap}.jn-whitespace-pre-wrap{white-space:pre-wrap}.jn-break-words{overflow-wrap:break-word}.jn-break-all{word-break:break-all}.jn-rounded{border-radius:.25rem}.jn-rounded-3px{border-radius:3px}.jn-rounded-full{border-radius:9999px}.jn-rounded-lg{border-radius:.5rem}.jn-rounded-sm{border-radius:.125rem}.jn-rounded-xl{border-radius:.75rem}.jn-rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.jn-rounded-br{border-bottom-right-radius:.25rem}.jn-rounded-tr{border-top-right-radius:.25rem}.jn-border{border-width:1px}.jn-border-y-\[1px\]{border-top-width:1px;border-bottom-width:1px}.jn-border-b,.jn-border-b-\[1px\]{border-bottom-width:1px}.jn-border-b-\[3px\]{border-bottom-width:3px}.jn-border-l-0{border-left-width:0}.jn-border-l-4{border-left-width:4px}.jn-border-r-\[1px\]{border-right-width:1px}.jn-border-t,.jn-border-t-\[1px\]{border-top-width:1px}.jn-border-juno-blue-7{--tw-border-opacity: 1;border-color:rgba(var(--color-juno-blue-7-raw),var(--tw-border-opacity, 1))}.jn-border-theme-background-lvl-0{--tw-border-opacity: 1;border-color:rgba(var(--color-background-lvl-0-raw),var(--tw-border-opacity, 1))}.jn-border-theme-background-lvl-2{--tw-border-opacity: 1;border-color:rgba(var(--color-background-lvl-2-raw),var(--tw-border-opacity, 1))}.jn-border-theme-background-lvl-3{--tw-border-opacity: 1;border-color:rgba(var(--color-background-lvl-3-raw),var(--tw-border-opacity, 1))}.jn-border-theme-background-lvl-4{--tw-border-opacity: 1;border-color:rgba(var(--color-background-lvl-4-raw),var(--tw-border-opacity, 1))}.jn-border-theme-box-default{border-color:var(--color-box-border)}.jn-border-theme-codeblock-bar{--tw-border-opacity: 1;border-color:rgba(var(--color-codeblock-bar-border),var(--tw-border-opacity, 1))}.jn-border-theme-default{--tw-border-opacity: 1;border-color:rgba(var(--color-default-border),var(--tw-border-opacity, 1))}.jn-border-theme-error{--tw-border-opacity: 1;border-color:rgba(var(--color-error-raw),var(--tw-border-opacity, 1))}.jn-border-theme-introbox{--tw-border-opacity: 1;border-color:rgba(var(--color-introbox-border),var(--tw-border-opacity, 1))}.jn-border-theme-message-danger{--tw-border-opacity: 1;border-color:rgba(var(--color-message-danger-border),var(--tw-border-opacity, 1))}.jn-border-theme-message-default{--tw-border-opacity: 1;border-color:rgba(var(--color-message-default-border),var(--tw-border-opacity, 1))}.jn-border-theme-message-error{--tw-border-opacity: 1;border-color:rgba(var(--color-message-error-border),var(--tw-border-opacity, 1))}.jn-border-theme-message-success{--tw-border-opacity: 1;border-color:rgba(var(--color-message-success-border),var(--tw-border-opacity, 1))}.jn-border-theme-message-warning{--tw-border-opacity: 1;border-color:rgba(var(--color-message-warning-border),var(--tw-border-opacity, 1))}.jn-border-theme-success{--tw-border-opacity: 1;border-color:rgba(var(--color-success-raw),var(--tw-border-opacity, 1))}.jn-border-theme-switch-default{--tw-border-opacity: 1;border-color:rgba(var(--color-switch-default-border),var(--tw-border-opacity, 1))}.jn-border-theme-tab-active-bottom{--tw-border-opacity: 1;border-color:rgba(var(--color-text-default-raw),var(--tw-border-opacity, 1))}.jn-border-theme-tab-content-inactive-bottom{--tw-border-opacity: 1;border-color:rgba(var(--color-background-lvl-4-raw),var(--tw-border-opacity, 1))}.jn-border-theme-tab-navigation-content-bottom{--tw-border-opacity: 1;border-color:rgba(var(--color-tabnavigation-content-bottom-border),var(--tw-border-opacity, 1))}.jn-border-theme-textinput-default{--tw-border-opacity: 1;border-color:rgba(var(--color-textinput-default-border),var(--tw-border-opacity, 1))}.jn-border-transparent{border-color:transparent}.jn-border-t-theme-background-lvl-2{--tw-border-opacity: 1;border-top-color:rgba(var(--color-background-lvl-2-raw),var(--tw-border-opacity, 1))}.jn-bg-black{--tw-bg-opacity: 1;background-color:rgba(var(--color-black-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-blue{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-blue-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-blue-1{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-blue-1-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-blue-10{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-blue-10-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-blue-2{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-blue-2-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-blue-3{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-blue-3-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-blue-4{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-blue-4-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-blue-5{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-blue-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-blue-6{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-blue-6-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-blue-7{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-blue-7-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-blue-8{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-blue-8-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-blue-9{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-blue-9-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-11-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue-1{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-1-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue-10{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-10-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue-11{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-11-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue-2{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-2-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue-3{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-3-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue-4{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-4-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue-5{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue-6{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-6-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue-7{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-7-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue-8{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-8-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-blue-9{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-blue-9-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-light,.jn-bg-juno-grey-light-1{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-light-1-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-light-10{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-light-10-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-light-11{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-light-11-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-light-2{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-light-2-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-light-3{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-light-3-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-light-4{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-light-4-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-light-5{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-light-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-light-6{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-light-6-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-light-7{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-light-7-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-light-8{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-light-8-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-grey-light-9{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-grey-light-9-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-red{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-red-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-red-1{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-red-1-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-red-2{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-red-2-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-red-3{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-red-3-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-red-4{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-red-4-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-red-5{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-red-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-red-6{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-red-6-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-red-7{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-red-7-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-red-8{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-red-8-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-turquoise{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-turquoise-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-turquoise-1{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-turquoise-1-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-turquoise-10{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-turquoise-10-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-turquoise-2{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-turquoise-2-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-turquoise-3{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-turquoise-3-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-turquoise-4{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-turquoise-4-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-turquoise-5{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-turquoise-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-turquoise-6{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-turquoise-6-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-turquoise-7{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-turquoise-7-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-turquoise-8{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-turquoise-8-raw),var(--tw-bg-opacity, 1))}.jn-bg-juno-turquoise-9{--tw-bg-opacity: 1;background-color:rgba(var(--color-juno-turquoise-9-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-blue{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-blue-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-blue-1{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-blue-1-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-blue-2{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-blue-2-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-blue-3{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-blue-3-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-blue-4{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-blue-4-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-blue-5{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-blue-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-blue-6{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-blue-6-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-gold{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-gold-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-green{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-green-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-green-1{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-green-1-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-green-2{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-green-2-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-green-3{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-green-3-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-green-4{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-green-4-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-green-5{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-green-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-green-6{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-green-6-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-grey{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-grey-8-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-grey-1{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-grey-1-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-grey-2{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-grey-2-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-grey-3{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-grey-3-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-grey-4{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-grey-4-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-grey-5{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-grey-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-grey-6{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-grey-6-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-grey-7{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-grey-7-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-grey-8{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-grey-8-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-purple{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-purple-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-purple-1{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-purple-1-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-purple-2{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-purple-2-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-purple-3{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-purple-3-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-purple-4{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-purple-4-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-purple-5{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-purple-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-sap-purple-6{--tw-bg-opacity: 1;background-color:rgba(var(--color-sap-purple-6-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-accent{--tw-bg-opacity: 1;background-color:rgba(var(--color-accent-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-background-lvl-0{--tw-bg-opacity: 1;background-color:rgba(var(--color-background-lvl-0-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-background-lvl-1{--tw-bg-opacity: 1;background-color:rgba(var(--color-background-lvl-1-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-background-lvl-2{--tw-bg-opacity: 1;background-color:rgba(var(--color-background-lvl-2-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-background-lvl-2\/30{background-color:rgba(var(--color-background-lvl-2-raw),.3)}.jn-bg-theme-background-lvl-3{--tw-bg-opacity: 1;background-color:rgba(var(--color-background-lvl-3-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-background-lvl-4{--tw-bg-opacity: 1;background-color:rgba(var(--color-background-lvl-4-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-background-lvl-5{--tw-bg-opacity: 1;background-color:rgba(var(--color-background-lvl-5-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-badge-default{background-color:var(--color-badge-default-bg)}.jn-bg-theme-box-default{background-color:var(--color-box-bg)}.jn-bg-theme-checkbox{--tw-bg-opacity: 1;background-color:rgba(var(--color-checkbox-bg),var(--tw-bg-opacity, 1))}.jn-bg-theme-code-block{--tw-bg-opacity: 1;background-color:rgba(var(--color-codeblock-bg),var(--tw-bg-opacity, 1))}.jn-bg-theme-content-area-bg{--tw-bg-opacity: 1;background-color:rgba(var(--color-content-area-bg-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-danger{--tw-bg-opacity: 1;background-color:rgba(var(--color-danger-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-danger\/25{background-color:rgba(var(--color-danger-raw),.25)}.jn-bg-theme-datagridrow-selected{--tw-bg-opacity: 1;background-color:rgba(var(--color-datagridrow-selected),var(--tw-bg-opacity, 1))}.jn-bg-theme-error{--tw-bg-opacity: 1;background-color:rgba(var(--color-error-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-error\/25{background-color:rgba(var(--color-error-raw),.25)}.jn-bg-theme-focus{--tw-bg-opacity: 1;background-color:rgba(var(--color-focus-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-global-bg{--tw-bg-opacity: 1;background-color:rgba(var(--color-global-bg-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-info{--tw-bg-opacity: 1;background-color:rgba(var(--color-info-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-info\/25{background-color:rgba(var(--color-info-raw),.25)}.jn-bg-theme-introbox{--tw-bg-opacity: 1;background-color:rgba(var(--color-introbox-bg),var(--tw-bg-opacity, 1))}.jn-bg-theme-modal-backdrop{background-color:var(--color-modal-backdrop-bg)}.jn-bg-theme-panel{background-color:var(--color-panel-bg)}.jn-bg-theme-radio{--tw-bg-opacity: 1;background-color:rgba(var(--color-radio-bg),var(--tw-bg-opacity, 1))}.jn-bg-theme-radio-checked{--tw-bg-opacity: 1;background-color:rgba(var(--color-radio-checked-bg),var(--tw-bg-opacity, 1))}.jn-bg-theme-required{--tw-bg-opacity: 1;background-color:rgba(var(--color-required-bg),var(--tw-bg-opacity, 1))}.jn-bg-theme-select{--tw-bg-opacity: 1;background-color:rgba(var(--color-select-bg),var(--tw-bg-opacity, 1))}.jn-bg-theme-sidenavigation-item-active{background-color:var(--color-sidenavigation-item-active-bg)}.jn-bg-theme-success{--tw-bg-opacity: 1;background-color:rgba(var(--color-success-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-success\/25{background-color:rgba(var(--color-success-raw),.25)}.jn-bg-theme-switch-handle{--tw-bg-opacity: 1;background-color:rgba(var(--color-switch-handle-bg),var(--tw-bg-opacity, 1))}.jn-bg-theme-switch-handle-checked{--tw-bg-opacity: 1;background-color:rgba(var(--color-switch-handle-checked-bg),var(--tw-bg-opacity, 1))}.jn-bg-theme-tab-navigation-top{--tw-bg-opacity: 1;background-color:rgba(var(--color-tabnavigation-top-bg),var(--tw-bg-opacity, 1))}.jn-bg-theme-textinput{--tw-bg-opacity: 1;background-color:rgba(var(--color-textinput-bg),var(--tw-bg-opacity, 1))}.jn-bg-theme-topnavigation-item{background-color:var(--color-topnavigation-item-bg)}.jn-bg-theme-topnavigation-item-active{background-color:var(--color-topnavigation-item-active-bg)}.jn-bg-theme-warning{--tw-bg-opacity: 1;background-color:rgba(var(--color-warning-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-warning\/25{background-color:rgba(var(--color-warning-raw),.25)}.jn-bg-transparent{background-color:transparent}.jn-bg-white{--tw-bg-opacity: 1;background-color:rgba(var(--color-white-raw),var(--tw-bg-opacity, 1))}.jn-bg-theme-message-danger{background-image:var(--gradient-message-danger-bg)}.jn-bg-theme-message-default{background-image:var(--gradient-message-default-bg)}.jn-bg-theme-message-error{background-image:var(--gradient-message-error-bg)}.jn-bg-theme-message-success{background-image:var(--gradient-message-success-bg)}.jn-bg-theme-message-warning{background-image:var(--gradient-message-warning-bg)}.jn-bg-\[right_top_1rem\]{background-position:right top 1rem}.jn-bg-\[top_0\.375rem_right_1rem\]{background-position:top .375rem right 1rem}.jn-bg-right{background-position:right}.jn-bg-right-top{background-position:right top}.jn-bg-no-repeat{background-repeat:no-repeat}.jn-fill-current{fill:currentColor}.jn-p-0{padding:0}.jn-p-2{padding:.5rem}.jn-p-3{padding:.75rem}.jn-p-4{padding:1rem}.jn-p-6{padding:1.5rem}.jn-p-grid-column{padding:0 .5rem}.jn-p-px{padding:1px}.jn-px-1{padding-left:.25rem;padding-right:.25rem}.jn-px-2{padding-left:.5rem;padding-right:.5rem}.jn-px-3{padding-left:.75rem;padding-right:.75rem}.jn-px-4{padding-left:1rem;padding-right:1rem}.jn-px-5{padding-left:1.25rem;padding-right:1.25rem}.jn-px-6{padding-left:1.5rem;padding-right:1.5rem}.jn-px-8{padding-left:2rem;padding-right:2rem}.jn-px-\[0\.4375rem\]{padding-left:.4375rem;padding-right:.4375rem}.jn-px-\[0\.5625rem\]{padding-left:.5625rem;padding-right:.5625rem}.jn-px-\[0\.5rem\]{padding-left:.5rem;padding-right:.5rem}.jn-px-\[0\.625rem\]{padding-left:.625rem;padding-right:.625rem}.jn-px-\[0\.875rem\]{padding-left:.875rem;padding-right:.875rem}.jn-px-\[1\.5625rem\]{padding-left:1.5625rem;padding-right:1.5625rem}.jn-px-\[1\.9rem\]{padding-left:1.9rem;padding-right:1.9rem}.jn-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.jn-py-1{padding-top:.25rem;padding-bottom:.25rem}.jn-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.jn-py-2{padding-top:.5rem;padding-bottom:.5rem}.jn-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.jn-py-3{padding-top:.75rem;padding-bottom:.75rem}.jn-py-4{padding-top:1rem;padding-bottom:1rem}.jn-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.jn-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.jn-py-\[0\.25rem\]{padding-top:.25rem;padding-bottom:.25rem}.jn-py-\[0\.3125rem\]{padding-top:.3125rem;padding-bottom:.3125rem}.jn-py-\[0\.375rem\]{padding-top:.375rem;padding-bottom:.375rem}.jn-py-\[0\.4375rem\]{padding-top:.4375rem;padding-bottom:.4375rem}.jn-py-\[0\.875rem\]{padding-top:.875rem;padding-bottom:.875rem}.jn-pb-1{padding-bottom:.25rem}.jn-pb-12{padding-bottom:3rem}.jn-pb-2,.jn-pb-\[0\.5rem\]{padding-bottom:.5rem}.jn-pl-3{padding-left:.75rem}.jn-pl-3\.5{padding-left:.875rem}.jn-pl-4{padding-left:1rem}.jn-pl-6{padding-left:1.5rem}.jn-pl-\[2\.375rem\]{padding-left:2.375rem}.jn-pr-16{padding-right:4rem}.jn-pr-2\.5{padding-right:.625rem}.jn-pr-20{padding-right:5rem}.jn-pr-24{padding-right:6rem}.jn-pr-4{padding-right:1rem}.jn-pr-56{padding-right:14rem}.jn-pr-9{padding-right:2.25rem}.jn-pr-\[0\.875rem\]{padding-right:.875rem}.jn-pr-\[3\.75rem\]{padding-right:3.75rem}.jn-pt-\[0\.4rem\]{padding-top:.4rem}.jn-pt-\[0\.6875rem\]{padding-top:.6875rem}.jn-pt-\[1\.125rem\]{padding-top:1.125rem}.jn-text-left{text-align:left}.jn-text-center{text-align:center}.jn-align-top{vertical-align:top}.jn-font-mono{font-family:IBM Plex Mono,ui-monospace,monospace}.jn-text-2xl{font-size:1.5rem;line-height:2rem}.jn-text-6xl{font-size:3.75rem;line-height:1}.jn-text-base{font-size:1rem;line-height:1.5rem}.jn-text-lg{font-size:1.125rem;line-height:1.75rem}.jn-text-sm{font-size:.875rem;line-height:1.25rem}.jn-text-xl{font-size:1.25rem;line-height:1.75rem}.jn-text-xs{font-size:.75rem;line-height:1rem}.jn-font-bold{font-weight:700}.jn-font-extrabold{font-weight:800}.jn-font-semibold{font-weight:600}.jn-leading-4{line-height:1rem}.jn-leading-5{line-height:1.25rem}.jn-leading-6{line-height:1.5rem}.jn-leading-none{line-height:1}.jn-text-current{color:currentColor}.jn-text-juno-grey-blue{--tw-text-opacity: 1;color:rgba(var(--color-juno-grey-blue-11-raw),var(--tw-text-opacity, 1))}.jn-text-theme-accent{--tw-text-opacity: 1;color:rgba(var(--color-accent-raw),var(--tw-text-opacity, 1))}.jn-text-theme-checkbox-checked{--tw-text-opacity: 1;color:rgba(var(--color-checkbox-checked-color),var(--tw-text-opacity, 1))}.jn-text-theme-danger{--tw-text-opacity: 1;color:rgba(var(--color-danger-raw),var(--tw-text-opacity, 1))}.jn-text-theme-default{--tw-text-opacity: 1;color:rgba(var(--color-text-default-raw),var(--tw-text-opacity, 1))}.jn-text-theme-disabled{--tw-text-opacity: 1;color:rgba(var(--color-text-disabled-raw),var(--tw-text-opacity, 1))}.jn-text-theme-error{--tw-text-opacity: 1;color:rgba(var(--color-error-raw),var(--tw-text-opacity, 1))}.jn-text-theme-high{--tw-text-opacity: 1;color:rgba(var(--color-text-high-raw),var(--tw-text-opacity, 1))}.jn-text-theme-highest{--tw-text-opacity: 1;color:rgba(var(--color-text-highest-raw),var(--tw-text-opacity, 1))}.jn-text-theme-info{--tw-text-opacity: 1;color:rgba(var(--color-info-raw),var(--tw-text-opacity, 1))}.jn-text-theme-light{--tw-text-opacity: 1;color:rgba(var(--color-text-light-raw),var(--tw-text-opacity, 1))}.jn-text-theme-link{--tw-text-opacity: 1;color:rgba(var(--color-text-link-raw),var(--tw-text-opacity, 1))}.jn-text-theme-on-default{--tw-text-opacity: 1;color:rgba(var(--color-button-default-text),var(--tw-text-opacity, 1))}.jn-text-theme-sidenavigation-item-active{color:var(--color-sidenavigation-item-active)}.jn-text-theme-success{--tw-text-opacity: 1;color:rgba(var(--color-success-raw),var(--tw-text-opacity, 1))}.jn-text-theme-textinput{--tw-text-opacity: 1;color:rgba(var(--color-textinput-text),var(--tw-text-opacity, 1))}.jn-text-theme-warning{--tw-text-opacity: 1;color:rgba(var(--color-warning-raw),var(--tw-text-opacity, 1))}.jn-text-white{--tw-text-opacity: 1;color:rgba(var(--color-white-raw),var(--tw-text-opacity, 1))}.jn-opacity-0{opacity:0}.jn-opacity-25{opacity:.25}.jn-opacity-50{opacity:.5}.jn-opacity-75{opacity:.75}.jn-shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.jn-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.jn-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.jn-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.jn-outline-none{outline:2px solid transparent;outline-offset:2px}.jn-ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.jn-ring-theme-focus{--tw-ring-opacity: 1;--tw-ring-color: rgba(var(--color-focus-raw), var(--tw-ring-opacity, 1))}.jn-contrast-100{--tw-contrast: contrast(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.jn-drop-shadow-\[0_0_4px_rgba\(0\,0\,0\,0\.15\)\]{--tw-drop-shadow: drop-shadow(0 0 4px rgba(0,0,0,.15));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.jn-backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.jn-backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.jn-backdrop-blur-\[4px\]{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.jn-backdrop-saturate-150{--tw-backdrop-saturate: saturate(1.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.jn-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.jn-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.jn-duration-100{transition-duration:.1s}.jn-duration-300{transition-duration:.3s}.jn-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.jn-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width: 1536px){.\32xl\:jn-container{width:100%}@media (min-width: 640px){.\32xl\:jn-container{max-width:640px}}@media (min-width: 768px){.\32xl\:jn-container{max-width:768px}}@media (min-width: 1024px){.\32xl\:jn-container{max-width:1024px}}@media (min-width: 1280px){.\32xl\:jn-container{max-width:1280px}}.\32xl\:jn-container{max-width:1536px}@media (min-width: 1856px){.\32xl\:jn-container{max-width:1856px}}}@media (min-width: 1856px){.\33xl\:jn-container{width:100%}@media (min-width: 640px){.\33xl\:jn-container{max-width:640px}}@media (min-width: 768px){.\33xl\:jn-container{max-width:768px}}@media (min-width: 1024px){.\33xl\:jn-container{max-width:1024px}}@media (min-width: 1280px){.\33xl\:jn-container{max-width:1280px}}@media (min-width: 1536px){.\33xl\:jn-container{max-width:1536px}}.\33xl\:jn-container{max-width:1856px}}.last\:jn-mb-0:last-child{margin-bottom:0}.last\:jn-border-b-0:last-child{border-bottom-width:0}.autofill\:jn-bg-theme-textinput-autofill:-webkit-autofill{--tw-bg-opacity: 1;background-color:rgba(var(--color-textinput-autofill-bg),var(--tw-bg-opacity, 1))}.autofill\:jn-bg-theme-textinput-autofill:autofill{--tw-bg-opacity: 1;background-color:rgba(var(--color-textinput-autofill-bg),var(--tw-bg-opacity, 1))}.autofill\:jn-text-theme-textinput-autofill:-webkit-autofill{--tw-text-opacity: 1;color:rgba(var(--color-textinput-autofill-text),var(--tw-text-opacity, 1))}.autofill\:jn-text-theme-textinput-autofill:autofill{--tw-text-opacity: 1;color:rgba(var(--color-textinput-autofill-text),var(--tw-text-opacity, 1))}.hover\:jn-bg-theme-background-lvl-3:hover{--tw-bg-opacity: 1;background-color:rgba(var(--color-background-lvl-3-raw),var(--tw-bg-opacity, 1))}.hover\:jn-bg-theme-topnavigation-item-active:hover{background-color:var(--color-topnavigation-item-active-bg)}.hover\:jn-text-theme-accent:hover{--tw-text-opacity: 1;color:rgba(var(--color-accent-raw),var(--tw-text-opacity, 1))}.hover\:jn-text-theme-high:hover{--tw-text-opacity: 1;color:rgba(var(--color-text-high-raw),var(--tw-text-opacity, 1))}.hover\:jn-opacity-100:hover{opacity:1}.focus\:jn-rounded-full:focus{border-radius:9999px}.focus\:jn-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:jn-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:jn-ring-theme-focus:focus{--tw-ring-opacity: 1;--tw-ring-color: rgba(var(--color-focus-raw), var(--tw-ring-opacity, 1))}.focus-visible\:jn-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:jn-ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:jn-ring-theme-focus:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgba(var(--color-focus-raw), var(--tw-ring-opacity, 1))}.focus-visible\:jn-ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.focus-visible\:jn-ring-offset-theme-focus:focus-visible{--tw-ring-offset-color: rgb(var(--color-global-bg-raw))}.active\:jn-bg-theme-background-lvl-4:active{--tw-bg-opacity: 1;background-color:rgba(var(--color-background-lvl-4-raw),var(--tw-bg-opacity, 1))}.active\:jn-bg-theme-topnavigation-item-active:active{background-color:var(--color-topnavigation-item-active-bg)}.active\:jn-text-theme-accent:active{--tw-text-opacity: 1;color:rgba(var(--color-accent-raw),var(--tw-text-opacity, 1))}.active\:jn-text-theme-high:active{--tw-text-opacity: 1;color:rgba(var(--color-text-high-raw),var(--tw-text-opacity, 1))}.disabled\:jn-pointer-events-none:disabled{pointer-events:none}.disabled\:jn-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:jn-opacity-50:disabled{opacity:.5}.jn-group:hover .group-hover\:jn-text-theme-highest{--tw-text-opacity: 1;color:rgba(var(--color-text-highest-raw),var(--tw-text-opacity, 1))}.jn-peer:-webkit-autofill~.peer-autofill\:jn-text-theme-textinput-autofill-label{--tw-text-opacity: 1;color:rgba(var(--color-textinput-autofill-label),var(--tw-text-opacity, 1))}.jn-peer:autofill~.peer-autofill\:jn-text-theme-textinput-autofill-label{--tw-text-opacity: 1;color:rgba(var(--color-textinput-autofill-label),var(--tw-text-opacity, 1))}.data-\[headlessui-state\=\"disabled\"\]\:jn-cursor-not-allowed[data-headlessui-state=disabled]{cursor:not-allowed}.data-\[headlessui-state\=\"disabled\"\]\:jn-bg-theme-background-lvl-3[data-headlessui-state=disabled],.data-\[headlessui-state\=active\]\:jn-bg-theme-background-lvl-3[data-headlessui-state=active]{--tw-bg-opacity: 1;background-color:rgba(var(--color-background-lvl-3-raw),var(--tw-bg-opacity, 1))}.data-\[headlessui-state\=active\]\:jn-outline-none[data-headlessui-state=active]{outline:2px solid transparent;outline-offset:2px}.data-\[headlessui-state\=active\]\:jn-ring-2[data-headlessui-state=active]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.data-\[headlessui-state\=active\]\:jn-ring-inset[data-headlessui-state=active]{--tw-ring-inset: inset}.data-\[headlessui-state\=active\]\:jn-ring-theme-focus[data-headlessui-state=active]{--tw-ring-opacity: 1;--tw-ring-color: rgba(var(--color-focus-raw), var(--tw-ring-opacity, 1))}@media (min-width: 768px){.md\:jn-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:jn-w-\[55\%\]{width:55%}.xl\:jn-w-\[80\%\]{width:80%}.xl\:jn-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1536px){.\32xl\:jn-mx-auto{margin-left:auto;margin-right:auto}.\32xl\:jn-w-\[1228px\]{width:1228px}.\32xl\:jn-w-\[844px\]{width:844px}}@media (min-width: 1856px){.\33xl\:jn-mx-auto{margin-left:auto;margin-right:auto}}.\[\&\>\*\]\:jn-h-7>*{height:1.75rem}.\[\&\>\*\]\:jn-w-min>*{width:-moz-min-content;width:min-content}.\[\&\>\*\]\:jn-max-w-xs>*{max-width:20rem}.\[\&\>\*\]\:jn-object-contain>*{-o-object-fit:contain;object-fit:contain}.juno-textinput:-webkit-autofill+.juno-label{color:var(--color-textinput-autofill-label)}.juno-textinput:autofill+.juno-label{color:var(--color-textinput-autofill-label)}.juno-select-toggle-default{background-color:var(--color-button-default-bg);color:var(--color-button-default-text)}.juno-select-toggle-default:not(.juno-select-valid,.juno-select-invalid){border:1px solid var(--color-button-default-bg)}.juno-select-toggle-default:hover{background-color:var(--color-button-default-hover-bg);color:var(--color-button-default-hover-text)}.juno-select-toggle-default:active{background-color:var(--color-button-default-active-bg);border-color:var(--color-button-default-active-border);color:var(--color-button-default-active-text)}.juno-select-toggle-primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.juno-select-toggle-primary:not(.juno-select-valid,.juno-select-invalid){border:1px solid var(--color-button-primary-bg)}.juno-select-toggle-primary:hover{background-color:var(--color-button-primary-hover-bg);color:var(--color-button-primary-hover-text)}.juno-select-toggle-primary:active{background-color:var(--color-button-primary-active-bg);color:var(--color-button-primary-active-text)}.juno-select-toggle-primary-danger{background-color:var(--color-button-primary-danger-bg);color:var(--color-button-primary-danger-text)}.juno-select-toggle-primary-danger:not(.juno-select-valid,.juno-select-invalid){border:1px solid var(--color-button-primary-danger-bg)}.juno-select-toggle-primary-danger:hover{background-color:var(--color-button-primary-danger-hover-bg);color:var(--color-button-primary-danger-hover-text)}.juno-select-toggle-primary-danger:active{background-color:var(--color-button-primary-danger-active-bg);color:var(--color-button-primary-danger-active-text)}.juno-select-toggle-subdued{background-color:var(--color-button-subdued-bg);color:var(--color-button-subdued-text)}.juno-select-toggle-subdued:not(.juno-select-valid,.juno-select-invalid){border:1px solid var(--color-button-subdued-border)}.juno-select-toggle-subdued:hover{background-color:var(--color-button-subdued-hover-bg);border-color:var(--color-button-subdued-hover-border);color:var(--color-button-subdued-hover-text)}.juno-select-toggle-subdued:active{background-color:var(--color-button-subdued-active-bg);border-color:var(--color-button-subdued-active-border);color:var(--color-button-subdued-active-text)}

package/build/types/src/components/AppBody/AppBody.component.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+/**
+ * Only needed if you want to build your app's scaffold manually. In most cases it is better to use the AppShell component instead.
+ * Body of the app. Treat this like the body tag of an html page.
+ */
+export declare const AppBody: React.FC<AppBodyProps>;
+export interface AppBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Add custom class name */
+    className?: string;
+    /** Pass children nodes */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=AppBody.component.d.ts.map

package/build/types/src/components/AppBody/AppBody.component.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AppBody.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBody/AppBody.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAM1C,CAAA;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

package/build/types/src/components/AppBody/AppBody.stories.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { AppBodyProps } from './AppBody.component.tsx';
+declare const _default: {
+    title: string;
+    component: React.FC<AppBodyProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Body: {
+    render: (args: AppBodyProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {};
+};
+//# sourceMappingURL=AppBody.stories.d.ts.map

package/build/types/src/components/AppBody/AppBody.stories.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AppBody.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBody/AppBody.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;;;;;;;;;;AAEtD,wBAQC;AAID,eAAO,MAAM,IAAI;mBAFO,YAAY;;;;;;;;;CAenC,CAAA"}

package/build/types/src/components/AppBody/AppBody.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=AppBody.test.d.ts.map

package/build/types/src/components/AppBody/AppBody.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AppBody.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBody/AppBody.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/AppBody/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { AppBody } from './AppBody.component';
2	+ //# sourceMappingURL=index.d.ts.map

package/build/types/src/components/AppBody/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBody/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA"}

package/build/types/src/components/AppShell/AppShell.component.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+/**
+ * Body of the app. Treat this like the body tag of an html page.
+ */
+export declare const AppShell: React.FC<AppShellProps>;
+export interface AppShellProps extends React.HTMLAttributes<HTMLElement> {
+    /** The main content of the app. */
+    children?: React.ReactNode;
+    /** Pass either the `<PageHeader>` component or if you don't need to add any content to the page header pass a string to be used as the app name in the standard page header. */
+    pageHeader?: string | React.ReactNode;
+    /** Optional. If specified pass a `<PageFooter>` component. If undefined will use default PageFooter */
+    pageFooter?: React.ReactNode;
+    /** Optional. If specified expects a `<TopNavigation>` component. If undefined no top navigation is rendered. */
+    topNavigation?: React.ReactNode;
+    /** Optional. If specified expects a `<SideNavigation>` component. If undefined no side navigation is rendered. */
+    sideNavigation?: React.ReactNode;
+    /** OBSOLETE: The contentHeading prop is obsolete and will be removed in a future version. In order to render a content heading, use a `<ContentHeading>` element as a child in your main content. */
+    contentHeading?: string;
+    /** Optional: Defaults to false. Set embedded to true if app is to be rendered embedded in another app/page.
+     * In this case only the content area and children are rendered, a TopNavigation if passed, but no header/footer or remaining layout components */
+    embedded?: boolean;
+    /** Whether the main page / view content can spread over the full available width of the viewport or not. Default is `false` (resulting in a width-constrained, centred content column on very wide screens) UNLESS the AppShell is rendered with embedded as true, then the main content will be full-width by default. In embedded mode, `fullWidthContent` can still be passed as `false` explicitly. */
+    fullWidthContent?: boolean;
+    /** Add a custom class name */
+    className?: string;
+}
+//# sourceMappingURL=AppShell.component.d.ts.map

package/build/types/src/components/AppShell/AppShell.component.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AppShell.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShell/AppShell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyE5C,CAAA;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtE,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gLAAgL;IAChL,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACrC,uGAAuG;IACvG,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,gHAAgH;IAChH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kHAAkH;IAClH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,qMAAqM;IACrM,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;sJACkJ;IAClJ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2YAA2Y;IAC3Y,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/build/types/src/components/AppShell/AppShell.stories.d.ts ADDED Viewed

@@ -0,0 +1,174 @@
+import { default as React } from 'react';
+import { AppShellProps } from './index';
+declare const _default: {
+    title: string;
+    component: React.FC<AppShellProps>;
+    argTypes: {
+        pageHeader: {
+            control: boolean;
+        };
+        pageFooter: {
+            control: boolean;
+        };
+        topNavigation: {
+            control: boolean;
+        };
+        sideNavigation: {
+            control: boolean;
+        };
+        children: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: ({ children, ...args }: AppShellProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+export declare const Embedded: {
+    render: ({ children, ...args }: AppShellProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        embedded: boolean;
+        children: React.JSX.Element[];
+    };
+};
+export declare const EmbeddedWithTopNav: {
+    render: ({ children, ...args }: AppShellProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        embedded: boolean;
+        topNavigation: React.JSX.Element;
+        children: React.JSX.Element[];
+    };
+};
+export declare const EmbeddedWithSideNav: {
+    render: ({ children, ...args }: AppShellProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        embedded: boolean;
+        sideNavigation: React.JSX.Element;
+        children: React.JSX.Element[];
+    };
+};
+export declare const AppName: {
+    render: ({ children, ...args }: AppShellProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        pageHeader: string;
+        children: React.JSX.Element[];
+    };
+};
+export declare const CustomPageHeader: {
+    render: ({ children, ...args }: AppShellProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        pageHeader: React.JSX.Element;
+        children: React.JSX.Element[];
+    };
+};
+export declare const CustomPageFooter: {
+    render: ({ children, ...args }: AppShellProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        pageFooter: React.JSX.Element;
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithSideNavigation: {
+    render: ({ children, ...args }: AppShellProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        sideNavigation: React.JSX.Element;
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithTopNavigation: {
+    render: ({ children, ...args }: AppShellProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        topNavigation: React.JSX.Element;
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithSideAndTopNavigation: {
+    render: ({ children, ...args }: AppShellProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        topNavigation: React.JSX.Element;
+        sideNavigation: React.JSX.Element;
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithTabNavigation: {
+    render: ({ children, ...args }: AppShellProps) => React.JSX.Element;
+    parameters: {};
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+//# sourceMappingURL=AppShell.stories.d.ts.map

package/build/types/src/components/AppShell/AppShell.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;AAYjD,wBAoBC;AAQD,eAAO,MAAM,OAAO;oCANqB,aAAa;;;;;;;;;;;CAkBrD,CAAA;AAED,eAAO,MAAM,QAAQ;oCApBoB,aAAa;;;;;;;;;;;;CAkCrD,CAAA;AAED,eAAO,MAAM,kBAAkB;oCApCU,aAAa;;;;;;;;;;;;;CAwDrD,CAAA;AAED,eAAO,MAAM,mBAAmB;oCA1DS,aAAa;;;;;;;;;;;;;CA+ErD,CAAA;AAED,eAAO,MAAM,OAAO;oCAjFqB,aAAa;;;;;;;;;;;;CA8FrD,CAAA;AAED,eAAO,MAAM,gBAAgB;oCAhGY,aAAa;;;;;;;;;;;;CA6GrD,CAAA;AAED,eAAO,MAAM,gBAAgB;oCA/GY,aAAa;;;;;;;;;;;;CA4HrD,CAAA;AAED,eAAO,MAAM,kBAAkB;oCA9HU,aAAa;;;;;;;;;;;;CAiJrD,CAAA;AAED,eAAO,MAAM,iBAAiB;oCAnJW,aAAa;;;;;;;;;;;;CAqKrD,CAAA;AAED,eAAO,MAAM,wBAAwB;oCAvKI,aAAa;;;;;;;;;;;;;CAgMrD,CAAA;AAED,eAAO,MAAM,iBAAiB;oCAlMW,aAAa;;;;;CA+MrD,CAAA"}

package/build/types/src/components/AppShell/AppShell.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=AppShell.test.d.ts.map

package/build/types/src/components/AppShell/AppShell.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AppShell.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShell/AppShell.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/AppShell/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { AppShell, type AppShellProps } from './AppShell.component';
2	+ //# sourceMappingURL=index.d.ts.map

package/build/types/src/components/AppShell/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShell/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAA"}

package/build/types/src/components/AppShellProvider/AppShellProvider.component.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+/**
+ * This provider acts as a wrapper for Juno apps. It renders a StyleProvider and PortalProvider
+ */
+export declare const AppShellProvider: React.FC<AppShellProviderProps>;
+export type AppShellStyleWrapper = "head" | "inline";
+interface WrapperProps {
+    /** React nodes or a collection of React nodes to be rendered as content. */
+    children?: React.ReactNode;
+    /** Whether the app is rendered inside a ShadowRoot. Only choose false if the app is meant to run as a stand-alone application. */
+    shadowRoot?: boolean;
+    /** Shadow root mode */
+    shadowRootMode?: ShadowRootMode;
+}
+export interface AppShellProviderProps extends WrapperProps {
+    /** Where app stylesheets are imported. This is only relevant if shadowRoot === false. If you use a ShadowRoot the styles must be inline. */
+    stylesWrapper?: AppShellStyleWrapper;
+    /** theme: theme-dark or theme-light */
+    theme?: "theme-dark" | "theme-light";
+}
+export {};
+//# sourceMappingURL=AppShellProvider.component.d.ts.map

package/build/types/src/components/AppShellProvider/AppShellProvider.component.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AppShellProvider.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShellProvider/AppShellProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAc5D,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEpD,UAAU,YAAY;IACpB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,kIAAkI;IAClI,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB;IACvB,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC;AAED,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD,4IAA4I;IAC5I,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,GAAG,aAAa,CAAA;CACrC"}

package/build/types/src/components/AppShellProvider/AppShellProvider.stories.d.ts ADDED Viewed

@@ -0,0 +1,49 @@
+import { default as React } from 'react';
+import { AppShellProviderProps } from './AppShellProvider.component';
+declare const _default: {
+    title: string;
+    component: React.FC<AppShellProviderProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: (args: AppShellProviderProps) => React.JSX.Element;
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+export declare const NoShadowRoot: {
+    render: (args: AppShellProviderProps) => React.JSX.Element;
+    args: {
+        shadowRoot: boolean;
+        children: React.JSX.Element[];
+    };
+};
+export declare const StylesInHead: {
+    render: (args: AppShellProviderProps) => React.JSX.Element;
+    args: {
+        shadowRoot: boolean;
+        stylesWrapper: string;
+        children: React.JSX.Element[];
+    };
+};
+export declare const StylesInline: {
+    render: (args: AppShellProviderProps) => React.JSX.Element;
+    args: {
+        shadowRoot: boolean;
+        stylesWrapper: string;
+        children: React.JSX.Element[];
+    };
+};
+export declare const ThemeLight: {
+    render: (args: AppShellProviderProps) => React.JSX.Element;
+    args: {
+        theme: string;
+        children: React.JSX.Element[];
+    };
+};
+//# sourceMappingURL=AppShellProvider.stories.d.ts.map

package/build/types/src/components/AppShellProvider/AppShellProvider.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AppShellProvider.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShellProvider/AppShellProvider.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAoB,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;;;;;;;;;;AAGtF,wBAQC;AAID,eAAO,MAAM,OAAO;mBAFI,qBAAqB;;;;CAqB5C,CAAA;AAED,eAAO,MAAM,YAAY;mBAvBD,qBAAqB;;;;;CA2C5C,CAAA;AAED,eAAO,MAAM,YAAY;mBA7CD,qBAAqB;;;;;;CAkE5C,CAAA;AAED,eAAO,MAAM,YAAY;mBApED,qBAAqB;;;;;;CAyF5C,CAAA;AAED,eAAO,MAAM,UAAU;mBA3FC,qBAAqB;;;;;CA2G5C,CAAA"}

package/build/types/src/components/AppShellProvider/AppShellProvider.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=AppShellProvider.test.d.ts.map

package/build/types/src/components/AppShellProvider/AppShellProvider.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AppShellProvider.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShellProvider/AppShellProvider.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/AppShellProvider/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { AppShellProvider } from '../AppShellProvider/AppShellProvider.component';
2	+ //# sourceMappingURL=index.d.ts.map

package/build/types/src/components/AppShellProvider/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppShellProvider/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAA"}