@layer components { [data-coco][data-component="app-slide-editor"] { .editor-inputs { @apply hidden; } .editor-toolbar { @apply mb-4 xl:mb-6; } .editor-form form { @apply hidden; } .editor-slide { @apply shadow-lg; textarea { @apply flex-none w-full; } } .coco-button.editor-saving { @apply cursor-not-allowed; } .editor-thumbnail-file { @apply hidden pointer-events-none; } .editor-screenshot-wrapper { @apply w-0 overflow-hidden relative; } .editor-screenshot { @apply absolute w-[800px] top-0 z-[-1000] pointer-events-none; } .editor-icon-bg-color { @apply stroke-content-dark-1 fill-current; stroke-width: 2px; } .editor-icon-text-color { } [data-component="app-seamless-textarea"] { textarea { @apply outline outline-1 outline-transparent outline-offset-0; &::placeholder { @apply italic; } } } .slide-bg-light [data-component="app-seamless-textarea"] { textarea { &:hover, &:focus { outline-color: rgba(0, 0, 0, 0.3); } } } .slide-bg-dark [data-component="app-seamless-textarea"] { textarea { &:hover, &:focus { outline-color: rgba(255, 255, 255, 0.3); } } } } }