1 line
7.8 KiB
CSS
1 line
7.8 KiB
CSS
|
@font-face{font-family:"WorkSans";src:url(/static/media/WorkSans-Regular.bb287b89.ttf)}@font-face{font-family:"WorkSans-Semibold";src:url(/static/media/WorkSans-SemiBold.1e98db4e.ttf)}@font-face{font-family:"WorkSans-Bold";src:url(/static/media/WorkSans-Bold.2bea7a7f.ttf)}@font-face{font-family:"WorkSans-Black";src:url(/static/media/WorkSans-Black.67c2c5a1.ttf)}:root{--page-bg:#f0f0fa;--page-text-color:#000;--link-color:#000;--editor-toolkit-bg:rgba(240,240,250,0.15);--modal-bg:var(--page-bg);--modal-text-color:#000;--modal-hotkey-bg:#f0f0f0;--btn-primary-bg:#d2d2dc;--btn-primary-hover-bg:var(--yellow-accent);--animation-pulsing-bg:hsla(0,0%,100%,0.5)}:root,[data-theme=dark]{--yellow-accent:#ffbe00;--border-color:#646478}[data-theme=dark]{--page-bg:#14141e;--page-text-color:#c8c8d2;--link-color:#ffbe00;--editor-toolkit-bg:rgba(20,20,30,0.15);--modal-bg:var(--page-bg);--modal-text-color:var(--page-text-color);--modal-hotkey-bg:#3c3c5a;--btn-primary-bg:#8c8cb4;--btn-primary-hover-bg:var(--yellow-accent);--animation-pulsing-bg:#f0f0ff}@-webkit-keyframes pulsing{0%{opacity:1}50%{opacity:.75;background-color:hsla(0,0%,100%,.5);background-color:var(--animation-pulsing-bg)}to{opacity:1}}@keyframes pulsing{0%{opacity:1}50%{opacity:.75;background-color:hsla(0,0%,100%,.5);background-color:var(--animation-pulsing-bg)}to{opacity:1}}@-webkit-keyframes opacityReveal{0%{opacity:0}to{opacity:1}}@keyframes opacityReveal{0%{opacity:0}to{opacity:1}}.lama-cleaner{grid-template-areas:"main-content";background-color:#f0f0fa;background-color:var(--page-bg);color:#000;color:var(--page-text-color);transition-property:background-color,color;transition-duration:.2s;transition-timing-function:repeat(2,ease-out)}.editor-container,.lama-cleaner{display:grid;width:100vw;height:100vh}.editor-container{grid-area:main-content;place-items:center}.react-transform-wrapper{display:grid!important;width:100%!important;height:100%!important}.editor-canvas-container{display:grid;grid-template-areas:"editor-content";grid-row-gap:1rem;row-gap:1rem}.editor-canvas{grid-area:editor-content}.original-image-container{grid-area:editor-content;pointer-events:none;-webkit-animation:opacityReveal .35s ease-in-out;animation:opacityReveal .35s ease-in-out}.editor-canvas-loading{pointer-events:none;-webkit-animation:pulsing .75s infinite;animation:pulsing .75s infinite}.editor-toolkit-panel{position:fixed;bottom:0;padding:1rem 4rem;display:grid;grid-template-areas:"toolkit-image-type toolkit-size-selector toolkit-brush-slider toolkit-btns";grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;align-items:center;background-color:rgba(240,240,250,.15);background-color:var(--editor-toolkit-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem .5rem 0 0}@media screen and (max-width:767px){.editor-toolkit-panel{padding:1rem 2rem;grid-template-areas:"toolkit-image-type toolkit-size-selector" "toolkit-brush-slider toolkit-brush-slider" "toolkit-btns toolkit-btns";grid-row-gap:2rem;row-gap:2rem;justify-items:center}}.editor-brush-slider{grid-area:toolkit-brush-slider;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);height:-webkit-max-content;height:max-content;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;align-items:center}.editor-brush-slider input[type=range]{outline:none}.editor-toolkit-btns{grid-area:toolkit-btns;display:grid;grid-auto-flow:column;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.brush-shape{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.25);border:1px dashed #646478;border:1px dashed var(--border-color);pointer-events:none}.editor-size-selector-options{position:fixed;display:grid}.editor-size-selector{grid-area:toolkit-size-selector;display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);align-items:center;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.editor-size-selector select{appearanc
|