-
Notifications
You must be signed in to change notification settings - Fork 9
/
style.css
1 lines (1 loc) · 23.3 KB
/
style.css
1
:root{--danbooru-background-color-base: 246, 246, 248;--danbooru-background: linear-gradient( to bottom right, rgba(var(--danbooru-background-color-base), .3), rgba(var(--danbooru-background-color-base), .875) );--danbooru-border-color: rgb(209, 209, 218);--danbooru-count-text-color: rgb(145, 146, 167);--danbooru-artist-text-color: rgb(192, 0, 4);--danbooru-artist-text-color-hover: rgb(237, 36, 38);--danbooru-copyright-text-color: rgb(168, 0, 170);--danbooru-copyright-text-color-hover: rgb(215, 0, 217);--danbooru-character-text-color: rgb(0, 171, 44);--danbooru-character-text-color-hover: rgb(53, 198, 74);--danbooru-general-text-color: rgb(0, 117, 248);--danbooru-general-text-color-hover: rgb(140, 170, 255);--invalid-prompt-item-color-base: 255, 51, 0;--invalid-prompt-item-background: linear-gradient( to bottom right, rgba(var(--invalid-prompt-item-color-base), .3), rgba(var(--invalid-prompt-item-color-base), .875) );--invalid-prompt-item-border-color: rgb(var(--invalid-prompt-item-color-base));--invalid-prompt-item-text-color: rgb(153, 0, 0);--textual-inversion-background-color-base: 51, 204, 51;--textual-inversion-background: linear-gradient( to bottom right, rgba(var(--textual-inversion-background-color-base), .3), rgba(var(--textual-inversion-background-color-base), .875) );--textual-inversion-border-color: rgb(var(--textual-inversion-background-color-base));--textual-inversion-text-color: rgb(0, 102, 0);--lora-background-color-base: 0, 153, 255;--lora-background: linear-gradient( to bottom right, rgba(var(--lora-background-color-base), .3), rgba(var(--lora-background-color-base), .875) );--lora-border-color: rgb(var(--lora-background-color-base));--lora-text-color: rgb(0, 51, 153)}.dark{--danbooru-background-color-base: 44, 45, 63;--danbooru-background: linear-gradient( to bottom right, rgba(var(--danbooru-background-color-base), .3), rgba(var(--danbooru-background-color-base), .875) );--danbooru-border-color: rgb(119, 120, 146);--danbooru-count-text-color: rgb(145, 146, 167);--danbooru-artist-text-color: rgb(255, 138, 139);--danbooru-artist-text-color-hover: rgb(255, 195, 195);--danbooru-copyright-text-color: rgb(199, 151, 255);--danbooru-copyright-text-color-hover: rgb(221, 201, 251);--danbooru-character-text-color: rgb(53, 198, 74);--danbooru-character-text-color-hover: rgb(147, 228, 154);--danbooru-general-text-color: rgb(0, 155, 230);--danbooru-general-text-color-hover: rgb(75, 180, 255);--invalid-prompt-item-color-base: 204, 0, 0;--invalid-prompt-item-background: linear-gradient( to bottom right, rgba(var(--invalid-prompt-item-color-base), .3), rgba(var(--invalid-prompt-item-color-base), .875) );--invalid-prompt-item-color: rgb(var(--invalid-prompt-item-color-base));--invalid-prompt-item-text-color: var(--neutral-300);--textual-inversion-background-color-base: 0, 153, 51;--textual-inversion-background: linear-gradient( to bottom right, rgba(var(--textual-inversion-background-color-base), .3), rgba(var(--textual-inversion-background-color-base), .875) );--textual-inversion-border-color: rgb(var(--textual-inversion-background-color-base));--textual-inversion-text-color: var(--neutral-300);--lora-background-color-base: 0, 102, 204;--lora-background: linear-gradient( to bottom right, rgba(var(--lora-background-color-base), .3), rgba(var(--lora-background-color-base), .875) );--lora-border-color: rgb(var(--lora-background-color-base));--lora-text-color: var(--neutral-300)}[data-hidden-original=true]>#txt2img_prompt_container,[data-hidden-original=true]>#img2img_prompt_container{display:none!important}.better-prompt button:focus-visible,.better-prompt input:focus-visible{outline:2px solid transparent;outline-offset:2px}.better-prompt .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;padding-left:var(--size-2);padding-right:var(--size-2);padding-top:var(--size-0-5);padding-bottom:var(--size-0-5);text-align:center;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;box-shadow:var(--button-shadow);transition:var(--button-transition)}.better-prompt .button.primary{border-width:var(--button-border-width);border-style:solid;border-color:var(--button-primary-border-color);color:var(--button-primary-text-color);background:var(--button-primary-background-fill)}.better-prompt .button:disabled{cursor:not-allowed;opacity:.5}.better-prompt .button.primary:not(:disabled):hover{border-color:var(--button-primary-border-color-hover);color:var(--button-primary-text-color-hover);background:var(--button-primary-background-fill-hover)}.better-prompt .button.secondary{border-width:var(--button-border-width);border-style:solid;border-color:var(--button-secondary-border-color);color:var(--button-secondary-text-color);background:var(--button-secondary-background-fill)}.better-prompt .button.secondary:not(:disabled):hover{border-color:var(--button-secondary-border-color-hover);color:var(--button-secondary-text-color-hover);background:var(--button-secondary-background-fill-hover)}.better-prompt .button.lg{border-radius:var(--button-large-radius);padding:var(--button-large-padding);font-size:var(--button-large-text-size);font-weight:var(--button-large-text-weight)}.better-prompt .prompt-item{display:inline-block;height:-moz-fit-content;height:fit-content;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-wrap:break-word;border-radius:.25rem;border-width:var(--button-border-width);border-style:solid;border-color:var(--button-secondary-border-color);padding-left:.25rem;padding-right:.25rem;color:var(--button-secondary-text-color);background:var(--button-secondary-background-fill)}.better-prompt .prompt-item[data-extra-networks=textual-inversion]{border-color:var(--textual-inversion-border-color);color:var(--textual-inversion-text-color);background:var(--textual-inversion-background)}.better-prompt .prompt-item[data-extra-networks=lora]{border-color:var(--lora-border-color);color:var(--lora-text-color);background:var(--lora-background)}.toast-area.svelte-1vcotzl{position:fixed;left:0px;right:0px;bottom:1rem;z-index:1000;margin:auto;display:flex;width:-moz-fit-content;width:fit-content;flex-direction:column;row-gap:.5rem}.message.svelte-1vcotzl{cursor:pointer;border-radius:.25rem;border-style:none;padding:.5rem 1rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.message.info.svelte-1vcotzl{--tw-bg-opacity:1;background-color:rgb(50 59 250 / var(--tw-bg-opacity))}.message.success.svelte-1vcotzl{--tw-bg-opacity:1;background-color:rgb(28 237 65 / var(--tw-bg-opacity))}.message.warning.svelte-1vcotzl{--tw-bg-opacity:1;background-color:rgb(249 115 22 / var(--tw-bg-opacity))}.message.error.svelte-1vcotzl{--tw-bg-opacity:1;background-color:rgb(228 73 57 / var(--tw-bg-opacity))}.popup.svelte-1rx2u58{position:absolute;left:var(--left);top:var(--top);z-index:1000;border-radius:.25rem;border-width:1px;border-style:solid;border-color:var(--block-border-color);padding:var(--input-padding);font-size:var(--body-text-size);font-weight:var(--body-text-weight);color:var(--body-text-color);--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgb(0 0 0 / .5);--tw-shadow:var(--tw-shadow-colored);background:var(--body-background-fill)}.number-input.svelte-antquo{display:flex;flex-direction:column;gap:.5rem}.input-row.svelte-antquo{display:flex;align-items:center;justify-content:space-between}.label.svelte-antquo{margin-right:2rem}.input.svelte-antquo{height:var(--size-6);width:6rem;border-radius:var(--input-radius);border-width:var(--input-border-width);border-style:solid;border-color:var(--input-border-color);padding:var(--input-padding);padding-left:var(--size-2);padding-right:var(--size-2);padding-top:0;padding-bottom:0;text-align:center;font-size:var(--input-text-size);line-height:var(--line-sm);color:var(--body-text-color);outline:2px solid transparent;outline-offset:2px;background:var(--input-background-fill);box-shadow:var(--input-shadow)}.input.svelte-antquo:focus{border-color:var(--input-border-color-focus);box-shadow:var(--input-shadow-focus)}.slider.svelte-antquo{margin:0;width:100%;padding:0;accent-color:var(--slider-color)}.prompt-item.svelte-1m3sbv5{cursor:grab}.prompt-list.svelte-18kks5y{display:flex;min-height:84px;width:100%;list-style-type:none;flex-wrap:wrap;gap:.5rem;border-radius:var(--input-radius);border-width:var(--input-border-width);border-style:solid;border-color:var(--input-border-color);padding:var(--input-padding);font-size:var(--input-text-size);font-weight:var(--input-text-weight);line-height:var(--line-sm);color:var(--body-text-color);outline:2px solid transparent;outline-offset:2px;background:var(--input-background-fill);box-shadow:var(--input-shadow)}li.svelte-18kks5y.ghost{opacity:.5}.editor.svelte-lk1jcp{display:flex;flex-direction:column}.content.svelte-lk1jcp{position:relative}.text-input.svelte-1ji893l.svelte-1ji893l{display:flex;flex-direction:column}.text-input.svelte-1ji893l>.input.svelte-1ji893l{flex-grow:1;border-radius:var(--input-radius);border-width:var(--input-border-width);border-style:solid;border-color:var(--input-border-color);padding:var(--input-padding);font-size:var(--input-text-size);line-height:var(--line-sm);color:var(--body-text-color);outline:2px solid transparent;outline-offset:2px;background:var(--input-background-fill);box-shadow:var(--input-shadow)}.text-input.svelte-1ji893l>.input.svelte-1ji893l:focus{border-color:var(--input-border-color-focus);box-shadow:var(--input-shadow-focus)}.checkbox.svelte-1op5ks4.svelte-1op5ks4{display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:var(--checkbox-label-text-size);font-weight:var(--checkbox-label-text-weight);line-height:var(--line-md);color:var(--body-text-color)}.checkbox.svelte-1op5ks4>.input.svelte-1op5ks4{position:relative;display:inline-block;height:1rem;width:1rem;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--checkbox-border-radius);border-width:1px;border-style:solid;border-color:var(--checkbox-border-color);background-color:var(--checkbox-background-color);background-origin:border-box;padding:0;vertical-align:middle;line-height:var(--line-sm);--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity));box-shadow:var(--input-shadow);--ring-color:transparent }.checkbox.svelte-1op5ks4>.input.svelte-1op5ks4:checked{border-color:var(--checkbox-border-color-selected);background-color:var(--checkbox-background-color-selected);background-image:var(--checkbox-check)}.checkbox.svelte-1op5ks4>.input.svelte-1op5ks4:not(:checked):hover{border-color:var(--checkbox-border-color-hover);background-color:var(--checkbox-background-color-hover)}.checkbox.svelte-1op5ks4>.input.svelte-1op5ks4:not(:checked):focus{border-color:var(--checkbox-border-color-focus);background-color:var(--checkbox-background-color-focus)}.checkbox.svelte-1op5ks4>.label.svelte-1op5ks4{margin-left:var(--size-2);display:flex;cursor:pointer;align-items:center;white-space:nowrap;font-size:var(--checkbox-label-text-size);font-weight:var(--checkbox-label-text-weight);line-height:var(--line-md);color:var(--body-text-color)}.suggest-filter.svelte-4k8mwl{display:flex;list-style-type:none;flex-wrap:wrap;-moz-column-gap:1rem;column-gap:1rem;row-gap:.5rem}.suggest-item.svelte-d3kc4l{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest-item.svelte-d3kc4l:focus-visible{outline:2px solid transparent;outline-offset:2px}.thumbnail-card.svelte-d3kc4l{position:relative;margin:.5em;display:inline-block;height:24em;width:16em;cursor:default;overflow:hidden;border-radius:.2rem;background-size:auto 100%;background-position:center;font-size:var(--text-md)}.metadata-button.svelte-d3kc4l{cursor:pointer;border-style:none;background-color:transparent}.suggest-item.svelte-1u6zp3d.svelte-1u6zp3d{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest-item.svelte-1u6zp3d.svelte-1u6zp3d:focus-visible{outline:2px solid transparent;outline-offset:2px}.suggest-item.svelte-1u6zp3d.svelte-1u6zp3d{display:flex;gap:.5rem;border-color:var(--danbooru-border-color);background:var(--danbooru-background)}.suggest-item.svelte-1u6zp3d>span.svelte-1u6zp3d{pointer-events:none}.suggest-item[data-category="0"].svelte-1u6zp3d>.label.svelte-1u6zp3d{color:var(--danbooru-general-text-color)}.suggest-item[data-category="1"].svelte-1u6zp3d>.label.svelte-1u6zp3d{color:var(--danbooru-artist-text-color)}.suggest-item[data-category="3"].svelte-1u6zp3d>.label.svelte-1u6zp3d{color:var(--danbooru-copyright-text-color)}.suggest-item[data-category="4"].svelte-1u6zp3d>.label.svelte-1u6zp3d{color:var(--danbooru-character-text-color)}.suggest-item.svelte-1u6zp3d>.count.svelte-1u6zp3d{color:var(--danbooru-count-text-color)}.my-prompt-view.svelte-110upfa{display:flex;flex-wrap:wrap;gap:.375rem}.suggest-list.svelte-arq79i{margin:0;min-height:84px;width:100%;flex-grow:1;border-radius:var(--block-radius);border-width:var(--block-border-width);border-color:var(--block-border-color);line-height:var(--line-sm);background:var(--block-background-fill);box-shadow:var(--block-shadow)}.suggests.svelte-arq79i{display:flex;list-style-type:none;flex-wrap:wrap;gap:.5rem;padding:var(--input-padding)}.pseudo-focus.svelte-arq79i .suggest-item{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--input-background-fill-focus)}.input.svelte-18kz56h{display:flex;flex-grow:1;flex-direction:column;gap:.5rem}.prompt-edit.svelte-1vrym7d{display:none;width:100%;flex-wrap:wrap;gap:var(--layout-gap)}.prompt-edit.active.svelte-1vrym7d{display:flex}.editor-container.svelte-1vrym7d{display:flex;min-width:min(640px,100%);flex-grow:6;flex-basis:0px;flex-direction:column;gap:var(--layout-gap)}.input-container.svelte-1vrym7d{display:flex;width:-moz-min-content;width:min-content;min-width:min(640px,100%);flex-grow:1}.my-prompt-item.svelte-1a9ci9f{min-height:144px;width:100%;min-width:256px;max-width:256px;transform:none;border-radius:var(--container-radius);border-width:2px;border-style:solid;border-color:var(--input-border-color);padding:var(--block-padding);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.my-prompt-item.selectable.svelte-1a9ci9f{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgba(0,0,0,.33);--tw-shadow:var(--tw-shadow-colored);transform:translateY(-2px) scale(1.01)}.dark .my-prompt-item.selectable.svelte-1a9ci9f{--tw-shadow-color:rgba(0,0,0,.66);--tw-shadow:var(--tw-shadow-colored) }.my-prompt-item.selectable.svelte-1a9ci9f:not(.selected):hover{box-shadow:0 0 8px var(--secondary-600)}.my-prompt-item.selected.svelte-1a9ci9f{outline-style:solid;outline-width:3px;outline-offset:2px;outline-color:var(--color-accent)}.label.svelte-1a9ci9f{font-size:1.5rem;line-height:2rem;font-weight:700}.tags.svelte-1a9ci9f{margin-top:.25rem;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;gap:.375rem}.tags-icon.svelte-1a9ci9f{font-size:1.25rem;line-height:1.75rem}.tag.svelte-1a9ci9f{display:flex;align-items:center;border-radius:var(--button-small-radius);border-width:var(--checkbox-label-border-width);border-style:solid;border-color:var(--checkbox-label-border-color);padding:.125rem .5rem;color:var(--checkbox-label-text-color);background:var(--checkbox-label-background-fill)}.tag.empty.svelte-1a9ci9f{opacity:.75;background:none}.prompt.svelte-1a9ci9f{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.375rem}.pagenation.svelte-1rhydm{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;gap:.5rem}.button.svelte-1rhydm{--active-background:linear-gradient(to_bottom_right, var(--neutral-50), var(--neutral-100));border-radius:.125rem;padding-left:calc(var(--spacing-md) * 2);padding-right:calc(var(--spacing-md) * 2);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);font-size:var(--text-md);font-weight:var(--button-large-text-weight)}.dark .button.svelte-1rhydm{--active-background:linear-gradient(to_bottom_right, var(--neutral-900), var(--neutral-950))}.button.active.svelte-1rhydm{cursor:default;background:var(--active-background)!important}.ellipsis.svelte-1rhydm{padding-left:calc(var(--spacing-md) * 2);padding-right:calc(var(--spacing-md) * 2);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);font-size:var(--text-md);font-weight:var(--button-large-text-weight)}.popup-window.svelte-1layp54{position:absolute;left:var(--left);top:var(--top);z-index:1000;border-radius:.25rem;border-width:1px;border-style:solid;border-color:var(--block-border-color);font-size:var(--body-text-size);font-weight:var(--body-text-weight);color:var(--body-text-color);--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgb(0 0 0 / .5);--tw-shadow:var(--tw-shadow-colored);background:var(--body-background-fill)}.title-bar.svelte-1layp54{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between}.title.svelte-1layp54{margin-left:.75rem;opacity:.75}.close-button.svelte-1layp54{width:2rem;cursor:pointer;border-style:none;color:var(--body-text-color);background:none;font-size:2rem;line-height:1}.content.svelte-1gz2ad5.svelte-1gz2ad5{display:flex;flex-wrap:wrap;gap:.5rem;border-radius:var(--input-radius);border-width:var(--input-border-width);border-style:solid;border-color:var(--input-border-color);padding:.375rem;font-size:var(--input-text-size);line-height:var(--line-sm);background:var(--input-background-fill);box-shadow:var(--input-shadow)}.content.disabled.svelte-1gz2ad5.svelte-1gz2ad5{opacity:.5}.content.svelte-1gz2ad5.svelte-1gz2ad5:after{display:block;height:calc(var(--text-md) * var(--line-md));padding-top:calc(var(--spacing-md) + 2px);padding-bottom:calc(var(--spacing-md) + 2px);content:""}.selected-value.svelte-1gz2ad5.svelte-1gz2ad5{display:flex;cursor:pointer;align-items:center;border-radius:var(--button-small-radius);border-width:var(--checkbox-label-border-width);border-style:solid;border-color:var(--checkbox-label-border-color);padding:var(--checkbox-label-padding);font-size:var(--checkbox-label-text-size);font-weight:var(--checkbox-label-text-weight);line-height:var(--line-md);color:var(--checkbox-label-text-color);background:var(--checkbox-label-background-fill);box-shadow:var(--checkbox-label-shadow)}.remove-icon.svelte-1gz2ad5.svelte-1gz2ad5{margin-left:var(--size-2);box-sizing:border-box;display:flex;height:18px;width:18px;align-items:center;justify-content:center;border-radius:var(--radius-full);border-width:var(--checkbox-border-width);border-style:solid;border-color:var(--border-color-primary);fill:var(--body-text-color);padding:var(--size-0-5);background:var(--background-fill-primary)}.remove-icon.svelte-1gz2ad5>svg.svelte-1gz2ad5{pointer-events:none}.input.svelte-1gz2ad5.svelte-1gz2ad5{width:8rem;flex-grow:1;padding-left:.25rem;padding-right:.25rem;font-size:var(--input-text-size);line-height:var(--line-sm);color:var(--body-text-color);outline:2px solid transparent;outline-offset:2px;background:var(--input-background-fill);border:none}.suggest-list.svelte-1gz2ad5.svelte-1gz2ad5{margin:0;max-height:16rem;list-style-type:none;overflow-y:auto;padding:0}.suggest-item.svelte-1gz2ad5.svelte-1gz2ad5{--suggest-background:var(--neutral-100)}.dark .suggest-item.svelte-1gz2ad5.svelte-1gz2ad5{--suggest-background:var(--neutral-800)}.suggest-item.focused.svelte-1gz2ad5.svelte-1gz2ad5,.suggest-item.svelte-1gz2ad5.svelte-1gz2ad5:hover{background:var(--suggest-background)}.suggest.svelte-1gz2ad5.svelte-1gz2ad5{display:flex;width:100%;cursor:pointer;align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;padding-right:1.5rem;font-size:var(--checkbox-label-text-size);font-weight:var(--checkbox-label-text-weight);line-height:var(--line-md);color:var(--checkbox-label-text-color);background:none;border:none}.check-icon.svelte-1gz2ad5.svelte-1gz2ad5{visibility:hidden}.check-icon.checked.svelte-1gz2ad5.svelte-1gz2ad5{visibility:visible}.text-area.svelte-1sxsua7{display:flex;flex-direction:column}.input.svelte-1sxsua7{height:86px;flex-grow:1;overflow-y:scroll;border-radius:var(--input-radius);border-width:var(--input-border-width);border-style:solid;border-color:var(--input-border-color);padding:var(--input-padding);font-size:var(--input-text-size);line-height:var(--line-sm);color:var(--body-text-color);outline:2px solid transparent;outline-offset:2px;background:var(--input-background-fill);box-shadow:var(--input-shadow);-ms-overflow-style:none;scrollbar-width:none}.input.svelte-1sxsua7::-webkit-scrollbar{display:none}.input.svelte-1sxsua7:focus{border-color:var(--input-border-color-focus);box-shadow:var(--input-shadow-focus)}.add-new-my-prompt.svelte-qxe1si.svelte-qxe1si{display:flex;width:256px;flex-direction:column;gap:var(--layout-gap);padding-left:.75rem;padding-right:.75rem;padding-bottom:.5rem}@media (min-width: 640px){.add-new-my-prompt.svelte-qxe1si.svelte-qxe1si{width:384px}}@media (min-width: 768px){.add-new-my-prompt.svelte-qxe1si.svelte-qxe1si{width:512px}}@media (min-width: 1024px){.add-new-my-prompt.svelte-qxe1si.svelte-qxe1si{width:640px}}.buttons.svelte-qxe1si.svelte-qxe1si{display:flex;gap:.75rem}.buttons.svelte-qxe1si>.button.svelte-qxe1si{flex-grow:1;flex-basis:0px}.my-prompt.svelte-1kd0of3{display:none;width:100%;flex-direction:column;gap:var(--layout-gap)}.my-prompt.active.svelte-1kd0of3{display:flex}.tools.svelte-1kd0of3{display:flex;flex-wrap:wrap;gap:.375rem}.empty-my-prompts.svelte-1kd0of3{font-size:1.5rem;line-height:2rem}.my-prompt-views.svelte-1kd0of3{display:flex;flex-wrap:wrap;gap:1.5rem}.better-prompt.svelte-1um3m5t{width:100%}.tabs.svelte-1um3m5t{display:flex;flex-wrap:wrap;white-space:nowrap;border-bottom-width:1px;border-style:solid;border-color:var(--border-color-primary)}.tab.svelte-1um3m5t{margin-bottom:-1px;border-top-left-radius:var(--container-radius);border-top-right-radius:var(--container-radius);border-width:1px;border-bottom-width:0px;border-style:solid;border-color:transparent;padding-left:var(--size-4);padding-right:var(--size-4);padding-top:var(--size-1);padding-bottom:var(--size-1);font-size:var(--section-header-text-size);font-weight:var(--section-header-text-weight);color:var(--body-text-color-subdued)}.tab.selected.svelte-1um3m5t{border-color:var(--border-color-primary);color:var(--body-text-color);background:var(--background-fill-primary)}.tab.svelte-1um3m5t:not(.active):hover{color:var(--body-text-color)}.content-area.svelte-1um3m5t{border-bottom-right-radius:var(--container-radius);border-bottom-left-radius:var(--container-radius);border-width:1px;border-top-width:0px;border-style:solid;border-color:var(--border-color-primary);padding:var(--block-padding)}