/*! * For our compatability themes, we will merge the themes from v10 and v11 and * provide this combination as one of our four default themes. * * This is useful for situations where a user is trying to use the compatability * theme, for example: * * ```scss * @use '@askia/fibre-styles/scss/reset'; * @use '@askia/fibre-styles/scss/compat/themes'; * @use '@askia/fibre-styles/scss/compat/theme' with ( * $theme: themes.$g100 * ); * ``` * * Without merging these themes, then the value of a token in v11 would default * to our $white theme. As a result, the user would need to specify both the * `$theme` and the `$fallback` to the `scss/compat/theme` module. * * Now that we merge the themes, this code snippet will function as expected. */@keyframes svelte-1q8d6ms-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1q8d6ms-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1q8d6ms-skeleton{0%{opacity:30%;transform:scaleX(0);transform-origin:left}20%{opacity:100%;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:30%;transform:scaleX(0);transform-origin:left}}.fds--dnd.fds--dnd_no-handle.svelte-1q8d6ms{cursor:grab}.fds--dnd.svelte-1q8d6ms:empty{position:absolute;z-index:-1;top:33%;width:100%;margin:0;padding:0;height:33%}.fds--dnd.svelte-1q8d6ms .fds--dnd__empty-on-top{z-index:1}.fds--dnd.svelte-1q8d6ms .fds--dnd__related>*:first-child{display:none!important}.fds--dnd.svelte-1q8d6ms .fds--dnd__related:after{border:2px dashed var(--fds-focus, #0f62fe);position:absolute;inset:1px 0;content:""}.fds--dnd.svelte-1q8d6ms .fds--dnd__clone{overflow:hidden;transition:all .15s cubic-bezier(.4,.14,1,1)}.fds--dnd.svelte-1q8d6ms .fds--dnd__clone:after{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px;position:absolute;inset:0;content:""}@media screen and (prefers-contrast){.fds--dnd.svelte-1q8d6ms .fds--dnd__clone:after{outline-style:dotted}}.fds--dnd.svelte-1q8d6ms .fds--dnd__ghost-animation{height:0;transition:height .15s cubic-bezier(0,0,.3,1)}.fds--dnd.svelte-1q8d6ms .fds--dnd__ghost{height:2px;overflow:hidden;border-top:2px dashed var(--fds-focus, #0f62fe);box-sizing:border-box}.fds--dnd__drag-helper.svelte-1q8d6ms{position:absolute;display:none;align-items:center;z-index:66;background-color:var(--fds-layer);border-radius:2px;overflow:hidden;opacity:60%;box-shadow:0 2px 2px #0003,0 -.1px 1px #0003}.fds--dnd__drag-helper-dragging.svelte-1q8d6ms{display:flex;white-space:nowrap}/*! * For our compatability themes, we will merge the themes from v10 and v11 and * provide this combination as one of our four default themes. * * This is useful for situations where a user is trying to use the compatability * theme, for example: * * ```scss * @use '@askia/fibre-styles/scss/reset'; * @use '@askia/fibre-styles/scss/compat/themes'; * @use '@askia/fibre-styles/scss/compat/theme' with ( * $theme: themes.$g100 * ); * ``` * * Without merging these themes, then the value of a token in v11 would default * to our $white theme. As a result, the user would need to specify both the * `$theme` and the `$fallback` to the `scss/compat/theme` module. * * Now that we merge the themes, this code snippet will function as expected. */.fds--contained-list-item.fds--contained-list-item--sm.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1),.fds--contained-list-item.fds--contained-list-item--with-children.fds--contained-list-item--sm.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1){height:2rem;padding:.375rem 1rem}.fds--contained-list-item.fds--contained-list-item--md.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1),.fds--contained-list-item.fds--contained-list-item--with-children.fds--contained-list-item--md.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1){height:2.5rem;padding:.625rem 1rem}.fds--contained-list-item.fds--contained-list-item--lg.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1),.fds--contained-list-item.fds--contained-list-item--with-children.fds--contained-list-item--lg.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1){height:3rem;padding:.875rem 1rem}.fds--contained-list-item.fds--contained-list-item--xl.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1),.fds--contained-list-item.fds--contained-list-item--with-children.fds--contained-list-item--xl.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1){height:4rem;padding:1.375rem 1rem}.fds--contained-list-item.svelte-5p2yg1{position:relative;display:grid}.fds--contained-list-item.svelte-5p2yg1 div[slot=node],.fds--contained-list-item.svelte-5p2yg1 .snippet-container{height:100%}.fds--contained-list-item__label.svelte-5p2yg1,.fds--contained-list-item--clickable.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1){font-size:var(--fds-body-01-font-size, .875rem);font-weight:var(--fds-body-01-font-weight, 400);line-height:var(--fds-body-01-line-height, 1.42857);letter-spacing:var(--fds-body-01-letter-spacing, .16px);display:grid;grid-template-columns:1fr auto;color:var(--fds-text-primary, #161616);text-decoration:none;align-content:center;align-items:center;height:inherit}.fds--contained-list-item__label.svelte-5p2yg1:hover,.fds--contained-list-item--clickable.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1):hover{background-color:var(--fds-layer-hover)}.fds--contained-list-item__label--with-append-helper.svelte-5p2yg1 :where(.svelte-5p2yg1){font-weight:600;color:var(--fds-text-secondary, #525252)}.fds--contained-list-item.svelte-5p2yg1:before{position:absolute;right:0;bottom:0;left:0;height:1px;background-color:var(--fds-border-subtle);content:""}.fds--contained-list-item--with-children.svelte-5p2yg1:last-child:before{visibility:hidden}.fds--contained-list-item--with-children.svelte-5p2yg1>:where(.svelte-5p2yg1):first-child{position:relative}.fds--contained-list-item--with-children.svelte-5p2yg1>:where(.svelte-5p2yg1):first-child:before{position:absolute;right:0;bottom:0;left:0;height:1px;background-color:var(--fds-border-subtle);content:""}.fds--contained-list-item.svelte-5p2yg1 ul{margin-left:1rem}.fds--contained-list-item--clickable.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1){box-sizing:border-box;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;width:100%;text-align:start;transition:background-color .15s cubic-bezier(.2,0,.38,.9)}.fds--contained-list-item--clickable.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1)::-moz-focus-inner{border:0}.fds--contained-list-item--clickable.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1):not(:disabled):hover{background-color:var(--fds-layer-hover)}.fds--contained-list-item--clickable.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1):not(:disabled):active{background-color:var(--fds-layer-active)}.fds--contained-list-item--clickable.fds--contained-list-item--disabled.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1){color:var(--fds-text-disabled, rgba(22, 22, 22, .25));cursor:not-allowed}.fds--contained-list-item--clickable.fds--contained-list-item--disabled.svelte-5p2yg1 .fds--contained-list-item__content.fds--contained-list-item__content:where(.svelte-5p2yg1):hover{background:none}.fds--contained-list-item--clickable.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1),.fds--contained-list-item--clickable.fds--contained-list-item--disabled.svelte-5p2yg1 .fds--contained-list-item__content.fds--contained-list-item__content:where(.svelte-5p2yg1):focus:after{outline:none}.fds--contained-list-item--clickable.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1):focus:after{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px;position:absolute;inset:0;content:""}@media screen and (prefers-contrast){.fds--contained-list-item--clickable.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1):focus:after{outline-style:dotted}}.fds--contained-list-item__action.svelte-5p2yg1{display:flex;align-items:center;justify-content:flex-end}.fds--contained-list-item--draggable.svelte-5p2yg1{display:grid;grid-template-columns:16px 1fr auto;padding-left:16px}.fds--contained-list-item__draggable.svelte-5p2yg1{display:inline-grid;cursor:grab;align-items:center}.fds--contained-list-item--indent.svelte-5p2yg1{margin-left:1rem}.fds--contained-list-item__label--with-append-helper.svelte-5p2yg1 .fds--contained-list-item__content:where(.svelte-5p2yg1){font-weight:600;color:var(--fds-text-secondary, #525252)}