@pareto-engineering/design-system 5.10.0 → 5.10.2

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.
@@ -1 +1 @@
1
- .ds.content-tree>.ds.tree{position:sticky;top:var(--theme-default-header-height-offset)}.ds.content-tree>.ds.tree ul{list-style:none;padding:0}.ds.content-tree>.ds.tree ul:first-child>li>p{margin-top:0}.ds.content-tree>.ds.tree ul:last-child>li>p{margin-bottom:0}.ds.content-tree>.ds.tree ul>li>p>a{color:var(--paragraph);text-decoration:none}.ds.content-tree>.ds.tree .active{font-weight:700}.ds.content-tree>.ds.tree .active:before{background:var(--x);border-radius:50%;content:"";display:inline-block;height:.5em;margin-right:1em;text-align:center;width:.5em}.ds.content-tree>.ds.tree li:not(:last-child){margin-bottom:1em}.ds.content-tree>.ds.tree li:not(:last-child) ul{padding-left:1em}.ds.conversation{background:var(--y)}.ds.conversation>.ds.section{display:flex;flex-direction:column}.ds.conversation>.ds.section>.ds.message+.ds.message{padding-top:var(--gap)}.ds.conversation>.ds.section>.ds.message.ours+.ds.message.ours,.ds.conversation>.ds.section>.ds.message.theirs+.ds.message.theirs{padding-top:calc(var(--gap) / 2)}.ds.conversation>.ds.section>.ds.message{align-self:flex-start;max-width:calc(100% - 4 * var(--gap));position:relative}.ds.conversation>.ds.section>.ds.message>.sender{margin:0;padding:0 var(--gap)}.ds.conversation>.ds.section>.ds.message>.message-content{background-color:var(--x);border:1px solid var(--hard-background-cards);border-radius:var(--theme-default-border-radius);display:flex;flex-direction:column;padding:0 var(--gap)}.ds.conversation>.ds.section>.ds.message>.message-content>p{color:var(--on-x)}.ds.conversation>.ds.section>.ds.message>.message-content>ul{padding:0 var(--gap);text-align:left}.ds.conversation>.ds.section>.ds.message>.message-content>ul>li{color:var(--on-x)}.ds.conversation>.ds.section>.ds.message>.message-content>*:not(:last-child){margin-bottom:0}.ds.conversation>.ds.section>.ds.message>.message-content>.attachment{align-items:center;align-self:flex-end;display:flex;flex-direction:row;gap:calc(var(--gap) / 2)}.ds.conversation>.ds.section>.ds.message.ds.theirs{align-self:flex-end}.ds.conversation>.ds.section>.ds.message.ds.theirs>.sender{text-align:end}.ds.notification{align-items:center;background-color:var(--background-far);border:1px solid var(--x);border-radius:1.5rem;bottom:0;color:var(--paragraph);display:flex;justify-content:space-between;margin-bottom:1rem;margin-right:1rem;min-height:var(--notification-height, 5rem);overflow:hidden;padding:1rem 2rem;position:fixed;right:0;width:var(--notification-width, 30rem);z-index:9999}.ds.notification>.message-container{align-items:center;display:flex;gap:1rem;overflow:auto}.ds.notification>.message-container>.icon{background-color:var(--x);border-radius:50%;color:var(--white);padding:.5rem}.ds.notification>.message-container>.message{font-size:calc(var(--s0) * 1rem);margin-left:.5rem}.ds.notification>.message-container>.message>a{color:var(--link, #0066cc);display:inline-block;font-weight:500;margin-top:.25rem;text-decoration:underline}.ds.notification>.message-container>.message>a:hover{color:var(--link-hover, #0052a3)}.ds.notification>.message-container>span{font-size:calc(var(--s2) * 1rem)}.ds.notification .ds.button{background-color:transparent;color:var(--paragraph);padding:.5rem}.ds.notification .ds.button:focus,.ds.notification .ds.button:hover{background-color:transparent;color:var(--hard-paragraph)}.ds.notification-stack{align-items:center;bottom:0;display:flex;flex-direction:column;position:fixed;right:0;width:var(--notification-stack-width, 30rem);z-index:9999}.ds.notification-stack>.ds.notification{position:relative;width:100%}.ds.animated-gradient{--gradient-color-1: var(--hard-background-mesh);--gradient-color-2: var(--soft-background-mesh);--gradient-color-3: var(--background-mesh);--gradient-color-4: var(--soft-background-mesh);background-color:var(--background-mesh);height:100%;left:0;top:0;width:100%}.ds.button{background:var(--x, var(--primary));border:transparent;border-radius:3em;color:var(--on-x, var(--on-primary));display:inline-flex;font-family:paragraph,sans-serif;font-weight:400;justify-content:space-between;padding:.75em 1.75em;transition:all .25s;white-space:nowrap}.ds.button.arrow-right:after{align-self:center;content:"-->";margin-left:.5em;vertical-align:middle}.ds.button.arrow-right:hover:not(:disabled):after{--final-position: 50%;animation:animateArrow .31s forwards}.ds.button.arrow-left:before{align-self:center;content:"<--";margin-right:.5em;vertical-align:middle}.ds.button.arrow-left:hover:not(:disabled):before{--final-position: -50%;animation:animateArrow .31s forwards}.ds.button:not(:disabled){cursor:pointer}.ds.button:not(:disabled):hover :not(.gradient) :not(.ghost) :not(.simple){background:var(--soft-x, var(--soft-primary))}.ds.button:not(:disabled):focus{background:var(--hard-x, var(--hard-primary))}.ds.button.gradient{background-image:linear-gradient(to right,var(--hard-x) 30%,var(--x) 50%,var(--hard-x) 100%);background-position:left;background-size:200% auto}.ds.button.gradient:not(:disabled):hover{background-position:right center}.ds.button.compact{padding:.5em .75em}.ds.button.ghost{background:transparent;border:1px solid var(--x, var(--primary));color:var(--y, var(--x, var(--primary)))}.ds.button.ghost:hover,.ds.button.ghost:focus,.ds.button.ghost:disabled{background:transparent}.ds.button.ghost:not(:disabled):hover{border:1px solid var(--soft-x, var(--soft-primary));color:var(--soft-y, var(--soft-x, var(--soft-primary)))}.ds.button.ghost:not(:disabled):focus{border:1px solid var(--hard-x, var(--hard-primary));color:var(--hard-y, var(--hard-x, var(--hard-primary)))}.ds.button.ghost:disabled{border:1px solid var(--hard-disabled, var(--primary));color:var(--hard-disabled, var(--primary))}.ds.button.spaced{margin-bottom:var(--spacing-2);margin-top:var(--spacing-2)}.ds.button.simple{--stroke-color: var(--x, var(--primary));background:transparent;border:1px solid transparent;color:var(--x, var(--primary));padding:0}.ds.button.simple>.underlined{text-decoration:underline}.ds.button.simple:disabled,.ds.button.simple:hover,.ds.button.simple:focus{background:transparent}.ds.button.simple:not(:disabled):hover{color:var(--soft-x, var(--soft-primary))}.ds.button.simple:not(:disabled):focus{color:var(--hard-x, var(--hard-primary))}.ds.button.simple:disabled{color:var(--hard-disabled, var(--primary))}.ds.button:disabled{background:var(--hard-disabled);filter:brightness(125%)}@keyframes animateArrow{0%{transform:translate(0)}to{transform:translate(var(--final-position))}}.ds.page{position:relative}.ds.page>.background{position:fixed;z-index:-1}.ds.page>.ds.section{position:relative}.ds.page>.ds.section.padded{padding-left:var(--gap);padding-right:var(--gap)}.ds.page>.ds.section>*:not(:last-child){z-index:1}.ds.page>.ds.section.spaced{padding-bottom:var(--theme-default-section-spacing);padding-top:var(--theme-default-section-spacing)}@media screen and (min-width: 900px){.ds.page>.ds.section.spaced{padding-bottom:var(--theme-desktop-section-spacing);padding-top:var(--theme-desktop-section-spacing)}}.ds.social-media-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-family:icons,sans-serif;transition:all .3s}.ds.social-media-button:focus{background:var(--soft-x)}.ds.social-media-button.clear{background:transparent;color:var(--y, var(--heading))}.ds.social-media-button.clear:hover{color:var(--x)}.ds.social-media-button.clear:focus{color:var(--soft-x)}.ds.theme-selector{align-items:center;display:flex;gap:var(--gap)}.ds.theme-selector>button{background:transparent;border:none;cursor:pointer;display:flex}.ds.theme-selector>button>input{height:0;visibility:hidden;width:0}.ds.theme-selector>button>label{background:var(--interactive);border-radius:var(--theme-default-border-radius);cursor:pointer;display:block;height:1.2em;position:relative;width:2.4em}.ds.theme-selector>button>label:after{background:var(--background-far);border:1px solid var(--ui-lines);border-radius:var(--theme-default-border-radius);content:"";height:1.2em;left:0;position:absolute;top:0;transition:.3s;width:1.2em}.ds.theme-selector>button>input:checked+label:after{left:1.2em}.ds.group{gap:var(--gap)}.ds.group.snap-scroller{margin-left:calc(var(--gap) * -1);margin-right:calc(var(--gap) * -1)}.ds.group.vertical-flexbox{display:flex;flex-direction:column}@media screen and (min-width: 900px){.ds.group.desktop-grid{display:grid;grid-template-columns:repeat(var(--columns),1fr);margin-left:unset;margin-right:unset}.ds.group.desktop-vertical-flexbox{display:flex;flex-direction:column}}.ds.card{background:var(--background-cards-80);border:1px solid var(--hard-background-cards);border-radius:var(--theme-default-border-radius);display:flex;flex-direction:column;overflow:hidden;position:relative}.ds.card>.progress-bar{left:0;position:absolute;top:0;width:100%}.ds.card>.ds.section:nth-last-child(2){flex-grow:1}.ds.card>.ds.section{padding:1.5em}.ds.card>.ds.section.image{padding:0}.ds.card>.ds.section.image img{border-radius:var(--theme-default-border-radius);width:100%}.ds.card>.ds.section>*:first-child{margin-block-start:0}.ds.card>.ds.section>*:last-child{margin-block-end:0}.ds.card>.ds.section+.ds.section{padding-top:0}.ds.modal{background:var(--background-cards);box-shadow:0 10px 20px #0003;display:flex;flex-direction:column;left:50%;overflow:auto;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.ds.modal .modal-header{background:var(--background-cards);border-bottom:var(--theme-default-border-style) var(--metadata);display:flex;font-size:calc(var(--theme-heading-font-size-multiplier, 1) * var(--s1) * 1em);justify-content:space-between;position:sticky;top:0;z-index:2}.ds.modal .modal-header>p{margin:0;padding:.5em}.ds.modal .modal-header .close-button{display:block}.ds.debuger .debuger-content{font-size:calc(var(--s-1) * 1em);white-space:pre}.ds.text-input{display:flex;flex-direction:column}.ds.text-input>.ds.form-label{margin-bottom:var(--gap)}.ds.text-input.has-symbol>.input-wrapper{position:relative}.ds.text-input.has-symbol>.input-wrapper:before{color:var(--y);content:var(--symbol);left:1em;position:absolute;top:50%;transform:translate(-50%,-50%)}.ds.text-input.has-symbol input{padding:.55em 0 .55em 2em}.ds.text-input.has-symbol input::-webkit-outer-spin-button,.ds.text-input.has-symbol input::-webkit-inner-spin-button{margin-right:.25em}.ds.text-input .input{background-color:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);color:var(--y);outline:none;padding:.55em .75em;width:100%}.ds.text-input .input::placeholder{color:var(--metadata)}.ds.text-input .input:disabled{background-color:var(--background-inputs-30)}.ds.text-input .input:not(:disabled):hover,.ds.text-input .input:not(:disabled):active{border:var(--theme-hover-input-border)}.ds.text-input .input:not(:disabled):focus{border:var(--theme-focus-input-border)}.ds.select-input>.ds.single{display:flex;flex-direction:column}.ds.select-input>.ds.single>.ds.form-label{margin-bottom:var(--gap)}.ds.select-input>.ds.single>.ds.form-label.with-tooltip{align-items:center;display:flex;gap:.5rem}.ds.select-input>.ds.single .select-wrapper{background-color:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);display:flex;flex-direction:column;padding:.55em 0 .55em .75em;position:relative}.ds.select-input>.ds.single .select-wrapper:not(.disabled):hover,.ds.select-input>.ds.single .select-wrapper:not(.disabled):active{border:var(--theme-hover-input-border)}.ds.select-input>.ds.single .select-wrapper:not(.disabled):focus{border:var(--theme-focus-input-border)}.ds.select-input>.ds.single .select-wrapper.disabled{background:var(--background-inputs-30)}.ds.select-input>.ds.single .select-wrapper::placeholder{color:var(--metadata)}.ds.select-input>.ds.single .select-wrapper:after{border-radius:var(--theme-default-input-border-radius)}.ds.select-input>.ds.single .select-wrapper>.ds.loading-circle{position:absolute;right:1em;top:50%;transform:translateY(-50%)}.ds.select-input>.ds.single .select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-inputs);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDEuNUwxMCAxMC41TDEgMS41IiBzdHJva2U9IiM0QzRENTMiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=);background-position:calc(100% - 1em);background-repeat:no-repeat;background-size:1em;padding-right:1em}.ds.select-input>.ds.single .select-wrapper select.input{border:none;color:var(--y);outline:none;width:100%}.ds.select-input>.ds.single .select-wrapper select.input:disabled{background:transparent}.ds.select-input>.ds.multiple{display:flex;flex-direction:column;outline:none;position:relative}.ds.select-input>.ds.multiple>.ds.form-label{margin-bottom:var(--gap)}.ds.select-input>.ds.multiple .ds.popover{border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);width:100%}.ds.select-input>.ds.multiple .ds.popover>.menu{list-style:none;margin:0;outline:0;padding:0}.ds.select-input>.ds.multiple .ds.popover>.menu>.item{border-radius:var(--theme-default-input-border-radius);padding:.55em .75em}.ds.select-input>.ds.multiple .ds.popover>.menu>.item>p{margin:0}.ds.select-input>.ds.multiple .ds.popover>.menu>.item.active:not(.disabled){background-color:var(--y)}.ds.select-input>.ds.multiple .ds.popover>.menu>.item.active:not(.disabled)>p{color:var(--on-y)}.ds.select-input>.ds.multiple>.input-container{position:relative}.ds.select-input>.ds.multiple>.input-container>.input{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--paragraph);outline:none;padding:.55em .75em;width:100%}.ds.select-input>.ds.multiple>.input-container>.input::placeholder{color:var(--metadata)}.ds.select-input>.ds.multiple>.input-container>.input:disabled{background-color:var(--background-inputs-30);color:var(--paragraph)}.ds.select-input>.ds.multiple>.input-container>.input:not(:disabled):hover,.ds.select-input>.ds.multiple>.input-container>.input:not(:disabled):active{border:var(--theme-hover-input-border)}.ds.select-input>.ds.multiple>.input-container>.input:not(:disabled):focus{border:var(--theme-focus-input-border)}.ds.select-input>.ds.multiple>.selected-items{display:flex;flex-wrap:wrap;gap:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 2)}.ds.select-input>.ds.multiple>.selected-items>.item>.ds.button{align-items:center;display:flex;gap:calc(var(--gap) / 2)}.ds.select-input>.ds.multiple>.selected-items>.item .close{font-size:calc(var(--s-3) * 1em)}.ds.choices-input{display:flex;flex-direction:column}.ds.choices-input>.ds.form-label{margin-bottom:var(--gap)}.ds.choices-input>.choices{display:flex;flex-wrap:wrap;gap:.5em .375em}.ds.choices-input>.choices.space-between{justify-content:space-between}.ds.choices-input>.choices>.choice{display:flex}.ds.choices-input>.choices>.choice input{opacity:0;position:fixed;visibility:none;z-index:-1}.ds.choices-input>.choices>.choice input:disabled+label{background-color:var(--background-inputs-30)}.ds.choices-input>.choices>.choice>label{background-color:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);color:var(--paragraph);cursor:pointer;display:block;height:.5em;max-width:100%;padding:.3em 1em 1.7em;position:relative;transition:var(--theme-default-transition);white-space:nowrap}.ds.choices-input>.choices>.choice>label:not(.disabled):hover{border:var(--theme-hover-input-border)}.ds.choices-input>.choices>.choice input:checked+label{background:var(--x);color:var(--on-x)}.ds.text-area-input{display:flex;flex-direction:column}.ds.text-area-input>.ds.form-label{margin-bottom:var(--gap)}.ds.text-area-input>.textarea{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);color:var(--y);outline:none;padding:.55em .75em;width:100%}.ds.text-area-input>.textarea::placeholder{color:var(--metadata)}.ds.text-area-input>.textarea:disabled{background-color:var(--background-inputs-30)}.ds.text-area-input>.textarea:not(:disabled):hover,.ds.text-area-input>.textarea:not(:disabled):active{border:var(--theme-hover-input-border)}.ds.text-area-input>.textarea:not(:disabled):focus{border:var(--theme-focus-input-border)}.ds.ratings-input{display:flex;flex-direction:column;gap:var(--gap)}.ds.ratings-input>.stars{display:flex}.ds.ratings-input>.stars>:not(:last-child){margin-right:.5em}.ds.ratings-input>.stars>.ds.rating{display:flex}.ds.ratings-input>.stars>.ds.rating>input{opacity:0;position:absolute;visibility:none;z-index:-1}.ds.ratings-input>.stars>.ds.rating>label{align-items:center;cursor:pointer;display:flex;flex-direction:column;padding:.2em;transition:all .2s}.ds.ratings-input>.stars .label-text{align-self:flex-end;margin-bottom:0}.ds.combobox,.ds.multiple-combobox{display:flex;flex-direction:column;outline:none;position:relative}.ds.combobox>.ds.form-label,.ds.multiple-combobox>.ds.form-label{margin-bottom:var(--gap)}.ds.combobox .ds.popover,.ds.multiple-combobox .ds.popover{background:var(--background-inputs);background-color:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);max-height:var(--menu-options-height, 20rem);overflow-y:auto;scrollbar-width:thin;width:100%;z-index:2}.ds.combobox .ds.popover>.menu,.ds.multiple-combobox .ds.popover>.menu{list-style:none;margin:0;outline:0;padding:calc(var(--theme-default-padding) / 2)}.ds.combobox .ds.popover>.menu>.item,.ds.multiple-combobox .ds.popover>.menu>.item{border-radius:var(--theme-default-input-border-radius);padding:.55em .75em}.ds.combobox .ds.popover>.menu>.item>p,.ds.multiple-combobox .ds.popover>.menu>.item>p{margin:0}.ds.combobox .ds.popover>.menu>.item.active,.ds.multiple-combobox .ds.popover>.menu>.item.active{background-color:var(--background-near)}.ds.combobox .ds.popover>.menu>.item.active>p,.ds.multiple-combobox .ds.popover>.menu>.item.active>p{color:var(--paragraph)}.ds.combobox>.input-container,.ds.multiple-combobox>.input-container{position:relative}.ds.combobox>.input-container>.ds.loading-circle,.ds.combobox>.input-container>.ds.button,.ds.multiple-combobox>.input-container>.ds.loading-circle,.ds.multiple-combobox>.input-container>.ds.button{position:absolute;right:.5em}.ds.combobox>.input-container>.ds.loading-circle,.ds.multiple-combobox>.input-container>.ds.loading-circle{top:.75em}.ds.combobox>.input-container>.ds.button,.ds.multiple-combobox>.input-container>.ds.button{top:.5em}.ds.combobox>.input-container>.input,.ds.multiple-combobox>.input-container>.input{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--paragraph);outline:none;padding:.55em .75em;width:100%}.ds.combobox>.input-container>.input::placeholder,.ds.multiple-combobox>.input-container>.input::placeholder{color:var(--metadata)}.ds.combobox>.input-container>.input:disabled,.ds.multiple-combobox>.input-container>.input:disabled{background-color:var(--background-inputs-30);color:var(--on-background-inputs-30)}.ds.combobox>.input-container>.input:not(:disabled):hover,.ds.combobox>.input-container>.input:not(:disabled):active,.ds.multiple-combobox>.input-container>.input:not(:disabled):hover,.ds.multiple-combobox>.input-container>.input:not(:disabled):active{border:var(--theme-hover-input-border)}.ds.combobox>.input-container>.input:not(:disabled):focus,.ds.multiple-combobox>.input-container>.input:not(:disabled):focus{border:var(--theme-focus-input-border)}.ds.multiple-combobox>.selected-items{display:flex;flex-wrap:wrap;gap:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 2)}.ds.multiple-combobox>.selected-items>.item>.ds.button{align-items:center;background-color:var(--background-near);color:var(--paragraph);display:flex;gap:calc(var(--gap) / 2)}.ds.multiple-combobox>.selected-items>.item .close{font-size:calc(var(--s-3) * 1em)}.ds.checkbox{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.ds.checkbox.row{flex-direction:row;gap:var(--gap);justify-content:flex-start}.ds.checkbox.column>.ds.form-label{margin-bottom:var(--gap)}.ds.checkbox>.ds.form-label{order:var(--label-order, 0)}.ds.link-input{display:flex;flex-direction:column;position:relative}.ds.link-input>.ds.form-label{margin-bottom:var(--gap)}.ds.link-input.has-symbol:before{color:var(--y);content:var(--symbol);left:1em;position:absolute;top:50%;transform:translate(-50%,-50%)}.ds.link-input.has-symbol input{padding:.55em 0 .55em 2em}.ds.link-input>.input-link-wrapper{display:flex;gap:calc(var(--gap) / 2)}.ds.link-input>.input-link-wrapper>a{align-self:center;border:1px solid var(--interactive);border-radius:var(--theme-default-input-border-radius);padding:.5em}.ds.link-input>.input-link-wrapper>a:hover{background-color:var(--interactive);color:var(--on-interactive)}.ds.link-input>.input-link-wrapper>input{background-color:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);color:var(--y);outline:none;padding:.55em .75em;width:100%}.ds.link-input>.input-link-wrapper>input::placeholder{color:var(--metadata)}.ds.link-input>.input-link-wrapper>input:disabled{background-color:var(--background-inputs-30)}.ds.link-input>.input-link-wrapper>input:not(:disabled):hover,.ds.link-input>.input-link-wrapper>input:not(:disabled):active{border:var(--theme-hover-input-border)}.ds.link-input>.input-link-wrapper>input:not(:disabled):focus{border:var(--theme-focus-input-border)}.ds.block-format-drop-down{align-items:center;background-color:var(--x);border:0;color:var(--on-background-inputs);cursor:pointer;display:flex;gap:calc(var(--gap) / 2);margin-inline:calc(var(--theme-default-padding) / 4);padding:calc(var(--theme-default-padding) / 2);position:relative}.ds.block-format-drop-down:hover{background:var(--hard-x);border-radius:calc(var(--theme-default-border-radius) / 2)}.ds.block-format-drop-down>.ds.popover{background-color:var(--background-far);border:1px solid var(--hard-background-cards);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--heading);display:flex;flex-direction:column;padding:calc(var(--theme-default-padding) / 2);width:15em}.ds.block-format-drop-down>.ds.popover>.item{align-items:center;background-color:var(--x);border:0;border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--paragraph);cursor:pointer;display:flex;gap:calc(var(--gap) / 2);padding:calc(var(--theme-default-padding) / 2);transition:all .2s}.ds.block-format-drop-down>.ds.popover>.item:hover{background-color:var(--hard-x)}.ds.block-format-drop-down>.ds.popover>.item.active{background-color:var(--hard-ui-main)}.rcp-root{--rcp-background-color: #121212;--rcp-field-input-color: #ffffff;--rcp-field-input-border-color: #242424;--rcp-field-label-color: #808080}.rcp{display:flex;flex-direction:column;background-color:var(--rcp-background-color);border-radius:10px}.rcp-body{display:flex;flex-direction:column;gap:20px;padding:20px 10px}.rcp-section{display:flex;flex-direction:column;gap:10px}.rcp-interactive{width:100%;height:100%;-webkit-user-select:none;user-select:none;touch-action:none}.rcp-interactive[aria-disabled=true]{cursor:unset;pointer-events:none}.rcp-saturation{cursor:all-scroll;width:100%;position:relative;background-image:linear-gradient(to bottom,transparent,black),linear-gradient(to right,white,transparent);border-radius:10px 10px 0 0}.rcp-saturation-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-10px)}.rcp-hue{cursor:ew-resize;position:relative;width:100%;height:12px;background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px}.rcp-hue-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-4px)}.rcp-alpha{cursor:ew-resize;position:relative;width:100%;height:12px;border-radius:10px}.rcp-alpha-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-4px)}.rcp-fields{display:flex;flex-direction:column;gap:10px}.rcp-fields-floor{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.rcp-field{display:flex;flex-direction:column;width:100%}.rcp-field-input{width:100%;font-family:inherit;font-size:14px;text-align:center;color:var(--rcp-field-input-color);background-color:transparent;border:2px solid var(--rcp-field-input-border-color);border-radius:5px;outline:none;padding:5px 0}.rcp-field-input:read-only{opacity:.8}.rcp-field-label{font-size:14px;text-align:center;color:var(--rcp-field-label-color)}.ds.color-picker{cursor:pointer;position:relative}.ds.color-picker>button{align-items:center;background-color:var(--x);border:0;color:var(--on-background-inputs);display:flex;gap:calc(var(--gap) / 2);padding:calc(var(--theme-default-padding) / 2)}.ds.color-picker>button:hover{background:var(--hard-x);border-radius:calc(var(--theme-default-border-radius) / 2)}.ds.color-picker>.ds.popover{background-color:var(--background-far);border:1px solid var(--hard-background-cards);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--heading);padding:calc(var(--theme-default-padding) / 2);width:20rem}.ds.font-size-drop-down{align-items:center;background-color:var(--x);border:0;color:var(--on-background-inputs);cursor:pointer;display:flex;gap:calc(var(--gap) / 2);margin-inline:calc(var(--theme-default-padding) / 4);padding:calc(var(--theme-default-padding) / 2);position:relative}.ds.font-size-drop-down:hover{background:var(--hard-x);border-radius:calc(var(--theme-default-border-radius) / 2)}.ds.font-size-drop-down>.ds.popover{background-color:var(--background-far);border:1px solid var(--hard-background-cards);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--heading);display:flex;flex-direction:column;padding:calc(var(--theme-default-padding) / 2);width:4.5rem}.ds.font-size-drop-down>.ds.popover>.item{align-items:center;background-color:var(--x);border:0;border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--paragraph);cursor:pointer;display:flex;gap:calc(var(--gap) / 2);padding:calc(var(--theme-default-padding) / 2);transition:all .2s}.ds.font-size-drop-down>.ds.popover>.item:hover{background-color:var(--hard-x)}.ds.font-size-drop-down>.ds.popover>.item.active{background-color:var(--hard-ui-main)}.ds.toolbar-plugin{align-items:center;border-inline:var(--theme-default-input-border);border-top:var(--theme-default-input-border);border-top-left-radius:var(--theme-default-input-border-radius);border-top-right-radius:var(--theme-default-input-border-radius);display:flex;flex-wrap:wrap;padding-block:calc(var(--theme-default-padding) / 4)}.ds.toolbar-plugin>.ds+.group{border-left:1px solid var(--soft-background-inputs)}.ds.toolbar-plugin>.group{display:flex;gap:calc(var(--gap) / 2)}.ds.toolbar-plugin>.group>button{background:var(--x);border:0;border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--soft-ui-icons);cursor:pointer;margin:0;padding:.55em .75em}.ds.toolbar-plugin>.group>button:hover,.ds.toolbar-plugin>.group>button.active{background:var(--hard-x)}.ds.toolbar-plugin>.group:not(.ds){padding-inline:calc(var(--theme-default-padding) / 4)}.ds.toolbar-plugin>.group:not(:last-child,.ds){border-right:1px solid var(--soft-background-inputs)}.ds.editor-input{display:flex;flex-direction:column}.ds.editor-input>.ds.form-label{margin-bottom:var(--gap)}.ds.editor-input:not(.disabled):hover>.textarea,.ds.editor-input:not(.disabled):focus>.textarea,.ds.editor-input:not(.disabled):active>.textarea{border:var(--theme-focus-input-border)}.ds.editor-input:not(.disabled)>.content-editable{border-bottom-left-radius:var(--theme-default-input-border-radius);border-bottom-right-radius:var(--theme-default-input-border-radius)}.ds.editor-input.disabled>.textarea{background:var(--background-inputs-30);color:var(--metadata);cursor:not-allowed}.ds.editor-input.disabled>.content-editable{border-radius:var(--theme-default-input-border-radius)}.ds.editor-input .color-menu-button:hover>.ds.popover{display:block}.ds.editor-input .color-menu-button>.ds.popover{padding:.5em .25em}.ds.editor-input .color-menu-button>.ds.popover .color-menu{display:flex;flex-wrap:wrap;gap:calc(var(--gap) / 2 / 2);justify-content:center;max-width:10em;min-width:5em}.ds.editor-input .color-menu-button>.ds.popover .color-option:hover{opacity:.5}.ds.editor-input>.content-editable{background:var(--background-inputs);border:var(--theme-default-input-border);color:var(--y);height:var(--rows);outline:none;overflow:auto;padding:.55em .75em;resize:var(--resize);width:100%}.ds.editor-input>.content-editable .lexical-list-item-checked,.ds.editor-input>.content-editable .lexical-list-item-unchecked{list-style-type:none;margin-inline:calc(var(--gap) / 2);outline:none;padding-inline:calc(var(--theme-default-padding) * 1.5);position:relative}.ds.editor-input>.content-editable .lexical-list-item-checked{text-decoration:line-through}.ds.editor-input>.content-editable .lexical-list-item-unchecked:before,.ds.editor-input>.content-editable .lexical-list-item-checked:before{background-size:cover;content:"";cursor:pointer;display:block;height:1rem;left:0;position:absolute;top:2px;width:1rem}.ds.editor-input>.content-editable .lexical-list-item-unchecked[dir=rtl]:before,.ds.editor-input>.content-editable .lexical-list-item-checked[dir=rtl]:before{left:auto;right:0}.ds.editor-input>.content-editable .lexical-list-item-unchecked:focus:before,.ds.editor-input>.content-editable .lexical-list-item-checked:focus:before{border-radius:2px;box-shadow:0 0 0 2px var(--light-blue)}.ds.editor-input>.content-editable .lexical-list-item-unchecked:before{border:var(--theme-default-border-style) var(--ui-icons);border-radius:2px}.ds.editor-input>.content-editable .lexical-list-item-checked:before{background-color:var(--blue);background-repeat:no-repeat;border:var(--theme-default-border-style) var(--soft-blue);border-radius:2px}.ds.editor-input>.content-editable .lexical-list-item-checked:after{border-color:var(--background-far);border-style:solid;border-width:0 2px 2px 0;content:"";cursor:pointer;display:block;height:6px;left:7px;position:absolute;right:7px;top:6px;transform:rotate(45deg);width:3px}.ds.editor-input>.content-editable .lexical-code{background-color:var(--hard-background-cards);display:block;font-size:calc(var(--s-1) * 1rem);margin:0;margin-bottom:calc(var(--gap) / 2);margin-top:calc(var(--gap) / 2);overflow-x:auto;padding-block:calc(var(--theme-default-padding) / 2);padding-bottom:calc(var(--theme-default-padding) / 2);padding-left:calc(var(--theme-default-padding) * 2);position:relative;-moz-tab-size:2;tab-size:2}.ds.editor-input>.content-editable .lexical-code:before{background-color:var(--hard-background-cards);border-right:var(--theme-default-border-style) var(--ui-icons);color:var(--pagraph);content:attr(data-gutter);left:0;padding:calc(var(--theme-default-padding) / 2);position:absolute;text-align:right;top:0;white-space:pre-wrap}.ds.editor-input>.content-editable li:has(ol,ul){list-style-type:none}.ds.editor-input>.content-editable a{cursor:pointer}.ds.editor-input>.content-editable blockquote{border-left:4px solid var(--ui-icons);font-size:calc(var(--s0) * 1rem);margin:0;margin-left:var(--gap);padding-left:calc(var(--theme-default-padding) / 2)}.ds.editor-input>.content-editable p.underlined,.ds.editor-input>.content-editable span.underlined,.ds.editor-input>.content-editable strong.underlined,.ds.editor-input>.content-editable em.underlined,.ds.editor-input>.content-editable li.underlined{text-decoration:underline}.ds.editor-input>.content-editable p.underlined.strikethrough,.ds.editor-input>.content-editable span.underlined.strikethrough,.ds.editor-input>.content-editable strong.underlined.strikethrough,.ds.editor-input>.content-editable em.underlined.strikethrough,.ds.editor-input>.content-editable li.underlined.strikethrough{text-decoration:underline line-through}.ds.editor-input>.content-editable p.strikethrough,.ds.editor-input>.content-editable span.strikethrough,.ds.editor-input>.content-editable strong.strikethrough,.ds.editor-input>.content-editable em.strikethrough,.ds.editor-input>.content-editable li.strikethrough{text-decoration:line-through}.ds.editor-input>.content-editable p.italic,.ds.editor-input>.content-editable span.italic,.ds.editor-input>.content-editable strong.italic,.ds.editor-input>.content-editable em.italic,.ds.editor-input>.content-editable li.italic{font-style:italic}.ds.editor-input>.content-editable :first-child{margin-top:0}.ds.editor-input>.content-editable::placeholder{color:var(--metadata)}.ds.editor-input>.tree-view-output{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);max-height:20em;overflow:auto;padding:.55em .75em}.ds.single{display:flex;flex-direction:column;outline:none;position:relative;z-index:1}.ds.single>.ds.form-label{margin-bottom:var(--gap)}.ds.single .select-single-control{align-items:center;background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);cursor:pointer;display:flex;min-height:2.5rem;padding:0 .75rem;position:relative;transition:border .2s;-webkit-user-select:none;user-select:none}.ds.single .select-single-control:hover,.ds.single .select-single-control:focus{border:var(--theme-hover-input-border)}.ds.single .select-single-control.disabled{background:var(--background-inputs-30);color:var(--metadata);cursor:not-allowed}.ds.single .select-single-placeholder{color:var(--metadata);font-size:.875rem}.ds.single .select-single-tag{align-items:center;background:var(--background-cards);background-color:var(--on-y);border-radius:.875rem;color:var(--paragraph);display:inline-flex;font-size:.875rem;font-weight:500;height:1.75rem;margin-right:.5rem;padding:0 .625rem}.ds.single .select-single-arrow{border-left:.375rem solid transparent;border-right:.375rem solid transparent;border-top:.375rem solid var(--metadata);height:0;margin-left:auto;pointer-events:none;width:0}.ds.single .select-single-dropdown{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);box-shadow:0 .25rem 1rem #00000014;left:0;list-style:none;margin:0;max-height:15rem;overflow-y:auto;padding:.25rem 0;position:absolute;right:0;top:100%;z-index:2}.ds.single .select-single-option{align-items:center;background:transparent;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;margin:.125rem .25rem;padding:.5rem 1rem;transition:background .15s}.ds.single .select-single-option.selected{background:var(--background-near);font-weight:600}.ds.single .select-single-option.disabled{color:var(--metadata);cursor:not-allowed}.ds.single .select-single-option:hover:not(.disabled){background:var(--background-near)}.ds.single .select-single-check{color:var(--main);font-size:.875rem;font-weight:700}.ds.single .select-single-option-label{background-color:var(--on-y);border-radius:.875rem;display:inline-block;font-size:.875rem;font-weight:500;padding:0 .625rem}.ds.latex-preview-input{display:flex;flex-direction:row;gap:1em}.ds.latex-preview-input>.preview-child{flex:1;position:relative}.ds.latex-preview-input>.latex-container{border:1px solid var(--ui-lines);border-radius:var(--theme-default-border-radius);margin-top:2.5em;max-width:50%;overflow:auto;padding:0 1em}.ds.file-upload{display:flex;flex-direction:column;gap:var(--gap)}.ds.file-upload>p{color:var(--y);margin:0}.ds.file-upload>.ds.description{height:auto}.ds.file-upload>.ds.form-label{align-items:center;border:var(--theme-default-border-style) var(--ui-lines);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--heading);cursor:pointer;display:flex;gap:calc(var(--gap) / 2);padding:1rem;width:fit-content}.ds.file-upload>.ds.form-label:has(>input:disabled){--icon-color: var(--hard-disabled);color:var(--hard-disabled);cursor:not-allowed}.ds.file-upload>.ds.form-label:has(>input:not(:disabled)):hover,.ds.file-upload>.ds.form-label:has(>input:not(:disabled)):active{border:var(--theme-hover-input-border)}.ds.file-upload>.ds.form-label>.ai-icon{color:var(--icon-color, var(--interactive));font-size:calc(var(--s2) * 1rem)}.ds.file-upload>.ds.form-label>input[type=file]{display:none}.ds.file-upload>.attached-files{display:flex;gap:var(--gap)}.ds.file-upload>.attached-files>p{margin:0}.ds.file-upload>.attached-files>.files{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap);width:110%}.ds.file-preview{border:var(--theme-default-border-style) var(--ui-lines);border-radius:calc(var(--theme-default-border-radius) / 2);display:flex;flex-direction:column;gap:calc(var(--gap) / 4);padding:1rem;width:calc((100% - var(--gap) * 2) / 3)}.ds.file-preview>.identity{align-items:center;display:flex;gap:calc(var(--gap) / 2);justify-content:space-between}.ds.file-preview>.identity>.type{padding-block:.25rem;padding-inline:.5rem}.ds.file-preview>.identity>.name{color:var(--on-x);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds.file-preview>.identity>.ds.button{margin-left:auto}.ds.file-preview>.progress-status>.status>.icon{background-color:var(--x);border-radius:50%;color:var(--on-x);font-size:calc(var(--s-2) * 1rem);padding:.25rem}.ds.file-preview>.progress-status>.retry{background:none;border:none;color:var(--x);cursor:pointer;font-family:inherit;font-size:inherit;margin-bottom:.5rem;margin-top:.5rem;padding:0;text-decoration:underline}.ds.file-preview{border:var(--theme-default-border-style) var(--ui-lines);border-radius:calc(var(--theme-default-border-radius) / 2);display:flex;flex-direction:column;gap:calc(var(--gap) / 4);padding:1.5rem;position:relative;width:calc((100% - var(--gap) * 1) / 2)}.ds.file-preview.error{border-color:#e52217}.ds.file-preview>.identity{align-items:center;display:flex;gap:calc(var(--gap) / 2);justify-content:flex-start}.ds.file-preview>.identity>.type{padding-block:.375rem;padding-inline:.75rem}.ds.file-preview>.identity>.type.pdf,.ds.file-preview>.identity>.type.broken,.ds.file-preview>.identity>.type.unknown{background-color:#fdead7;color:#b93814}.ds.file-preview>.identity>.type.file{background-color:#eef2f6;color:#364151}.ds.file-preview>.identity>.type.txt{background-color:#d1dfff;color:#004eeb}.ds.file-preview>.identity>.type.vid{background-color:#ebe9fe;color:#5a25dc}.ds.file-preview>.identity>.type.img{background-color:#cbfbef;color:#107569}.ds.file-preview>.identity>.type.aud{background-color:#fef7c3;color:#a15c08}.ds.file-preview>.identity>.file-size-container{align-items:flex-start;display:flex;flex-direction:column;gap:calc(var(--gap) / 2);justify-content:flex-start;overflow:hidden}.ds.file-preview>.identity>.file-size-container>.name{color:var(--y);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ds.file-preview>.identity>.file-size-container>.file-size-container-inner{align-items:center;align-self:flex-start;display:flex;flex-direction:row;gap:.5rem;width:100%}.ds.file-preview>.identity>.file-size-container>.upload-progress-text{color:var(--x);font-size:calc(var(--s-2) * 1rem);font-weight:500}.ds.file-preview>.identity>.ds.button{flex-shrink:0;margin-left:auto}.ds.file-preview>.broken-file-actions{align-items:center;display:flex;gap:calc(var(--gap) / 4);position:absolute;right:.75rem;top:.75rem;z-index:10}.ds.file-preview>.broken-file-actions>.ds.button{flex-shrink:0}.ds.file-preview>.progress-status>.status{align-items:center;color:var(--x);display:flex;gap:calc(var(--gap) / 2);margin-bottom:.25rem}.ds.file-preview>.progress-status>.status>.icon{background-color:var(--x);border-radius:50%;color:var(--on-x);font-size:calc(var(--s-2) * 1rem);padding:.375rem}.ds.file-preview>.progress-status>.try-again-text{color:#e52217}.ds.file-preview>.progress-status>.progress-container{align-items:center;display:flex;gap:calc(var(--gap) / 2);justify-content:space-between}.ds.file-preview>.progress-status>.progress-container>.ds.progress-bar{flex:1;min-width:0}.ds.file-preview>.progress-status>.progress-container>.progress-percentage{color:#4c4d53;flex-shrink:0;font-size:calc(var(--s-2) * 1.5rem);font-weight:500}.ds.file-preview .success-color{color:#00b21b}.ds.file-preview .failed-color{color:#e52217}.ds.file-preview .uploading-color{color:#808389}.ds.file-preview .divider{color:#c3c5cb}.ds.toggle-input{display:flex;flex-direction:column}.ds.toggle-input>.ds.form-label{margin-bottom:var(--gap)}.ds.toggle-input>.toggle-wrapper{align-items:center;display:flex;margin-bottom:calc(var(--gap) / 2)}.ds.search-dropdown{display:flex;flex-direction:column;outline:none;position:relative;z-index:9}.ds.search-dropdown>.ds.form-label{margin-bottom:var(--gap)}.ds.search-dropdown .ds.popover{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);box-shadow:0 .25rem .375rem -.0625rem #0000001a,0 .125rem .25rem -.0625rem #0000000f;left:0;position:absolute;top:100%;width:100%;z-index:10}.ds.search-dropdown .ds.popover>.menu{list-style:none;margin:0;outline:0;padding:0}.ds.search-dropdown .ds.popover>.menu>.item{align-items:center;border-radius:var(--theme-default-input-border-radius);display:flex;justify-content:space-between;margin:.125rem .25rem;padding:.55rem .75rem}.ds.search-dropdown .ds.popover>.menu>.item .select-single-check{color:var(--main);font-size:1rem;font-weight:700;margin-left:10rem}.ds.search-dropdown .ds.popover>.menu>.item>p{margin:0}.ds.search-dropdown .ds.popover>.menu>.item.active:not(.disabled){background-color:var(--background-near)}.ds.search-dropdown .ds.popover>.menu>.item.active:not(.disabled)>p{color:var(--on-y)}.ds.search-dropdown .ds.popover .is-breakout{border-bottom:.0625rem solid var(--ui-lines);border-radius:0;display:block;padding:0 11rem}.ds.search-dropdown>.input-container{position:relative;z-index:9}.ds.search-dropdown>.input-container>.input{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--paragraph);outline:none;padding:.55rem .75rem;width:100%}.ds.search-dropdown>.input-container>.input::placeholder{color:var(--metadata)}.ds.search-dropdown>.input-container>.input:disabled{background-color:var(--background-inputs-30);color:var(--paragraph)}.ds.search-dropdown>.selected-items{display:flex;flex-wrap:wrap;gap:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 2)}.ds.search-dropdown>.selected-items>.item>.ds.button{align-items:center;display:flex;gap:calc(var(--gap) / 2)}.ds.search-dropdown>.selected-items>.item .close{font-size:calc(var(--s-3) * 1rem)}.ds.drag-and-drop-file-upload{display:flex;flex-direction:column;gap:var(--gap)}.ds.drag-and-drop-file-upload>p{color:var(--y);margin:0}.ds.drag-and-drop-file-upload>.ds.description{height:auto}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label{background:none;border:none;cursor:default;padding:0}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label:has(>input:disabled){cursor:not-allowed}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label>input[type=file]{display:none}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label>.drag-zone{align-items:center;background:var(--background-inputs);border:2px dashed var(--ui-lines);border-radius:var(--theme-default-input-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:calc(var(--gap) / 2);justify-content:center;min-height:3.5em;min-width:400px;padding:.55em .75em;text-align:center;transition:all .2s ease-in-out;width:100%}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label>.drag-zone:hover{background:var(--background-inputs);border-color:var(--theme-hover-input-border)}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label>.drag-zone:has(>input:disabled){cursor:not-allowed;opacity:.6}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label .upload-icon-ai-icon{color:var(--y);font-size:calc(var(--s4) * 1rem);margin-bottom:calc(var(--gap) / 2)}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label .upload-text{align-items:center;display:flex;flex-direction:row;gap:calc(var(--gap) / 2)}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label .upload-text-primary{color:var(--interactive);font-size:var(--s1);font-weight:500}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label .upload-text-secondary{color:var(--y);font-size:var(--s0)}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label .accepted-formats{color:var(--y);font-size:var(--s-1);margin-top:calc(var(--gap) / 2);opacity:.8}.ds.drag-and-drop-file-upload>.drag-drop-area .drag-error{color:var(--error);font-size:var(--s-1);margin-top:calc(var(--gap) / 2);text-align:center}.ds.drag-and-drop-file-upload.drag-over .drag-zone{background:var(--background-inputs)!important;border-color:var(--theme-focus-input-border)!important;transform:scale(1.02)}.ds.drag-and-drop-file-upload .files-preview{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:flex-start;width:100%}.ds.drag-and-drop-file-upload .files-preview .ds.file-preview{border:none;border-radius:0;width:100%}.ds.drag-and-drop-file-upload .files-preview .ds.file-preview .name{color:var(--y)}.ds.drag-and-drop-file-upload .files-preview .ds.file-preview .ai-icon,.ds.drag-and-drop-file-upload .files-preview .ds.file-preview .broken-file-actions .underlined,.ds.drag-and-drop-file-upload .files-preview .ds.file-preview .broken-file-actions .ai-icon{text-decoration:none!important}.ds.form-input+.ds.form-input{margin-top:1em}.ds.new-window-portal{background-color:var(--background-far);height:100%;width:100%}.ds.expandable-lexical-preview{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--gap);position:relative;width:100%}.ds.expandable-lexical-preview.collapsed{flex-direction:row}.ds.expandable-lexical-preview>.title{margin:0}.ds.expandable-lexical-preview>.ds.button{align-items:center;border:1px solid var(--outline-inputs);display:flex}.ds.expandable-lexical-preview>.ds.expand-button{border:1px solid var(--outline-inputs);position:absolute;right:1em;top:5.5rem}.ds.form-builder>.task-data{background:var(--background-inputs);border:1px solid var(--ui-lines);border-radius:.5em;color:var(--on-background-far);height:10em;margin-bottom:var(--gap);max-width:100%;overflow:auto;padding:calc(var(--gap) / 2);resize:vertical;text-wrap:wrap}.ds.input-builder{border:var(--theme-default-border-style) var(--ui-lines);border-radius:calc(var(--theme-default-border-radius) / 2);display:flex;margin-top:1rem;padding:1rem}.ds.input-builder>.drag-icon{margin-right:1rem}.ds.input-builder>.input-options-container{flex:auto}.ds.input-builder>.input-options-container>.controls-container{display:flex;justify-content:space-between;margin-bottom:1rem}.ds.input-builder>.input-options-container>.controls-container .ds.select-input{flex:.3}.ds.input-builder>.input-options-container>.controls-container>.controls{display:flex;gap:var(--gap)}.ds.input-builder>.input-options-container>.controls-container>.controls>.is-required{display:flex}.ds.input-builder>.input-options-container>.controls-container>.controls>*{height:fit-content}.ds.input-builder>.input-options-container>.controls-container>.controls>button{background-color:transparent;border:0;cursor:pointer}.ds.input-builder>.input-options-container>.controls-container>.controls>button>.ai-icon,.ds.input-builder>.input-options-container>.controls-container>.controls>button .icon{font-size:calc(var(--s1) * 1rem)}.ds.input-builder>.input-options-container>.input-name-description{display:flex;flex-direction:column;gap:var(--gap);margin-bottom:1rem}.ds.input-builder>.input-options-container>.character-limit-container{display:flex;flex-direction:column;gap:var(--gap)}.ds.input-builder>.input-options-container>.character-limit-container>.is-required{display:flex;flex-direction:row}.ds.input-builder>.input-options-container>.character-limit-container>.character-limit-input{flex-direction:column}.ds.input-builder>.input-options-container>.input-options{display:flex;flex-direction:column;gap:var(--gap)}.ds.input-builder>.input-options-container>.input-options>p{margin:0}.ds.input-builder>.input-options-container>.input-options>.option-container{align-items:center;display:flex;gap:calc(var(--gap) / 2)}.ds.input-builder>.input-options-container>.input-options>.option-container>.input-icon-sample{border:var(--theme-default-border-style) var(--outline-inputs);border-radius:var(--theme-default-border-radius);cursor:default;height:1.6rem;width:1.6rem}.ds.input-builder>.input-options-container>.input-options>.option-container>.input-icon-sample.checkbox{border-radius:calc(var(--theme-default-border-radius) / 4)}.ds.input-builder>.input-options-container>.input-options>.option-container>.ds.text-input{flex:.5}.ds.input-builder>.input-options-container>.input-options>.option-container>.ds.select-input{flex:.3}.ds.input-builder>.input-options-container>.input-options>.option-container>button{background-color:transparent;border:0;color:var(--ui-icons);cursor:pointer}.ds.input-builder>.input-options-container>.input-options>.option-container>button:disabled{cursor:not-allowed}.ds.input-builder>.input-options-container>.input-options>.add-option-cta{--color: var(--interactive);--border-color: var(--interactive);align-items:center;align-self:flex-start;background-color:transparent;border:0;color:var(--color);cursor:pointer;display:flex;gap:calc(var(--gap) / 1.5);padding:0;transition:all .2s}.ds.input-builder>.input-options-container>.input-options>.add-option-cta:hover,.ds.input-builder>.input-options-container>.input-options>.add-option-cta:disabled{--color: var(--soft-interactive);--border-color: var(--soft-interactive);cursor:not-allowed}.ds.input-builder>.input-options-container>.input-options>.add-option-cta>.icon-container{align-items:center;border:2px solid var(--border-color);border-radius:50%;display:flex;height:1.6rem;justify-content:center;width:1.6rem}.ds.input-builder>.input-options-container>.input-file-options{display:flex;flex-direction:column;gap:var(--gap);margin-bottom:1rem}.ds.input-builder>.input-options-container>.input-file-options>.specific-file-types{display:flex}.ds.actions-container{position:relative}.ds.actions-container>button{background-color:transparent;border:0;cursor:pointer}.ds.actions-container>.ds.popover{background-color:var(--background-cards);border:var(--theme-default-border-style) var(--main2);border-radius:calc(var(--theme-default-border-radius) / 2);cursor:default;padding:1rem;width:var(--action-button-width, 18rem)}.ds.actions-container>.ds.popover>p{margin:0}.ds.actions-container>.ds.popover>ul{list-style:none;margin:0;padding:0;white-space:nowrap}.ds.actions-container>.ds.popover>ul>.option{cursor:pointer;padding-block:.25rem}.ds.actions-container>.ds.popover>ul>.option:not(.with-check-mark){padding-inline:1rem}.ds.actions-container>.ds.popover>ul>.option>button{background:transparent;border:0;color:var(--paragraph);cursor:pointer;font-size:calc(var(--s0) * .875rem);text-align:left;width:100%}.ds.builder-section{border-bottom:var(--theme-default-border-style) var(--on-background-inputs)}.ds.builder-section>.section-header{align-items:center;display:flex;justify-content:space-between}.ds.builder-section>.ds.editor-input{margin-top:1rem}.ds.builder-section>form>.ds.drag-and-drop>.drag-over>.ds.input-builder{border:1px dashed var(--ui-lines)}.ds.builder-section>form>.add-question-cta{align-items:center;background-color:transparent;border:0;color:var(--hard-interactive);cursor:pointer;display:flex;gap:var(--gap);margin-block:1.5rem;margin-left:auto;padding:0;transition:all .2s}.ds.builder-section>form>.add-question-cta:hover{color:var(--interactive)}.ds.builder-section>form>.add-question-cta:hover>.icon-container{background-color:var(--interactive)}.ds.builder-section>form>.add-question-cta>.icon-container{align-items:center;background-color:var(--hard-interactive);border-radius:50%;display:flex;height:1.6rem;justify-content:center;width:1.6rem}.ds.builder-section>form>.add-question-cta>.icon-container>.icon{color:var(--on-interactive)}.ds.builder>form>.section-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem}.ds.builder>form>.section-footer>.add-section-cta{--color: var(--interactive);--border-color: var(--interactive);align-items:center;background-color:transparent;border:0;color:var(--color);cursor:pointer;display:flex;gap:calc(var(--gap) / 1.5);padding:0;transition:all .2s}.ds.builder>form>.section-footer>.add-section-cta:hover{--color: var(--soft-interactive);--border-color: var(--soft-interactive)}.ds.builder>form>.section-footer>.add-section-cta>.icon-container{align-items:center;border:2px solid var(--border-color);border-radius:50%;display:flex;height:1.6rem;justify-content:center;width:1.6rem}.ds.builder>form>.section-footer>.section-navigation{align-items:center;display:flex;flex:.4;gap:var(--gap)}.ds.builder>form>.section-footer>.section-navigation>span{white-space:nowrap}.ds.builder>form>.section-footer>.section-navigation>.ds.select-input{flex:auto}:export{base:ds;elementcontent:content;elementheading:heading;elementitem:item;elementsection:section;elementsubtitle:subtitle;modifieractive:active;modifieranimated:animated;modifierattached:attached;modifierblur:blur;modifierclear:clear;modifiercompact:compact;modifierdisabled:disabled;modifierimage:image;modifierghost:ghost;modifieropen:open;modifiersimple:simple;modifierspaced:spaced;modifierunderlined:underlined;wrappergroup:group}.ds.renderer>form>.ds.section{margin-bottom:2rem}.ds.renderer>form>.ds.section>p{margin:0}.ds.renderer>form>.ds.section>.ds.expandable-lexical-preview{margin-bottom:1rem}.ds.renderer>form>.navigator-container{display:flex;gap:var(--gap);justify-content:space-between}.ds.renderer>form>.navigator-container>.previous-button{align-items:center}
1
+ .ds.content-tree>.ds.tree{position:sticky;top:var(--theme-default-header-height-offset)}.ds.content-tree>.ds.tree ul{list-style:none;padding:0}.ds.content-tree>.ds.tree ul:first-child>li>p{margin-top:0}.ds.content-tree>.ds.tree ul:last-child>li>p{margin-bottom:0}.ds.content-tree>.ds.tree ul>li>p>a{color:var(--paragraph);text-decoration:none}.ds.content-tree>.ds.tree .active{font-weight:700}.ds.content-tree>.ds.tree .active:before{background:var(--x);border-radius:50%;content:"";display:inline-block;height:.5em;margin-right:1em;text-align:center;width:.5em}.ds.content-tree>.ds.tree li:not(:last-child){margin-bottom:1em}.ds.content-tree>.ds.tree li:not(:last-child) ul{padding-left:1em}.ds.conversation{background:var(--y)}.ds.conversation>.ds.section{display:flex;flex-direction:column}.ds.conversation>.ds.section>.ds.message+.ds.message{padding-top:var(--gap)}.ds.conversation>.ds.section>.ds.message.ours+.ds.message.ours,.ds.conversation>.ds.section>.ds.message.theirs+.ds.message.theirs{padding-top:calc(var(--gap) / 2)}.ds.conversation>.ds.section>.ds.message{align-self:flex-start;max-width:calc(100% - 4 * var(--gap));position:relative}.ds.conversation>.ds.section>.ds.message>.sender{margin:0;padding:0 var(--gap)}.ds.conversation>.ds.section>.ds.message>.message-content{background-color:var(--x);border:1px solid var(--hard-background-cards);border-radius:var(--theme-default-border-radius);display:flex;flex-direction:column;padding:0 var(--gap)}.ds.conversation>.ds.section>.ds.message>.message-content>p{color:var(--on-x)}.ds.conversation>.ds.section>.ds.message>.message-content>ul{padding:0 var(--gap);text-align:left}.ds.conversation>.ds.section>.ds.message>.message-content>ul>li{color:var(--on-x)}.ds.conversation>.ds.section>.ds.message>.message-content>*:not(:last-child){margin-bottom:0}.ds.conversation>.ds.section>.ds.message>.message-content>.attachment{align-items:center;align-self:flex-end;display:flex;flex-direction:row;gap:calc(var(--gap) / 2)}.ds.conversation>.ds.section>.ds.message.ds.theirs{align-self:flex-end}.ds.conversation>.ds.section>.ds.message.ds.theirs>.sender{text-align:end}.ds.notification{align-items:center;background-color:var(--background-far);border:1px solid var(--x);border-radius:1.5rem;bottom:0;color:var(--paragraph);display:flex;justify-content:space-between;margin-bottom:1rem;margin-right:1rem;min-height:var(--notification-height, 5rem);overflow:hidden;padding:1rem 2rem;position:fixed;right:0;width:var(--notification-width, 30rem);z-index:9999}.ds.notification>.message-container{align-items:center;display:flex;gap:1rem;overflow:auto}.ds.notification>.message-container>.icon{background-color:var(--x);border-radius:50%;color:var(--white);padding:.5rem}.ds.notification>.message-container>.message{font-size:calc(var(--s0) * 1rem);margin-left:.5rem}.ds.notification>.message-container>.message>a{color:var(--link, #0066cc);display:inline-block;font-weight:500;margin-top:.25rem;text-decoration:underline}.ds.notification>.message-container>.message>a:hover{color:var(--link-hover, #0052a3)}.ds.notification>.message-container>span{font-size:calc(var(--s2) * 1rem)}.ds.notification .ds.button{background-color:transparent;color:var(--paragraph);padding:.5rem}.ds.notification .ds.button:focus,.ds.notification .ds.button:hover{background-color:transparent;color:var(--hard-paragraph)}.ds.notification-stack{align-items:center;bottom:0;display:flex;flex-direction:column;position:fixed;right:0;width:var(--notification-stack-width, 30rem);z-index:9999}.ds.notification-stack>.ds.notification{position:relative;width:100%}.ds.animated-gradient{--gradient-color-1: var(--hard-background-mesh);--gradient-color-2: var(--soft-background-mesh);--gradient-color-3: var(--background-mesh);--gradient-color-4: var(--soft-background-mesh);background-color:var(--background-mesh);height:100%;left:0;top:0;width:100%}.ds.button{background:var(--x, var(--primary));border:transparent;border-radius:3em;color:var(--on-x, var(--on-primary));display:inline-flex;font-family:paragraph,sans-serif;font-weight:400;justify-content:space-between;padding:.75em 1.75em;transition:all .25s;white-space:nowrap}.ds.button.arrow-right:after{align-self:center;content:"-->";margin-left:.5em;vertical-align:middle}.ds.button.arrow-right:hover:not(:disabled):after{--final-position: 50%;animation:animateArrow .31s forwards}.ds.button.arrow-left:before{align-self:center;content:"<--";margin-right:.5em;vertical-align:middle}.ds.button.arrow-left:hover:not(:disabled):before{--final-position: -50%;animation:animateArrow .31s forwards}.ds.button:not(:disabled){cursor:pointer}.ds.button:not(:disabled):hover :not(.gradient) :not(.ghost) :not(.simple){background:var(--soft-x, var(--soft-primary))}.ds.button:not(:disabled):focus{background:var(--hard-x, var(--hard-primary))}.ds.button.gradient{background-image:linear-gradient(to right,var(--hard-x) 30%,var(--x) 50%,var(--hard-x) 100%);background-position:left;background-size:200% auto}.ds.button.gradient:not(:disabled):hover{background-position:right center}.ds.button.compact{padding:.5em .75em}.ds.button.ghost{background:transparent;border:1px solid var(--x, var(--primary));color:var(--y, var(--x, var(--primary)))}.ds.button.ghost:hover,.ds.button.ghost:focus,.ds.button.ghost:disabled{background:transparent}.ds.button.ghost:not(:disabled):hover{border:1px solid var(--soft-x, var(--soft-primary));color:var(--soft-y, var(--soft-x, var(--soft-primary)))}.ds.button.ghost:not(:disabled):focus{border:1px solid var(--hard-x, var(--hard-primary));color:var(--hard-y, var(--hard-x, var(--hard-primary)))}.ds.button.ghost:disabled{border:1px solid var(--hard-disabled, var(--primary));color:var(--hard-disabled, var(--primary))}.ds.button.spaced{margin-bottom:var(--spacing-2);margin-top:var(--spacing-2)}.ds.button.simple{--stroke-color: var(--x, var(--primary));background:transparent;border:1px solid transparent;color:var(--x, var(--primary));padding:0}.ds.button.simple>.underlined{text-decoration:underline}.ds.button.simple:disabled,.ds.button.simple:hover,.ds.button.simple:focus{background:transparent}.ds.button.simple:not(:disabled):hover{color:var(--soft-x, var(--soft-primary))}.ds.button.simple:not(:disabled):focus{color:var(--hard-x, var(--hard-primary))}.ds.button.simple:disabled{color:var(--hard-disabled, var(--primary))}.ds.button:disabled{background:var(--hard-disabled);filter:brightness(125%)}@keyframes animateArrow{0%{transform:translate(0)}to{transform:translate(var(--final-position))}}.ds.page{position:relative}.ds.page>.background{position:fixed;z-index:-1}.ds.page>.ds.section{position:relative}.ds.page>.ds.section.padded{padding-left:var(--gap);padding-right:var(--gap)}.ds.page>.ds.section>*:not(:last-child){z-index:1}.ds.page>.ds.section.spaced{padding-bottom:var(--theme-default-section-spacing);padding-top:var(--theme-default-section-spacing)}@media screen and (min-width: 900px){.ds.page>.ds.section.spaced{padding-bottom:var(--theme-desktop-section-spacing);padding-top:var(--theme-desktop-section-spacing)}}.ds.social-media-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-family:icons,sans-serif;transition:all .3s}.ds.social-media-button:focus{background:var(--soft-x)}.ds.social-media-button.clear{background:transparent;color:var(--y, var(--heading))}.ds.social-media-button.clear:hover{color:var(--x)}.ds.social-media-button.clear:focus{color:var(--soft-x)}.ds.theme-selector{align-items:center;display:flex;gap:var(--gap)}.ds.theme-selector>button{background:transparent;border:none;cursor:pointer;display:flex}.ds.theme-selector>button>input{height:0;visibility:hidden;width:0}.ds.theme-selector>button>label{background:var(--interactive);border-radius:var(--theme-default-border-radius);cursor:pointer;display:block;height:1.2em;position:relative;width:2.4em}.ds.theme-selector>button>label:after{background:var(--background-far);border:1px solid var(--ui-lines);border-radius:var(--theme-default-border-radius);content:"";height:1.2em;left:0;position:absolute;top:0;transition:.3s;width:1.2em}.ds.theme-selector>button>input:checked+label:after{left:1.2em}.ds.group{gap:var(--gap)}.ds.group.snap-scroller{margin-left:calc(var(--gap) * -1);margin-right:calc(var(--gap) * -1)}.ds.group.vertical-flexbox{display:flex;flex-direction:column}@media screen and (min-width: 900px){.ds.group.desktop-grid{display:grid;grid-template-columns:repeat(var(--columns),1fr);margin-left:unset;margin-right:unset}.ds.group.desktop-vertical-flexbox{display:flex;flex-direction:column}}.ds.card{background:var(--background-cards-80);border:1px solid var(--hard-background-cards);border-radius:var(--theme-default-border-radius);display:flex;flex-direction:column;overflow:hidden;position:relative}.ds.card>.progress-bar{left:0;position:absolute;top:0;width:100%}.ds.card>.ds.section:nth-last-child(2){flex-grow:1}.ds.card>.ds.section{padding:1.5em}.ds.card>.ds.section.image{padding:0}.ds.card>.ds.section.image img{border-radius:var(--theme-default-border-radius);width:100%}.ds.card>.ds.section>*:first-child{margin-block-start:0}.ds.card>.ds.section>*:last-child{margin-block-end:0}.ds.card>.ds.section+.ds.section{padding-top:0}.ds.modal{background:var(--background-cards);box-shadow:0 10px 20px #0003;display:flex;flex-direction:column;left:50%;overflow:auto;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.ds.modal .modal-header{background:var(--background-cards);border-bottom:var(--theme-default-border-style) var(--metadata);display:flex;font-size:calc(var(--theme-heading-font-size-multiplier, 1) * var(--s1) * 1em);justify-content:space-between;position:sticky;top:0;z-index:2}.ds.modal .modal-header>p{margin:0;padding:.5em}.ds.modal .modal-header .close-button{display:block}.ds.debuger .debuger-content{font-size:calc(var(--s-1) * 1em);white-space:pre}.ds.text-input{display:flex;flex-direction:column}.ds.text-input>.ds.form-label{margin-bottom:var(--gap)}.ds.text-input.has-symbol>.input-wrapper{position:relative}.ds.text-input.has-symbol>.input-wrapper:before{color:var(--y);content:var(--symbol);left:1em;position:absolute;top:50%;transform:translate(-50%,-50%)}.ds.text-input.has-symbol input{padding:.55em 0 .55em 2em}.ds.text-input.has-symbol input::-webkit-outer-spin-button,.ds.text-input.has-symbol input::-webkit-inner-spin-button{margin-right:.25em}.ds.text-input .input{background-color:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);color:var(--y);outline:none;padding:.55em .75em;width:100%}.ds.text-input .input::placeholder{color:var(--metadata)}.ds.text-input .input:disabled{background-color:var(--background-inputs-30)}.ds.text-input .input:not(:disabled):hover,.ds.text-input .input:not(:disabled):active{border:var(--theme-hover-input-border)}.ds.text-input .input:not(:disabled):focus{border:var(--theme-focus-input-border)}.ds.select-input>.ds.single{display:flex;flex-direction:column}.ds.select-input>.ds.single>.ds.form-label{margin-bottom:var(--gap)}.ds.select-input>.ds.single>.ds.form-label.with-tooltip{align-items:center;display:flex;gap:.5rem}.ds.select-input>.ds.single .select-wrapper{background-color:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);display:flex;flex-direction:column;padding:.55em 0 .55em .75em;position:relative}.ds.select-input>.ds.single .select-wrapper:not(.disabled):hover,.ds.select-input>.ds.single .select-wrapper:not(.disabled):active{border:var(--theme-hover-input-border)}.ds.select-input>.ds.single .select-wrapper:not(.disabled):focus{border:var(--theme-focus-input-border)}.ds.select-input>.ds.single .select-wrapper.disabled{background:var(--background-inputs-30)}.ds.select-input>.ds.single .select-wrapper::placeholder{color:var(--metadata)}.ds.select-input>.ds.single .select-wrapper:after{border-radius:var(--theme-default-input-border-radius)}.ds.select-input>.ds.single .select-wrapper>.ds.loading-circle{position:absolute;right:1em;top:50%;transform:translateY(-50%)}.ds.select-input>.ds.single .select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-inputs);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDEuNUwxMCAxMC41TDEgMS41IiBzdHJva2U9IiM0QzRENTMiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=);background-position:calc(100% - 1em);background-repeat:no-repeat;background-size:1em;padding-right:1em}.ds.select-input>.ds.single .select-wrapper select.input{border:none;color:var(--y);outline:none;width:100%}.ds.select-input>.ds.single .select-wrapper select.input:disabled{background:transparent}.ds.select-input>.ds.multiple{display:flex;flex-direction:column;outline:none;position:relative}.ds.select-input>.ds.multiple>.ds.form-label{margin-bottom:var(--gap)}.ds.select-input>.ds.multiple .ds.popover{border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);width:100%}.ds.select-input>.ds.multiple .ds.popover>.menu{list-style:none;margin:0;outline:0;padding:0}.ds.select-input>.ds.multiple .ds.popover>.menu>.item{border-radius:var(--theme-default-input-border-radius);padding:.55em .75em}.ds.select-input>.ds.multiple .ds.popover>.menu>.item>p{margin:0}.ds.select-input>.ds.multiple .ds.popover>.menu>.item.active:not(.disabled){background-color:var(--y)}.ds.select-input>.ds.multiple .ds.popover>.menu>.item.active:not(.disabled)>p{color:var(--on-y)}.ds.select-input>.ds.multiple>.input-container{position:relative}.ds.select-input>.ds.multiple>.input-container>.input{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--paragraph);outline:none;padding:.55em .75em;width:100%}.ds.select-input>.ds.multiple>.input-container>.input::placeholder{color:var(--metadata)}.ds.select-input>.ds.multiple>.input-container>.input:disabled{background-color:var(--background-inputs-30);color:var(--paragraph)}.ds.select-input>.ds.multiple>.input-container>.input:not(:disabled):hover,.ds.select-input>.ds.multiple>.input-container>.input:not(:disabled):active{border:var(--theme-hover-input-border)}.ds.select-input>.ds.multiple>.input-container>.input:not(:disabled):focus{border:var(--theme-focus-input-border)}.ds.select-input>.ds.multiple>.selected-items{display:flex;flex-wrap:wrap;gap:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 2)}.ds.select-input>.ds.multiple>.selected-items>.item>.ds.button{align-items:center;display:flex;gap:calc(var(--gap) / 2)}.ds.select-input>.ds.multiple>.selected-items>.item .close{font-size:calc(var(--s-3) * 1em)}.ds.choices-input{display:flex;flex-direction:column}.ds.choices-input>.ds.form-label{margin-bottom:var(--gap)}.ds.choices-input>.choices{display:flex;flex-wrap:wrap;gap:.5em .375em}.ds.choices-input>.choices.space-between{justify-content:space-between}.ds.choices-input>.choices>.choice{display:flex}.ds.choices-input>.choices>.choice input{opacity:0;position:fixed;visibility:none;z-index:-1}.ds.choices-input>.choices>.choice input:disabled+label{background-color:var(--background-inputs-30)}.ds.choices-input>.choices>.choice>label{background-color:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);color:var(--paragraph);cursor:pointer;display:block;height:.5em;max-width:100%;padding:.3em 1em 1.7em;position:relative;transition:var(--theme-default-transition);white-space:nowrap}.ds.choices-input>.choices>.choice>label:not(.disabled):hover{border:var(--theme-hover-input-border)}.ds.choices-input>.choices>.choice input:checked+label{background:var(--x);color:var(--on-x)}.ds.text-area-input{display:flex;flex-direction:column}.ds.text-area-input>.ds.form-label{margin-bottom:var(--gap)}.ds.text-area-input>.textarea{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);color:var(--y);outline:none;padding:.55em .75em;width:100%}.ds.text-area-input>.textarea::placeholder{color:var(--metadata)}.ds.text-area-input>.textarea:disabled{background-color:var(--background-inputs-30)}.ds.text-area-input>.textarea:not(:disabled):hover,.ds.text-area-input>.textarea:not(:disabled):active{border:var(--theme-hover-input-border)}.ds.text-area-input>.textarea:not(:disabled):focus{border:var(--theme-focus-input-border)}.ds.ratings-input{display:flex;flex-direction:column;gap:var(--gap)}.ds.ratings-input>.stars{display:flex}.ds.ratings-input>.stars>:not(:last-child){margin-right:.5em}.ds.ratings-input>.stars>.ds.rating{display:flex}.ds.ratings-input>.stars>.ds.rating>input{opacity:0;position:absolute;visibility:none;z-index:-1}.ds.ratings-input>.stars>.ds.rating>label{align-items:center;cursor:pointer;display:flex;flex-direction:column;padding:.2em;transition:all .2s}.ds.ratings-input>.stars .label-text{align-self:flex-end;margin-bottom:0}.ds.combobox,.ds.multiple-combobox{display:flex;flex-direction:column;outline:none;position:relative}.ds.combobox>.ds.form-label,.ds.multiple-combobox>.ds.form-label{margin-bottom:var(--gap)}.ds.combobox .ds.popover,.ds.multiple-combobox .ds.popover{background:var(--background-inputs);background-color:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);max-height:var(--menu-options-height, 20rem);overflow-y:auto;scrollbar-width:thin;width:100%;z-index:2}.ds.combobox .ds.popover>.menu>div,.ds.multiple-combobox .ds.popover>.menu>div{list-style:none;margin:0;outline:0;padding:calc(var(--theme-default-padding) / 2)}.ds.combobox .ds.popover>.menu>div>.item,.ds.multiple-combobox .ds.popover>.menu>div>.item{border-radius:var(--theme-default-input-border-radius);cursor:pointer;padding:.55em .75em}.ds.combobox .ds.popover>.menu>div>.item>p,.ds.multiple-combobox .ds.popover>.menu>div>.item>p{margin:0}.ds.combobox .ds.popover>.menu>div>.item.active,.ds.multiple-combobox .ds.popover>.menu>div>.item.active{background-color:var(--background-near)}.ds.combobox .ds.popover>.menu>div>.item.active>p,.ds.multiple-combobox .ds.popover>.menu>div>.item.active>p{color:var(--paragraph)}.ds.combobox>.input-container,.ds.multiple-combobox>.input-container{position:relative}.ds.combobox>.input-container>.ds.loading-circle,.ds.combobox>.input-container>.ds.button,.ds.multiple-combobox>.input-container>.ds.loading-circle,.ds.multiple-combobox>.input-container>.ds.button{position:absolute;right:.5em}.ds.combobox>.input-container>.ds.loading-circle,.ds.multiple-combobox>.input-container>.ds.loading-circle{top:.75em}.ds.combobox>.input-container>.ds.button,.ds.multiple-combobox>.input-container>.ds.button{top:.5em}.ds.combobox>.input-container>.input,.ds.multiple-combobox>.input-container>.input{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--paragraph);outline:none;padding:.55em .75em;width:100%}.ds.combobox>.input-container>.input::placeholder,.ds.multiple-combobox>.input-container>.input::placeholder{color:var(--metadata)}.ds.combobox>.input-container>.input:disabled,.ds.multiple-combobox>.input-container>.input:disabled{background-color:var(--background-inputs-30);color:var(--on-background-inputs-30)}.ds.combobox>.input-container>.input:not(:disabled):hover,.ds.combobox>.input-container>.input:not(:disabled):active,.ds.multiple-combobox>.input-container>.input:not(:disabled):hover,.ds.multiple-combobox>.input-container>.input:not(:disabled):active{border:var(--theme-hover-input-border)}.ds.combobox>.input-container>.input:not(:disabled):focus,.ds.multiple-combobox>.input-container>.input:not(:disabled):focus{border:var(--theme-focus-input-border)}.ds.multiple-combobox>.selected-items{display:flex;flex-wrap:wrap;gap:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 2)}.ds.multiple-combobox>.selected-items>.item>.ds.button{align-items:center;background-color:var(--background-near);color:var(--paragraph);display:flex;gap:calc(var(--gap) / 2)}.ds.multiple-combobox>.selected-items>.item .close{font-size:calc(var(--s-3) * 1em)}.ds.checkbox{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.ds.checkbox.row{flex-direction:row;gap:var(--gap);justify-content:flex-start}.ds.checkbox.column>.ds.form-label{margin-bottom:var(--gap)}.ds.checkbox>.ds.form-label{order:var(--label-order, 0)}.ds.link-input{display:flex;flex-direction:column;position:relative}.ds.link-input>.ds.form-label{margin-bottom:var(--gap)}.ds.link-input.has-symbol:before{color:var(--y);content:var(--symbol);left:1em;position:absolute;top:50%;transform:translate(-50%,-50%)}.ds.link-input.has-symbol input{padding:.55em 0 .55em 2em}.ds.link-input>.input-link-wrapper{display:flex;gap:calc(var(--gap) / 2)}.ds.link-input>.input-link-wrapper>a{align-self:center;border:1px solid var(--interactive);border-radius:var(--theme-default-input-border-radius);padding:.5em}.ds.link-input>.input-link-wrapper>a:hover{background-color:var(--interactive);color:var(--on-interactive)}.ds.link-input>.input-link-wrapper>input{background-color:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);color:var(--y);outline:none;padding:.55em .75em;width:100%}.ds.link-input>.input-link-wrapper>input::placeholder{color:var(--metadata)}.ds.link-input>.input-link-wrapper>input:disabled{background-color:var(--background-inputs-30)}.ds.link-input>.input-link-wrapper>input:not(:disabled):hover,.ds.link-input>.input-link-wrapper>input:not(:disabled):active{border:var(--theme-hover-input-border)}.ds.link-input>.input-link-wrapper>input:not(:disabled):focus{border:var(--theme-focus-input-border)}.ds.block-format-drop-down{align-items:center;background-color:var(--x);border:0;color:var(--on-background-inputs);cursor:pointer;display:flex;gap:calc(var(--gap) / 2);margin-inline:calc(var(--theme-default-padding) / 4);padding:calc(var(--theme-default-padding) / 2);position:relative}.ds.block-format-drop-down:hover{background:var(--hard-x);border-radius:calc(var(--theme-default-border-radius) / 2)}.ds.block-format-drop-down>.ds.popover{background-color:var(--background-far);border:1px solid var(--hard-background-cards);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--heading);display:flex;flex-direction:column;padding:calc(var(--theme-default-padding) / 2);width:15em}.ds.block-format-drop-down>.ds.popover>.item{align-items:center;background-color:var(--x);border:0;border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--paragraph);cursor:pointer;display:flex;gap:calc(var(--gap) / 2);padding:calc(var(--theme-default-padding) / 2);transition:all .2s}.ds.block-format-drop-down>.ds.popover>.item:hover{background-color:var(--hard-x)}.ds.block-format-drop-down>.ds.popover>.item.active{background-color:var(--hard-ui-main)}.rcp-root{--rcp-background-color: #121212;--rcp-field-input-color: #ffffff;--rcp-field-input-border-color: #242424;--rcp-field-label-color: #808080}.rcp{display:flex;flex-direction:column;background-color:var(--rcp-background-color);border-radius:10px}.rcp-body{display:flex;flex-direction:column;gap:20px;padding:20px 10px}.rcp-section{display:flex;flex-direction:column;gap:10px}.rcp-interactive{width:100%;height:100%;-webkit-user-select:none;user-select:none;touch-action:none}.rcp-interactive[aria-disabled=true]{cursor:unset;pointer-events:none}.rcp-saturation{cursor:all-scroll;width:100%;position:relative;background-image:linear-gradient(to bottom,transparent,black),linear-gradient(to right,white,transparent);border-radius:10px 10px 0 0}.rcp-saturation-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-10px)}.rcp-hue{cursor:ew-resize;position:relative;width:100%;height:12px;background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px}.rcp-hue-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-4px)}.rcp-alpha{cursor:ew-resize;position:relative;width:100%;height:12px;border-radius:10px}.rcp-alpha-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-4px)}.rcp-fields{display:flex;flex-direction:column;gap:10px}.rcp-fields-floor{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.rcp-field{display:flex;flex-direction:column;width:100%}.rcp-field-input{width:100%;font-family:inherit;font-size:14px;text-align:center;color:var(--rcp-field-input-color);background-color:transparent;border:2px solid var(--rcp-field-input-border-color);border-radius:5px;outline:none;padding:5px 0}.rcp-field-input:read-only{opacity:.8}.rcp-field-label{font-size:14px;text-align:center;color:var(--rcp-field-label-color)}.ds.color-picker{cursor:pointer;position:relative}.ds.color-picker>button{align-items:center;background-color:var(--x);border:0;color:var(--on-background-inputs);display:flex;gap:calc(var(--gap) / 2);padding:calc(var(--theme-default-padding) / 2)}.ds.color-picker>button:hover{background:var(--hard-x);border-radius:calc(var(--theme-default-border-radius) / 2)}.ds.color-picker>.ds.popover{background-color:var(--background-far);border:1px solid var(--hard-background-cards);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--heading);padding:calc(var(--theme-default-padding) / 2);width:20rem}.ds.font-size-drop-down{align-items:center;background-color:var(--x);border:0;color:var(--on-background-inputs);cursor:pointer;display:flex;gap:calc(var(--gap) / 2);margin-inline:calc(var(--theme-default-padding) / 4);padding:calc(var(--theme-default-padding) / 2);position:relative}.ds.font-size-drop-down:hover{background:var(--hard-x);border-radius:calc(var(--theme-default-border-radius) / 2)}.ds.font-size-drop-down>.ds.popover{background-color:var(--background-far);border:1px solid var(--hard-background-cards);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--heading);display:flex;flex-direction:column;padding:calc(var(--theme-default-padding) / 2);width:4.5rem}.ds.font-size-drop-down>.ds.popover>.item{align-items:center;background-color:var(--x);border:0;border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--paragraph);cursor:pointer;display:flex;gap:calc(var(--gap) / 2);padding:calc(var(--theme-default-padding) / 2);transition:all .2s}.ds.font-size-drop-down>.ds.popover>.item:hover{background-color:var(--hard-x)}.ds.font-size-drop-down>.ds.popover>.item.active{background-color:var(--hard-ui-main)}.ds.toolbar-plugin{align-items:center;border-inline:var(--theme-default-input-border);border-top:var(--theme-default-input-border);border-top-left-radius:var(--theme-default-input-border-radius);border-top-right-radius:var(--theme-default-input-border-radius);display:flex;flex-wrap:wrap;padding-block:calc(var(--theme-default-padding) / 4)}.ds.toolbar-plugin>.ds+.group{border-left:1px solid var(--soft-background-inputs)}.ds.toolbar-plugin>.group{display:flex;gap:calc(var(--gap) / 2)}.ds.toolbar-plugin>.group>button{background:var(--x);border:0;border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--soft-ui-icons);cursor:pointer;margin:0;padding:.55em .75em}.ds.toolbar-plugin>.group>button:hover,.ds.toolbar-plugin>.group>button.active{background:var(--hard-x)}.ds.toolbar-plugin>.group:not(.ds){padding-inline:calc(var(--theme-default-padding) / 4)}.ds.toolbar-plugin>.group:not(:last-child,.ds){border-right:1px solid var(--soft-background-inputs)}.ds.editor-input{display:flex;flex-direction:column}.ds.editor-input>.ds.form-label{margin-bottom:var(--gap)}.ds.editor-input:not(.disabled):hover>.textarea,.ds.editor-input:not(.disabled):focus>.textarea,.ds.editor-input:not(.disabled):active>.textarea{border:var(--theme-focus-input-border)}.ds.editor-input:not(.disabled)>.content-editable{border-bottom-left-radius:var(--theme-default-input-border-radius);border-bottom-right-radius:var(--theme-default-input-border-radius)}.ds.editor-input.disabled>.textarea{background:var(--background-inputs-30);color:var(--metadata);cursor:not-allowed}.ds.editor-input.disabled>.content-editable{border-radius:var(--theme-default-input-border-radius)}.ds.editor-input .color-menu-button:hover>.ds.popover{display:block}.ds.editor-input .color-menu-button>.ds.popover{padding:.5em .25em}.ds.editor-input .color-menu-button>.ds.popover .color-menu{display:flex;flex-wrap:wrap;gap:calc(var(--gap) / 2 / 2);justify-content:center;max-width:10em;min-width:5em}.ds.editor-input .color-menu-button>.ds.popover .color-option:hover{opacity:.5}.ds.editor-input>.content-editable{background:var(--background-inputs);border:var(--theme-default-input-border);color:var(--y);height:var(--rows);outline:none;overflow:auto;padding:.55em .75em;resize:var(--resize);width:100%}.ds.editor-input>.content-editable .lexical-list-item-checked,.ds.editor-input>.content-editable .lexical-list-item-unchecked{list-style-type:none;margin-inline:calc(var(--gap) / 2);outline:none;padding-inline:calc(var(--theme-default-padding) * 1.5);position:relative}.ds.editor-input>.content-editable .lexical-list-item-checked{text-decoration:line-through}.ds.editor-input>.content-editable .lexical-list-item-unchecked:before,.ds.editor-input>.content-editable .lexical-list-item-checked:before{background-size:cover;content:"";cursor:pointer;display:block;height:1rem;left:0;position:absolute;top:2px;width:1rem}.ds.editor-input>.content-editable .lexical-list-item-unchecked[dir=rtl]:before,.ds.editor-input>.content-editable .lexical-list-item-checked[dir=rtl]:before{left:auto;right:0}.ds.editor-input>.content-editable .lexical-list-item-unchecked:focus:before,.ds.editor-input>.content-editable .lexical-list-item-checked:focus:before{border-radius:2px;box-shadow:0 0 0 2px var(--light-blue)}.ds.editor-input>.content-editable .lexical-list-item-unchecked:before{border:var(--theme-default-border-style) var(--ui-icons);border-radius:2px}.ds.editor-input>.content-editable .lexical-list-item-checked:before{background-color:var(--blue);background-repeat:no-repeat;border:var(--theme-default-border-style) var(--soft-blue);border-radius:2px}.ds.editor-input>.content-editable .lexical-list-item-checked:after{border-color:var(--background-far);border-style:solid;border-width:0 2px 2px 0;content:"";cursor:pointer;display:block;height:6px;left:7px;position:absolute;right:7px;top:6px;transform:rotate(45deg);width:3px}.ds.editor-input>.content-editable .lexical-code{background-color:var(--hard-background-cards);display:block;font-size:calc(var(--s-1) * 1rem);margin:0;margin-bottom:calc(var(--gap) / 2);margin-top:calc(var(--gap) / 2);overflow-x:auto;padding-block:calc(var(--theme-default-padding) / 2);padding-bottom:calc(var(--theme-default-padding) / 2);padding-left:calc(var(--theme-default-padding) * 2);position:relative;-moz-tab-size:2;tab-size:2}.ds.editor-input>.content-editable .lexical-code:before{background-color:var(--hard-background-cards);border-right:var(--theme-default-border-style) var(--ui-icons);color:var(--pagraph);content:attr(data-gutter);left:0;padding:calc(var(--theme-default-padding) / 2);position:absolute;text-align:right;top:0;white-space:pre-wrap}.ds.editor-input>.content-editable li:has(ol,ul){list-style-type:none}.ds.editor-input>.content-editable a{cursor:pointer}.ds.editor-input>.content-editable blockquote{border-left:4px solid var(--ui-icons);font-size:calc(var(--s0) * 1rem);margin:0;margin-left:var(--gap);padding-left:calc(var(--theme-default-padding) / 2)}.ds.editor-input>.content-editable p.underlined,.ds.editor-input>.content-editable span.underlined,.ds.editor-input>.content-editable strong.underlined,.ds.editor-input>.content-editable em.underlined,.ds.editor-input>.content-editable li.underlined{text-decoration:underline}.ds.editor-input>.content-editable p.underlined.strikethrough,.ds.editor-input>.content-editable span.underlined.strikethrough,.ds.editor-input>.content-editable strong.underlined.strikethrough,.ds.editor-input>.content-editable em.underlined.strikethrough,.ds.editor-input>.content-editable li.underlined.strikethrough{text-decoration:underline line-through}.ds.editor-input>.content-editable p.strikethrough,.ds.editor-input>.content-editable span.strikethrough,.ds.editor-input>.content-editable strong.strikethrough,.ds.editor-input>.content-editable em.strikethrough,.ds.editor-input>.content-editable li.strikethrough{text-decoration:line-through}.ds.editor-input>.content-editable p.italic,.ds.editor-input>.content-editable span.italic,.ds.editor-input>.content-editable strong.italic,.ds.editor-input>.content-editable em.italic,.ds.editor-input>.content-editable li.italic{font-style:italic}.ds.editor-input>.content-editable :first-child{margin-top:0}.ds.editor-input>.content-editable::placeholder{color:var(--metadata)}.ds.editor-input>.tree-view-output{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);max-height:20em;overflow:auto;padding:.55em .75em}.ds.single{display:flex;flex-direction:column;outline:none;position:relative;z-index:1}.ds.single>.ds.form-label{margin-bottom:var(--gap)}.ds.single .select-single-control{align-items:center;background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);cursor:pointer;display:flex;min-height:2.5rem;padding:0 .75rem;position:relative;transition:border .2s;-webkit-user-select:none;user-select:none}.ds.single .select-single-control:hover,.ds.single .select-single-control:focus{border:var(--theme-hover-input-border)}.ds.single .select-single-control.disabled{background:var(--background-inputs-30);color:var(--metadata);cursor:not-allowed}.ds.single .select-single-placeholder{color:var(--metadata);font-size:.875rem}.ds.single .select-single-tag{align-items:center;background:var(--background-cards);background-color:var(--on-y);border-radius:.875rem;color:var(--paragraph);display:inline-flex;font-size:.875rem;font-weight:500;height:1.75rem;margin-right:.5rem;padding:0 .625rem}.ds.single .select-single-arrow{border-left:.375rem solid transparent;border-right:.375rem solid transparent;border-top:.375rem solid var(--metadata);height:0;margin-left:auto;pointer-events:none;width:0}.ds.single .select-single-dropdown{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);box-shadow:0 .25rem 1rem #00000014;left:0;list-style:none;margin:0;max-height:15rem;overflow-y:auto;padding:.25rem 0;position:absolute;right:0;top:100%;z-index:2}.ds.single .select-single-option{align-items:center;background:transparent;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;margin:.125rem .25rem;padding:.5rem 1rem;transition:background .15s}.ds.single .select-single-option.selected{background:var(--background-near);font-weight:600}.ds.single .select-single-option.disabled{color:var(--metadata);cursor:not-allowed}.ds.single .select-single-option:hover:not(.disabled){background:var(--background-near)}.ds.single .select-single-check{color:var(--main);font-size:.875rem;font-weight:700}.ds.single .select-single-option-label{background-color:var(--on-y);border-radius:.875rem;display:inline-block;font-size:.875rem;font-weight:500;padding:0 .625rem}.ds.latex-preview-input{display:flex;flex-direction:row;gap:1em}.ds.latex-preview-input>.preview-child{flex:1;position:relative}.ds.latex-preview-input>.latex-container{border:1px solid var(--ui-lines);border-radius:var(--theme-default-border-radius);margin-top:2.5em;max-width:50%;overflow:auto;padding:0 1em}.ds.file-upload{display:flex;flex-direction:column;gap:var(--gap)}.ds.file-upload>p{color:var(--y);margin:0}.ds.file-upload>.ds.description{height:auto}.ds.file-upload>.ds.form-label{align-items:center;border:var(--theme-default-border-style) var(--ui-lines);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--heading);cursor:pointer;display:flex;gap:calc(var(--gap) / 2);padding:1rem;width:fit-content}.ds.file-upload>.ds.form-label:has(>input:disabled){--icon-color: var(--hard-disabled);color:var(--hard-disabled);cursor:not-allowed}.ds.file-upload>.ds.form-label:has(>input:not(:disabled)):hover,.ds.file-upload>.ds.form-label:has(>input:not(:disabled)):active{border:var(--theme-hover-input-border)}.ds.file-upload>.ds.form-label>.ai-icon{color:var(--icon-color, var(--interactive));font-size:calc(var(--s2) * 1rem)}.ds.file-upload>.ds.form-label>input[type=file]{display:none}.ds.file-upload>.attached-files{display:flex;gap:var(--gap)}.ds.file-upload>.attached-files>p{margin:0}.ds.file-upload>.attached-files>.files{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap);width:110%}.ds.file-preview{border:var(--theme-default-border-style) var(--ui-lines);border-radius:calc(var(--theme-default-border-radius) / 2);display:flex;flex-direction:column;gap:calc(var(--gap) / 4);padding:1rem;width:calc((100% - var(--gap) * 2) / 3)}.ds.file-preview>.identity{align-items:center;display:flex;gap:calc(var(--gap) / 2);justify-content:space-between}.ds.file-preview>.identity>.type{padding-block:.25rem;padding-inline:.5rem}.ds.file-preview>.identity>.name{color:var(--on-x);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds.file-preview>.identity>.ds.button{margin-left:auto}.ds.file-preview>.progress-status>.status>.icon{background-color:var(--x);border-radius:50%;color:var(--on-x);font-size:calc(var(--s-2) * 1rem);padding:.25rem}.ds.file-preview>.progress-status>.retry{background:none;border:none;color:var(--x);cursor:pointer;font-family:inherit;font-size:inherit;margin-bottom:.5rem;margin-top:.5rem;padding:0;text-decoration:underline}.ds.file-preview{border:var(--theme-default-border-style) var(--ui-lines);border-radius:calc(var(--theme-default-border-radius) / 2);display:flex;flex-direction:column;gap:calc(var(--gap) / 4);padding:1.5rem;position:relative;width:calc((100% - var(--gap) * 1) / 2)}.ds.file-preview.error{border-color:#e52217}.ds.file-preview>.identity{align-items:center;display:flex;gap:calc(var(--gap) / 2);justify-content:flex-start}.ds.file-preview>.identity>.type{padding-block:.375rem;padding-inline:.75rem}.ds.file-preview>.identity>.type.pdf,.ds.file-preview>.identity>.type.broken,.ds.file-preview>.identity>.type.unknown{background-color:#fdead7;color:#b93814}.ds.file-preview>.identity>.type.file{background-color:#eef2f6;color:#364151}.ds.file-preview>.identity>.type.txt{background-color:#d1dfff;color:#004eeb}.ds.file-preview>.identity>.type.vid{background-color:#ebe9fe;color:#5a25dc}.ds.file-preview>.identity>.type.img{background-color:#cbfbef;color:#107569}.ds.file-preview>.identity>.type.aud{background-color:#fef7c3;color:#a15c08}.ds.file-preview>.identity>.file-size-container{align-items:flex-start;display:flex;flex-direction:column;gap:calc(var(--gap) / 2);justify-content:flex-start;overflow:hidden}.ds.file-preview>.identity>.file-size-container>.name{color:var(--y);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ds.file-preview>.identity>.file-size-container>.file-size-container-inner{align-items:center;align-self:flex-start;display:flex;flex-direction:row;gap:.5rem;width:100%}.ds.file-preview>.identity>.file-size-container>.upload-progress-text{color:var(--x);font-size:calc(var(--s-2) * 1rem);font-weight:500}.ds.file-preview>.identity>.ds.button{flex-shrink:0;margin-left:auto}.ds.file-preview>.broken-file-actions{align-items:center;display:flex;gap:calc(var(--gap) / 4);position:absolute;right:.75rem;top:.75rem;z-index:10}.ds.file-preview>.broken-file-actions>.ds.button{flex-shrink:0}.ds.file-preview>.progress-status>.status{align-items:center;color:var(--x);display:flex;gap:calc(var(--gap) / 2);margin-bottom:.25rem}.ds.file-preview>.progress-status>.status>.icon{background-color:var(--x);border-radius:50%;color:var(--on-x);font-size:calc(var(--s-2) * 1rem);padding:.375rem}.ds.file-preview>.progress-status>.try-again-text{color:#e52217}.ds.file-preview>.progress-status>.progress-container{align-items:center;display:flex;gap:calc(var(--gap) / 2);justify-content:space-between}.ds.file-preview>.progress-status>.progress-container>.ds.progress-bar{flex:1;min-width:0}.ds.file-preview>.progress-status>.progress-container>.progress-percentage{color:#4c4d53;flex-shrink:0;font-size:calc(var(--s-2) * 1.5rem);font-weight:500}.ds.file-preview .success-color{color:#00b21b}.ds.file-preview .failed-color{color:#e52217}.ds.file-preview .uploading-color{color:#808389}.ds.file-preview .divider{color:#c3c5cb}.ds.toggle-input{display:flex;flex-direction:column}.ds.toggle-input>.ds.form-label{margin-bottom:var(--gap)}.ds.toggle-input>.toggle-wrapper{align-items:center;display:flex;margin-bottom:calc(var(--gap) / 2)}.ds.search-dropdown{display:flex;flex-direction:column;outline:none;position:relative;z-index:9}.ds.search-dropdown>.ds.form-label{margin-bottom:var(--gap)}.ds.search-dropdown .ds.popover{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:var(--theme-default-input-border-radius);box-shadow:0 .25rem .375rem -.0625rem #0000001a,0 .125rem .25rem -.0625rem #0000000f;left:0;position:absolute;top:100%;width:100%;z-index:10}.ds.search-dropdown .ds.popover>.menu{list-style:none;margin:0;outline:0;padding:0}.ds.search-dropdown .ds.popover>.menu>.item{align-items:center;border-radius:var(--theme-default-input-border-radius);display:flex;justify-content:space-between;margin:.125rem .25rem;padding:.55rem .75rem}.ds.search-dropdown .ds.popover>.menu>.item .select-single-check{color:var(--main);font-size:1rem;font-weight:700;margin-left:10rem}.ds.search-dropdown .ds.popover>.menu>.item>p{margin:0}.ds.search-dropdown .ds.popover>.menu>.item.active:not(.disabled){background-color:var(--background-near)}.ds.search-dropdown .ds.popover>.menu>.item.active:not(.disabled)>p{color:var(--on-y)}.ds.search-dropdown .ds.popover .is-breakout{border-bottom:.0625rem solid var(--ui-lines);border-radius:0;display:block;padding:0 11rem}.ds.search-dropdown>.input-container{position:relative;z-index:9}.ds.search-dropdown>.input-container>.input{background:var(--background-inputs);border:var(--theme-default-input-border);border-radius:calc(var(--theme-default-border-radius) / 2);color:var(--paragraph);outline:none;padding:.55rem .75rem;width:100%}.ds.search-dropdown>.input-container>.input::placeholder{color:var(--metadata)}.ds.search-dropdown>.input-container>.input:disabled{background-color:var(--background-inputs-30);color:var(--paragraph)}.ds.search-dropdown>.selected-items{display:flex;flex-wrap:wrap;gap:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 2)}.ds.search-dropdown>.selected-items>.item>.ds.button{align-items:center;display:flex;gap:calc(var(--gap) / 2)}.ds.search-dropdown>.selected-items>.item .close{font-size:calc(var(--s-3) * 1rem)}.ds.drag-and-drop-file-upload{display:flex;flex-direction:column;gap:var(--gap)}.ds.drag-and-drop-file-upload>p{color:var(--y);margin:0}.ds.drag-and-drop-file-upload>.ds.description{height:auto}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label{background:none;border:none;cursor:default;padding:0}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label:has(>input:disabled){cursor:not-allowed}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label>input[type=file]{display:none}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label>.drag-zone{align-items:center;background:var(--background-inputs);border:2px dashed var(--ui-lines);border-radius:var(--theme-default-input-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:calc(var(--gap) / 2);justify-content:center;min-height:3.5em;min-width:400px;padding:.55em .75em;text-align:center;transition:all .2s ease-in-out;width:100%}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label>.drag-zone:hover{background:var(--background-inputs);border-color:var(--theme-hover-input-border)}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label>.drag-zone:has(>input:disabled){cursor:not-allowed;opacity:.6}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label .upload-icon-ai-icon{color:var(--y);font-size:calc(var(--s4) * 1rem);margin-bottom:calc(var(--gap) / 2)}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label .upload-text{align-items:center;display:flex;flex-direction:row;gap:calc(var(--gap) / 2)}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label .upload-text-primary{color:var(--interactive);font-size:var(--s1);font-weight:500}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label .upload-text-secondary{color:var(--y);font-size:var(--s0)}.ds.drag-and-drop-file-upload>.drag-drop-area .ds.form-label .accepted-formats{color:var(--y);font-size:var(--s-1);margin-top:calc(var(--gap) / 2);opacity:.8}.ds.drag-and-drop-file-upload>.drag-drop-area .drag-error{color:var(--error);font-size:var(--s-1);margin-top:calc(var(--gap) / 2);text-align:center}.ds.drag-and-drop-file-upload.drag-over .drag-zone{background:var(--background-inputs)!important;border-color:var(--theme-focus-input-border)!important;transform:scale(1.02)}.ds.drag-and-drop-file-upload .files-preview{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:flex-start;width:100%}.ds.drag-and-drop-file-upload .files-preview .ds.file-preview{border:none;border-radius:0;width:100%}.ds.drag-and-drop-file-upload .files-preview .ds.file-preview .name{color:var(--y)}.ds.drag-and-drop-file-upload .files-preview .ds.file-preview .ai-icon,.ds.drag-and-drop-file-upload .files-preview .ds.file-preview .broken-file-actions .underlined,.ds.drag-and-drop-file-upload .files-preview .ds.file-preview .broken-file-actions .ai-icon{text-decoration:none!important}.ds.form-input+.ds.form-input{margin-top:1em}.ds.new-window-portal{background-color:var(--background-far);height:100%;width:100%}.ds.expandable-lexical-preview{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--gap);position:relative;width:100%}.ds.expandable-lexical-preview.collapsed{flex-direction:row}.ds.expandable-lexical-preview>.title{margin:0}.ds.expandable-lexical-preview>.ds.button{align-items:center;border:1px solid var(--outline-inputs);display:flex}.ds.expandable-lexical-preview>.ds.expand-button{border:1px solid var(--outline-inputs);position:absolute;right:1em;top:5.5rem}.ds.form-builder>.task-data{background:var(--background-inputs);border:1px solid var(--ui-lines);border-radius:.5em;color:var(--on-background-far);height:10em;margin-bottom:var(--gap);max-width:100%;overflow:auto;padding:calc(var(--gap) / 2);resize:vertical;text-wrap:wrap}.ds.input-builder{border:var(--theme-default-border-style) var(--ui-lines);border-radius:calc(var(--theme-default-border-radius) / 2);display:flex;margin-top:1rem;padding:1rem}.ds.input-builder>.drag-icon{margin-right:1rem}.ds.input-builder>.input-options-container{flex:auto}.ds.input-builder>.input-options-container>.controls-container{display:flex;justify-content:space-between;margin-bottom:1rem}.ds.input-builder>.input-options-container>.controls-container .ds.select-input{flex:.3}.ds.input-builder>.input-options-container>.controls-container>.controls{display:flex;gap:var(--gap)}.ds.input-builder>.input-options-container>.controls-container>.controls>.is-required{display:flex}.ds.input-builder>.input-options-container>.controls-container>.controls>*{height:fit-content}.ds.input-builder>.input-options-container>.controls-container>.controls>button{background-color:transparent;border:0;cursor:pointer}.ds.input-builder>.input-options-container>.controls-container>.controls>button>.ai-icon,.ds.input-builder>.input-options-container>.controls-container>.controls>button .icon{font-size:calc(var(--s1) * 1rem)}.ds.input-builder>.input-options-container>.input-name-description{display:flex;flex-direction:column;gap:var(--gap);margin-bottom:1rem}.ds.input-builder>.input-options-container>.character-limit-container{display:flex;flex-direction:column;gap:var(--gap)}.ds.input-builder>.input-options-container>.character-limit-container>.is-required{display:flex;flex-direction:row}.ds.input-builder>.input-options-container>.character-limit-container>.character-limit-input{flex-direction:column}.ds.input-builder>.input-options-container>.input-options{display:flex;flex-direction:column;gap:var(--gap)}.ds.input-builder>.input-options-container>.input-options>p{margin:0}.ds.input-builder>.input-options-container>.input-options>.option-container{align-items:center;display:flex;gap:calc(var(--gap) / 2)}.ds.input-builder>.input-options-container>.input-options>.option-container>.input-icon-sample{border:var(--theme-default-border-style) var(--outline-inputs);border-radius:var(--theme-default-border-radius);cursor:default;height:1.6rem;width:1.6rem}.ds.input-builder>.input-options-container>.input-options>.option-container>.input-icon-sample.checkbox{border-radius:calc(var(--theme-default-border-radius) / 4)}.ds.input-builder>.input-options-container>.input-options>.option-container>.ds.text-input{flex:.5}.ds.input-builder>.input-options-container>.input-options>.option-container>.ds.select-input{flex:.3}.ds.input-builder>.input-options-container>.input-options>.option-container>button{background-color:transparent;border:0;color:var(--ui-icons);cursor:pointer}.ds.input-builder>.input-options-container>.input-options>.option-container>button:disabled{cursor:not-allowed}.ds.input-builder>.input-options-container>.input-options>.add-option-cta{--color: var(--interactive);--border-color: var(--interactive);align-items:center;align-self:flex-start;background-color:transparent;border:0;color:var(--color);cursor:pointer;display:flex;gap:calc(var(--gap) / 1.5);padding:0;transition:all .2s}.ds.input-builder>.input-options-container>.input-options>.add-option-cta:hover,.ds.input-builder>.input-options-container>.input-options>.add-option-cta:disabled{--color: var(--soft-interactive);--border-color: var(--soft-interactive);cursor:not-allowed}.ds.input-builder>.input-options-container>.input-options>.add-option-cta>.icon-container{align-items:center;border:2px solid var(--border-color);border-radius:50%;display:flex;height:1.6rem;justify-content:center;width:1.6rem}.ds.input-builder>.input-options-container>.input-file-options{display:flex;flex-direction:column;gap:var(--gap);margin-bottom:1rem}.ds.input-builder>.input-options-container>.input-file-options>.specific-file-types{display:flex}.ds.actions-container{position:relative}.ds.actions-container>button{background-color:transparent;border:0;cursor:pointer}.ds.actions-container>.ds.popover{background-color:var(--background-cards);border:var(--theme-default-border-style) var(--main2);border-radius:calc(var(--theme-default-border-radius) / 2);cursor:default;padding:1rem;width:var(--action-button-width, 18rem)}.ds.actions-container>.ds.popover>p{margin:0}.ds.actions-container>.ds.popover>ul{list-style:none;margin:0;padding:0;white-space:nowrap}.ds.actions-container>.ds.popover>ul>.option{cursor:pointer;padding-block:.25rem}.ds.actions-container>.ds.popover>ul>.option:not(.with-check-mark){padding-inline:1rem}.ds.actions-container>.ds.popover>ul>.option>button{background:transparent;border:0;color:var(--paragraph);cursor:pointer;font-size:calc(var(--s0) * .875rem);text-align:left;width:100%}.ds.builder-section{border-bottom:var(--theme-default-border-style) var(--on-background-inputs)}.ds.builder-section>.section-header{align-items:center;display:flex;justify-content:space-between}.ds.builder-section>.ds.editor-input{margin-top:1rem}.ds.builder-section>form>.ds.drag-and-drop>.drag-over>.ds.input-builder{border:1px dashed var(--ui-lines)}.ds.builder-section>form>.add-question-cta{align-items:center;background-color:transparent;border:0;color:var(--hard-interactive);cursor:pointer;display:flex;gap:var(--gap);margin-block:1.5rem;margin-left:auto;padding:0;transition:all .2s}.ds.builder-section>form>.add-question-cta:hover{color:var(--interactive)}.ds.builder-section>form>.add-question-cta:hover>.icon-container{background-color:var(--interactive)}.ds.builder-section>form>.add-question-cta>.icon-container{align-items:center;background-color:var(--hard-interactive);border-radius:50%;display:flex;height:1.6rem;justify-content:center;width:1.6rem}.ds.builder-section>form>.add-question-cta>.icon-container>.icon{color:var(--on-interactive)}.ds.builder>form>.section-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem}.ds.builder>form>.section-footer>.add-section-cta{--color: var(--interactive);--border-color: var(--interactive);align-items:center;background-color:transparent;border:0;color:var(--color);cursor:pointer;display:flex;gap:calc(var(--gap) / 1.5);padding:0;transition:all .2s}.ds.builder>form>.section-footer>.add-section-cta:hover{--color: var(--soft-interactive);--border-color: var(--soft-interactive)}.ds.builder>form>.section-footer>.add-section-cta>.icon-container{align-items:center;border:2px solid var(--border-color);border-radius:50%;display:flex;height:1.6rem;justify-content:center;width:1.6rem}.ds.builder>form>.section-footer>.section-navigation{align-items:center;display:flex;flex:.4;gap:var(--gap)}.ds.builder>form>.section-footer>.section-navigation>span{white-space:nowrap}.ds.builder>form>.section-footer>.section-navigation>.ds.select-input{flex:auto}:export{base:ds;elementcontent:content;elementheading:heading;elementitem:item;elementsection:section;elementsubtitle:subtitle;modifieractive:active;modifieranimated:animated;modifierattached:attached;modifierblur:blur;modifierclear:clear;modifiercompact:compact;modifierdisabled:disabled;modifierimage:image;modifierghost:ghost;modifieropen:open;modifiersimple:simple;modifierspaced:spaced;modifierunderlined:underlined;wrappergroup:group}.ds.renderer>form>.ds.section{margin-bottom:2rem}.ds.renderer>form>.ds.section>p{margin:0}.ds.renderer>form>.ds.section>.ds.expandable-lexical-preview{margin-bottom:1rem}.ds.renderer>form>.navigator-container{display:flex;gap:var(--gap);justify-content:space-between}.ds.renderer>form>.navigator-container>.previous-button{align-items:center}
@@ -1,78 +1,439 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import * as g from "react";
3
- import { P as e } from "../../../../../../index-CxkFVI6N.js";
4
- import { s as l } from "../../../../../../exports.module-DmUnHWIJ.js";
5
- const u = l.base, h = "menu", o = g.forwardRef(({
6
- id: t,
7
- className: i,
8
- style: m,
9
- items: n,
10
- isOpen: p,
11
- highlightedIndex: c,
12
- getItemProps: f,
13
- ...d
14
- }, b) => /* @__PURE__ */ a(
15
- "ul",
16
- {
17
- id: t,
18
- className: [
19
- u,
20
- h,
21
- i
22
- ].filter((s) => s).join(" "),
23
- style: m,
24
- ref: b,
25
- ...d,
26
- children: p && n.map((s, r) => /* @__PURE__ */ a(
27
- "li",
28
- {
29
- ...f({ item: s, index: r }),
30
- className: [
31
- "item",
32
- c === r && l.modifierActive
33
- ].filter(Boolean).join(" "),
34
- children: /* @__PURE__ */ a("p", { children: s.label })
35
- },
36
- s.label
37
- ))
38
- }
39
- ));
40
- o.propTypes = {
41
- /**
42
- * The HTML id for this element
43
- */
44
- id: e.string,
45
- /**
46
- * The HTML class names for this element
47
- */
48
- className: e.string,
49
- /**
50
- * The React-written, css properties for this element.
51
- */
52
- style: e.objectOf(e.string),
53
- /**
54
- * The items to be displayed in the menu
55
- */
56
- items: e.arrayOf(e.shape({
57
- value: e.string,
58
- label: e.string
59
- })),
60
- /**
61
- * Whether or not the menu is open
62
- */
63
- isOpen: e.bool,
64
- /**
65
- * The index of the highlighted item
66
- */
67
- highlightedIndex: e.number,
68
- /**
69
- * The function to get the item props
70
- */
71
- getItemProps: e.func
1
+ import { jsx as P } from "react/jsx-runtime";
2
+ import * as oe from "react";
3
+ import { createElement as W, PureComponent as ae } from "react";
4
+ import { s as Z } from "../../../../../../exports.module-DmUnHWIJ.js";
5
+ function q(r) {
6
+ if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
7
+ return r;
8
+ }
9
+ function D(r, t) {
10
+ return D = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, a) {
11
+ return i.__proto__ = a, i;
12
+ }, D(r, t);
13
+ }
14
+ function F() {
15
+ return F = Object.assign ? Object.assign.bind() : function(r) {
16
+ for (var t = 1; t < arguments.length; t++) {
17
+ var i = arguments[t];
18
+ for (var a in i) ({}).hasOwnProperty.call(i, a) && (r[a] = i[a]);
19
+ }
20
+ return r;
21
+ }, F.apply(null, arguments);
22
+ }
23
+ function le(r, t) {
24
+ r.prototype = Object.create(t.prototype), r.prototype.constructor = r, D(r, t);
25
+ }
26
+ var j = Number.isNaN || function(t) {
27
+ return typeof t == "number" && t !== t;
72
28
  };
73
- o.defaultProps = {
74
- // someProp:false
29
+ function se(r, t) {
30
+ return !!(r === t || j(r) && j(t));
31
+ }
32
+ function ce(r, t) {
33
+ if (r.length !== t.length)
34
+ return !1;
35
+ for (var i = 0; i < r.length; i++)
36
+ if (!se(r[i], t[i]))
37
+ return !1;
38
+ return !0;
39
+ }
40
+ function k(r, t) {
41
+ t === void 0 && (t = ce);
42
+ var i, a = [], c, v = !1;
43
+ function y() {
44
+ for (var g = [], S = 0; S < arguments.length; S++)
45
+ g[S] = arguments[S];
46
+ return v && i === this && t(g, a) || (c = r.apply(this, g), v = !0, i = this, a = g), c;
47
+ }
48
+ return y;
49
+ }
50
+ var ue = typeof performance == "object" && typeof performance.now == "function", H = ue ? function() {
51
+ return performance.now();
52
+ } : function() {
53
+ return Date.now();
75
54
  };
55
+ function K(r) {
56
+ cancelAnimationFrame(r.id);
57
+ }
58
+ function de(r, t) {
59
+ var i = H();
60
+ function a() {
61
+ H() - i >= t ? r.call(null) : c.id = requestAnimationFrame(a);
62
+ }
63
+ var c = {
64
+ id: requestAnimationFrame(a)
65
+ };
66
+ return c;
67
+ }
68
+ var A = -1;
69
+ function B(r) {
70
+ if (r === void 0 && (r = !1), A === -1 || r) {
71
+ var t = document.createElement("div"), i = t.style;
72
+ i.width = "50px", i.height = "50px", i.overflow = "scroll", document.body.appendChild(t), A = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
73
+ }
74
+ return A;
75
+ }
76
+ var _ = null;
77
+ function G(r) {
78
+ if (r === void 0 && (r = !1), _ === null || r) {
79
+ var t = document.createElement("div"), i = t.style;
80
+ i.width = "50px", i.height = "50px", i.overflow = "scroll", i.direction = "rtl";
81
+ var a = document.createElement("div"), c = a.style;
82
+ return c.width = "100px", c.height = "100px", t.appendChild(a), document.body.appendChild(t), t.scrollLeft > 0 ? _ = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? _ = "negative" : _ = "positive-ascending"), document.body.removeChild(t), _;
83
+ }
84
+ return _;
85
+ }
86
+ process.env.NODE_ENV;
87
+ var fe = 150, he = function(t, i) {
88
+ return t;
89
+ }, x = null, R = null;
90
+ process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (x = /* @__PURE__ */ new WeakSet(), R = /* @__PURE__ */ new WeakSet());
91
+ function pe(r) {
92
+ var t, i = r.getItemOffset, a = r.getEstimatedTotalSize, c = r.getItemSize, v = r.getOffsetForIndexAndAlignment, y = r.getStartIndexForOffset, g = r.getStopIndexForStartIndex, S = r.initInstanceProps, I = r.shouldResetStyleCacheOnItemSizeChange, p = r.validateProps;
93
+ return t = /* @__PURE__ */ function(b) {
94
+ le(T, b);
95
+ function T(m) {
96
+ var e;
97
+ return e = b.call(this, m) || this, e._instanceProps = S(e.props, q(e)), e._outerRef = void 0, e._resetIsScrollingTimeoutId = null, e.state = {
98
+ instance: q(e),
99
+ isScrolling: !1,
100
+ scrollDirection: "forward",
101
+ scrollOffset: typeof e.props.initialScrollOffset == "number" ? e.props.initialScrollOffset : 0,
102
+ scrollUpdateWasRequested: !1
103
+ }, e._callOnItemsRendered = void 0, e._callOnItemsRendered = k(function(n, o, l, u) {
104
+ return e.props.onItemsRendered({
105
+ overscanStartIndex: n,
106
+ overscanStopIndex: o,
107
+ visibleStartIndex: l,
108
+ visibleStopIndex: u
109
+ });
110
+ }), e._callOnScroll = void 0, e._callOnScroll = k(function(n, o, l) {
111
+ return e.props.onScroll({
112
+ scrollDirection: n,
113
+ scrollOffset: o,
114
+ scrollUpdateWasRequested: l
115
+ });
116
+ }), e._getItemStyle = void 0, e._getItemStyle = function(n) {
117
+ var o = e.props, l = o.direction, u = o.itemSize, f = o.layout, s = e._getItemStyleCache(I && u, I && f, I && l), d;
118
+ if (s.hasOwnProperty(n))
119
+ d = s[n];
120
+ else {
121
+ var h = i(e.props, n, e._instanceProps), O = c(e.props, n, e._instanceProps), z = l === "horizontal" || f === "horizontal", N = l === "rtl", E = z ? h : 0;
122
+ s[n] = d = {
123
+ position: "absolute",
124
+ left: N ? void 0 : E,
125
+ right: N ? E : void 0,
126
+ top: z ? 0 : h,
127
+ height: z ? "100%" : O,
128
+ width: z ? O : "100%"
129
+ };
130
+ }
131
+ return d;
132
+ }, e._getItemStyleCache = void 0, e._getItemStyleCache = k(function(n, o, l) {
133
+ return {};
134
+ }), e._onScrollHorizontal = function(n) {
135
+ var o = n.currentTarget, l = o.clientWidth, u = o.scrollLeft, f = o.scrollWidth;
136
+ e.setState(function(s) {
137
+ if (s.scrollOffset === u)
138
+ return null;
139
+ var d = e.props.direction, h = u;
140
+ if (d === "rtl")
141
+ switch (G()) {
142
+ case "negative":
143
+ h = -u;
144
+ break;
145
+ case "positive-descending":
146
+ h = f - l - u;
147
+ break;
148
+ }
149
+ return h = Math.max(0, Math.min(h, f - l)), {
150
+ isScrolling: !0,
151
+ scrollDirection: s.scrollOffset < h ? "forward" : "backward",
152
+ scrollOffset: h,
153
+ scrollUpdateWasRequested: !1
154
+ };
155
+ }, e._resetIsScrollingDebounced);
156
+ }, e._onScrollVertical = function(n) {
157
+ var o = n.currentTarget, l = o.clientHeight, u = o.scrollHeight, f = o.scrollTop;
158
+ e.setState(function(s) {
159
+ if (s.scrollOffset === f)
160
+ return null;
161
+ var d = Math.max(0, Math.min(f, u - l));
162
+ return {
163
+ isScrolling: !0,
164
+ scrollDirection: s.scrollOffset < d ? "forward" : "backward",
165
+ scrollOffset: d,
166
+ scrollUpdateWasRequested: !1
167
+ };
168
+ }, e._resetIsScrollingDebounced);
169
+ }, e._outerRefSetter = function(n) {
170
+ var o = e.props.outerRef;
171
+ e._outerRef = n, typeof o == "function" ? o(n) : o != null && typeof o == "object" && o.hasOwnProperty("current") && (o.current = n);
172
+ }, e._resetIsScrollingDebounced = function() {
173
+ e._resetIsScrollingTimeoutId !== null && K(e._resetIsScrollingTimeoutId), e._resetIsScrollingTimeoutId = de(e._resetIsScrolling, fe);
174
+ }, e._resetIsScrolling = function() {
175
+ e._resetIsScrollingTimeoutId = null, e.setState({
176
+ isScrolling: !1
177
+ }, function() {
178
+ e._getItemStyleCache(-1, null);
179
+ });
180
+ }, e;
181
+ }
182
+ T.getDerivedStateFromProps = function(e, n) {
183
+ return me(e, n), p(e), null;
184
+ };
185
+ var w = T.prototype;
186
+ return w.scrollTo = function(e) {
187
+ e = Math.max(0, e), this.setState(function(n) {
188
+ return n.scrollOffset === e ? null : {
189
+ scrollDirection: n.scrollOffset < e ? "forward" : "backward",
190
+ scrollOffset: e,
191
+ scrollUpdateWasRequested: !0
192
+ };
193
+ }, this._resetIsScrollingDebounced);
194
+ }, w.scrollToItem = function(e, n) {
195
+ n === void 0 && (n = "auto");
196
+ var o = this.props, l = o.itemCount, u = o.layout, f = this.state.scrollOffset;
197
+ e = Math.max(0, Math.min(e, l - 1));
198
+ var s = 0;
199
+ if (this._outerRef) {
200
+ var d = this._outerRef;
201
+ u === "vertical" ? s = d.scrollWidth > d.clientWidth ? B() : 0 : s = d.scrollHeight > d.clientHeight ? B() : 0;
202
+ }
203
+ this.scrollTo(v(this.props, e, n, f, this._instanceProps, s));
204
+ }, w.componentDidMount = function() {
205
+ var e = this.props, n = e.direction, o = e.initialScrollOffset, l = e.layout;
206
+ if (typeof o == "number" && this._outerRef != null) {
207
+ var u = this._outerRef;
208
+ n === "horizontal" || l === "horizontal" ? u.scrollLeft = o : u.scrollTop = o;
209
+ }
210
+ this._callPropsCallbacks();
211
+ }, w.componentDidUpdate = function() {
212
+ var e = this.props, n = e.direction, o = e.layout, l = this.state, u = l.scrollOffset, f = l.scrollUpdateWasRequested;
213
+ if (f && this._outerRef != null) {
214
+ var s = this._outerRef;
215
+ if (n === "horizontal" || o === "horizontal")
216
+ if (n === "rtl")
217
+ switch (G()) {
218
+ case "negative":
219
+ s.scrollLeft = -u;
220
+ break;
221
+ case "positive-ascending":
222
+ s.scrollLeft = u;
223
+ break;
224
+ default:
225
+ var d = s.clientWidth, h = s.scrollWidth;
226
+ s.scrollLeft = h - d - u;
227
+ break;
228
+ }
229
+ else
230
+ s.scrollLeft = u;
231
+ else
232
+ s.scrollTop = u;
233
+ }
234
+ this._callPropsCallbacks();
235
+ }, w.componentWillUnmount = function() {
236
+ this._resetIsScrollingTimeoutId !== null && K(this._resetIsScrollingTimeoutId);
237
+ }, w.render = function() {
238
+ var e = this.props, n = e.children, o = e.className, l = e.direction, u = e.height, f = e.innerRef, s = e.innerElementType, d = e.innerTagName, h = e.itemCount, O = e.itemData, z = e.itemKey, N = z === void 0 ? he : z, E = e.layout, J = e.outerElementType, Q = e.outerTagName, Y = e.style, ee = e.useIsScrolling, te = e.width, L = this.state.isScrolling, M = l === "horizontal" || E === "horizontal", re = M ? this._onScrollHorizontal : this._onScrollVertical, U = this._getRangeToRender(), ie = U[0], ne = U[1], V = [];
239
+ if (h > 0)
240
+ for (var C = ie; C <= ne; C++)
241
+ V.push(W(n, {
242
+ data: O,
243
+ key: N(C, O),
244
+ index: C,
245
+ isScrolling: ee ? L : void 0,
246
+ style: this._getItemStyle(C)
247
+ }));
248
+ var $ = a(this.props, this._instanceProps);
249
+ return W(J || Q || "div", {
250
+ className: o,
251
+ onScroll: re,
252
+ ref: this._outerRefSetter,
253
+ style: F({
254
+ position: "relative",
255
+ height: u,
256
+ width: te,
257
+ overflow: "auto",
258
+ WebkitOverflowScrolling: "touch",
259
+ willChange: "transform",
260
+ direction: l
261
+ }, Y)
262
+ }, W(s || d || "div", {
263
+ children: V,
264
+ ref: f,
265
+ style: {
266
+ height: M ? "100%" : $,
267
+ pointerEvents: L ? "none" : void 0,
268
+ width: M ? $ : "100%"
269
+ }
270
+ }));
271
+ }, w._callPropsCallbacks = function() {
272
+ if (typeof this.props.onItemsRendered == "function") {
273
+ var e = this.props.itemCount;
274
+ if (e > 0) {
275
+ var n = this._getRangeToRender(), o = n[0], l = n[1], u = n[2], f = n[3];
276
+ this._callOnItemsRendered(o, l, u, f);
277
+ }
278
+ }
279
+ if (typeof this.props.onScroll == "function") {
280
+ var s = this.state, d = s.scrollDirection, h = s.scrollOffset, O = s.scrollUpdateWasRequested;
281
+ this._callOnScroll(d, h, O);
282
+ }
283
+ }, w._getRangeToRender = function() {
284
+ var e = this.props, n = e.itemCount, o = e.overscanCount, l = this.state, u = l.isScrolling, f = l.scrollDirection, s = l.scrollOffset;
285
+ if (n === 0)
286
+ return [0, 0, 0, 0];
287
+ var d = y(this.props, s, this._instanceProps), h = g(this.props, d, s, this._instanceProps), O = !u || f === "backward" ? Math.max(1, o) : 1, z = !u || f === "forward" ? Math.max(1, o) : 1;
288
+ return [Math.max(0, d - O), Math.max(0, Math.min(n - 1, h + z)), d, h];
289
+ }, T;
290
+ }(ae), t.defaultProps = {
291
+ direction: "ltr",
292
+ itemData: void 0,
293
+ layout: "vertical",
294
+ overscanCount: 2,
295
+ useIsScrolling: !1
296
+ }, t;
297
+ }
298
+ var me = function(t, i) {
299
+ var a = t.children, c = t.direction, v = t.height, y = t.layout, g = t.innerTagName, S = t.outerTagName, I = t.width, p = i.instance;
300
+ if (process.env.NODE_ENV !== "production") {
301
+ (g != null || S != null) && R && !R.has(p) && (R.add(p), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
302
+ var b = c === "horizontal" || y === "horizontal";
303
+ switch (c) {
304
+ case "horizontal":
305
+ case "vertical":
306
+ x && !x.has(p) && (x.add(p), console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));
307
+ break;
308
+ case "ltr":
309
+ case "rtl":
310
+ break;
311
+ default:
312
+ throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + c + '" was specified.'));
313
+ }
314
+ switch (y) {
315
+ case "horizontal":
316
+ case "vertical":
317
+ break;
318
+ default:
319
+ throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". ' + ('"' + y + '" was specified.'));
320
+ }
321
+ if (a == null)
322
+ throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
323
+ if (b && typeof I != "number")
324
+ throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (I === null ? "null" : typeof I) + '" was specified.'));
325
+ if (!b && typeof v != "number")
326
+ throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (v === null ? "null" : typeof v) + '" was specified.'));
327
+ }
328
+ }, ve = /* @__PURE__ */ pe({
329
+ getItemOffset: function(t, i) {
330
+ var a = t.itemSize;
331
+ return i * a;
332
+ },
333
+ getItemSize: function(t, i) {
334
+ var a = t.itemSize;
335
+ return a;
336
+ },
337
+ getEstimatedTotalSize: function(t) {
338
+ var i = t.itemCount, a = t.itemSize;
339
+ return a * i;
340
+ },
341
+ getOffsetForIndexAndAlignment: function(t, i, a, c, v, y) {
342
+ var g = t.direction, S = t.height, I = t.itemCount, p = t.itemSize, b = t.layout, T = t.width, w = g === "horizontal" || b === "horizontal", m = w ? T : S, e = Math.max(0, I * p - m), n = Math.min(e, i * p), o = Math.max(0, i * p - m + p + y);
343
+ switch (a === "smart" && (c >= o - m && c <= n + m ? a = "auto" : a = "center"), a) {
344
+ case "start":
345
+ return n;
346
+ case "end":
347
+ return o;
348
+ case "center": {
349
+ var l = Math.round(o + (n - o) / 2);
350
+ return l < Math.ceil(m / 2) ? 0 : l > e + Math.floor(m / 2) ? e : l;
351
+ }
352
+ case "auto":
353
+ default:
354
+ return c >= o && c <= n ? c : c < o ? o : n;
355
+ }
356
+ },
357
+ getStartIndexForOffset: function(t, i) {
358
+ var a = t.itemCount, c = t.itemSize;
359
+ return Math.max(0, Math.min(a - 1, Math.floor(i / c)));
360
+ },
361
+ getStopIndexForStartIndex: function(t, i, a) {
362
+ var c = t.direction, v = t.height, y = t.itemCount, g = t.itemSize, S = t.layout, I = t.width, p = c === "horizontal" || S === "horizontal", b = i * g, T = p ? I : v, w = Math.ceil((T + a - b) / g);
363
+ return Math.max(0, Math.min(
364
+ y - 1,
365
+ i + w - 1
366
+ // -1 is because stop index is inclusive
367
+ ));
368
+ },
369
+ initInstanceProps: function(t) {
370
+ },
371
+ shouldResetStyleCacheOnItemSizeChange: !0,
372
+ validateProps: function(t) {
373
+ var i = t.itemSize;
374
+ if (process.env.NODE_ENV !== "production" && typeof i != "number")
375
+ throw Error('An invalid "itemSize" prop has been specified. Value should be a number. ' + ('"' + (i === null ? "null" : typeof i) + '" was specified.'));
376
+ }
377
+ });
378
+ const ge = Z.base, Se = "menu", ye = ({
379
+ index: r,
380
+ style: t,
381
+ items: i,
382
+ getItemProps: a,
383
+ highlightedIndex: c
384
+ }) => {
385
+ const v = i[r];
386
+ return /* @__PURE__ */ P(
387
+ "div",
388
+ {
389
+ style: t,
390
+ ...a({ item: v, index: r }),
391
+ className: [
392
+ "item",
393
+ c === r && Z.modifierActive
394
+ ].filter(Boolean).join(" "),
395
+ children: /* @__PURE__ */ P("p", { children: v.label })
396
+ }
397
+ );
398
+ }, X = 40, Ie = 300, ze = oe.forwardRef(({
399
+ id: r,
400
+ className: t,
401
+ style: i,
402
+ items: a,
403
+ isOpen: c,
404
+ highlightedIndex: v,
405
+ getItemProps: y,
406
+ ...g
407
+ }, S) => {
408
+ const I = Math.min(a.length * X, Ie);
409
+ return /* @__PURE__ */ P(
410
+ ve,
411
+ {
412
+ itemSize: X,
413
+ itemCount: a.length,
414
+ height: I,
415
+ id: r,
416
+ overscanCount: 2,
417
+ className: [
418
+ ge,
419
+ Se,
420
+ t
421
+ ].filter((p) => p).join(" "),
422
+ style: i,
423
+ ref: S,
424
+ ...g,
425
+ children: (p) => /* @__PURE__ */ P(
426
+ ye,
427
+ {
428
+ items: a,
429
+ getItemProps: y,
430
+ highlightedIndex: v,
431
+ ...p
432
+ }
433
+ )
434
+ }
435
+ );
436
+ });
76
437
  export {
77
- o as default
438
+ ze as default
78
439
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pareto-engineering/design-system",
3
- "version": "5.10.0",
3
+ "version": "5.10.2",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -37,9 +37,9 @@
37
37
  "license": "ISC",
38
38
  "devDependencies": {
39
39
  "@chromatic-com/storybook": "^3.2.6",
40
- "@pareto-engineering/eslint-config": "^5.10.0",
41
- "@pareto-engineering/stylelint-config": "^5.10.0",
42
- "@pareto-engineering/ts-config": "^5.10.0",
40
+ "@pareto-engineering/eslint-config": "^5.10.2",
41
+ "@pareto-engineering/stylelint-config": "^5.10.2",
42
+ "@pareto-engineering/ts-config": "^5.10.2",
43
43
  "@storybook/addon-essentials": "^8.6.12",
44
44
  "@storybook/addon-interactions": "^8.6.12",
45
45
  "@storybook/addon-links": "^8.6.12",
@@ -72,9 +72,9 @@
72
72
  "@lexical/selection": "0.12.2",
73
73
  "@lexical/table": "0.12.2",
74
74
  "@lexical/utils": "0.12.2",
75
- "@pareto-engineering/assets": "^5.10.0",
76
- "@pareto-engineering/bem": "^5.10.0",
77
- "@pareto-engineering/styles": "^5.10.0",
75
+ "@pareto-engineering/assets": "^5.10.2",
76
+ "@pareto-engineering/bem": "^5.10.2",
77
+ "@pareto-engineering/styles": "^5.10.2",
78
78
  "@types/node": "^22.14.1",
79
79
  "@vitejs/plugin-react": "^4.3.4",
80
80
  "better-react-mathjax": "^2.0.3",
@@ -96,6 +96,7 @@
96
96
  "react-markdown": "^9.0.1",
97
97
  "react-relay": "^15.0.0",
98
98
  "react-router-dom": "^5.3.4",
99
+ "react-window": "^1.8.11",
99
100
  "recharts": "^2.13.3",
100
101
  "rehype-mathjax": "^6.0.0",
101
102
  "relay-test-utils": "^15.0.0",
@@ -104,5 +105,5 @@
104
105
  "vite-plugin-lib-inject-css": "^2.2.2"
105
106
  },
106
107
  "browserslist": "> 2%",
107
- "gitHead": "05a6011e02f11377e3685841275713323b2d7a3c"
108
+ "gitHead": "910fd0aa5bbd9dcc3614b925a12f7036fe979f09"
108
109
  }