1 line
24 KiB
CSS
1 line
24 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:#fff;--page-bg-light:hsla(0,0%,100%,0.5);--page-text-color:#040404;--link-color:#000;--border-color:#646478;--border-color-light:rgba(100,100,120,0.5);--tooltip-bg:#e6e6ea;--tooltip-text-color:#000;--error-color:#ef4444;--success-color:#10b981;--editor-toolkit-bg:hsla(0,0%,100%,0.5);--editor-options-bg:#e6e6ea;--editor-size-border-color:var(--border-color);--editor-toolkit-panel-border:0;--modal-bg:var(--page-bg);--modal-text-color:#000;--modal-hotkey-border-color:#000;--model-mask-bg:rgba(209,213,219,0.4);--text-color:#040404;--text-color-gray:#6b6f76;--btn-text-color:var(--text-color);--btn-text-hover-color:#040404;--btn-border-color:#646478;--btn-primary-hover-bg:var(--yellow-accent);--animation-pulsing-bg:hsla(0,0%,100%,0.5);--switch-root-background-color:#dfe1e4;--switch-thumb-color:var(--page-bg);--switch-thumb-checked-color:var(--page-bg);--tooltip-bg:var(--page-bg);--badge-background-color:#f1f3f5;--badge-color:#687076;--box-shadow:inset 0 0.5px hsla(0,0%,100%,0.1),inset 0 1px 5px #f8f9fa,0px 0px 0px 0.5px #c1c8cd,0px 2px 1px -1px #c1c8cd,0 1px #c1c8cd}:root,[data-theme=dark]{--yellow-accent:#fc0;--yellow-accent-light:rgba(255,204,0,0.3333333333333333);--options-text-color:var(--page-text-color);--slider-background-color:var(--switch-root-background-color);--croper-bg:rgba(0,0,0,0.5)}[data-theme=dark]{--page-bg:#040404;--page-bg-light:rgba(4,4,4,0.5333333333333333);--page-text-color:#f9f9f9;--link-color:var(--yellow-accent);--border-color:#646478;--border-color-light:#666;--tooltip-bg:#212121;--tooltip-text-color:#d2d2d2;--editor-toolkit-bg:rgba(0,0,0,0.5);--editor-options-bg:#212121;--editor-size-border-color:var(--yellow-accent);--editor-toolkit-panel-border:1px solid rgba(100,100,120,0.4);--modal-bg:var(--page-bg);--modal-text-color:var(--page-text-color);--modal-hotkey-border-color:var(--page-text-color);--model-mask-bg:rgba(76,76,87,0.4);--text-color:#fff;--text-color-gray:#8a8f98;--btn-text-color:var(--text-color);--btn-text-hover-color:var(--page-bg);--btn-border-color:var(--yellow-accent);--btn-primary-hover-bg:var(--yellow-accent);--animation-pulsing-bg:#f0f0ff;--switch-root-background-color:#3c3f44;--switch-thumb-color:#1f2023;--switch-thumb-checked-color:#fff;--tooltip-bg:#202425;--badge-background-color:#202425;--badge-color:#9ba1a6;--box-shadow:inset 0 0.5px hsla(0,0%,100%,0.1),inset 0 1px 5px #1a1d1e,0px 0px 0px 0.5px #4c5155,0px 2px 1px -1px #4c5155,0 1px #4c5155}@-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}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideIn{0%{-webkit-transform:translateX(calc(100% + 25px));transform:translateX(calc(100% + 25px))}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{-webkit-transform:translateX(calc(100% + 25px));transform:translateX(calc(100% + 25px))}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes slideUpAndFade{0%{opacity:0;-webkit-transform:translateY(2px);transform:translateY(2px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUpAndFade{0%{opacity:0;-webkit-transform:translateY(2px);transform:translateY(2px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideDownAndFade{0%{opacity:0;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDownAndFade{0%{opacity:0;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.lama-cleaner{display:grid;grid-template-areas:"main-content";width:100vw;height:100vh;background-color:#fff;background-color:var(--page-bg);color:#040404;color:var(--page-text-color);transition-property:background-color,color;transition-duration:.2s;transition-timing-function:repeat(2,ease-out)}.editor-container{display:flex;width:100vw;height:100vh;justify-content:center;align-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;z-index:2}.original-image-container{grid-area:editor-content;pointer-events:none;display:grid;grid-template-areas:"original-image-content"}.original-image-container img{grid-area:original-image-content}.original-image-container .editor-slider{grid-area:original-image-content;height:100%;width:6px;justify-self:end;background-color:#fc0;background-color:var(--yellow-accent);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.editor-canvas-loading{pointer-events:none;-webkit-animation:pulsing .75s infinite;animation:pulsing .75s infinite}.editor-toolkit-panel{position:fixed;bottom:.5rem;border-radius:3rem;padding:.6rem 3rem;display:grid;grid-template-areas:"toolkit-size-selector toolkit-brush-slider toolkit-btns";grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.5);background-color:var(--page-bg-light);-webkit-animation:slideUp .2s ease-out;animation:slideUp .2s ease-out;border:0;border:var(--editor-toolkit-panel-border);box-shadow:0 0 0 1px rgba(0,0,0,.1019607843),0 3px 16px rgba(0,0,0,.0784313725),0 2px 6px 1px rgba(0,0,0,.0901960784)}@media screen and (max-width:767px){.editor-toolkit-panel{padding:1rem 2rem;grid-template-areas:"toolkit-size-selector toolkit-size-selector" "toolkit-brush-slider toolkit-brush-slider" "toolkit-btns toolkit-btns";grid-row-gap:2rem;row-gap:2rem;justify-items:center}}.editor-toolkit-panel .eyeicon-active{background-color:#fc0;background-color:var(--yellow-accent);color:#040404;color:var(--btn-text-hover-color)}.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]{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.editor-brush-slider input[type=range]:focus{outline:none}.editor-brush-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:1.2rem;width:1.2rem;border-radius:50%;border:1px solid #000;z-index:2;background:#fc0;background:var(--yellow-accent);margin-top:-.5rem}.editor-brush-slider input[type=range]::-webkit-slider-runnable-track{border-radius:2rem;height:.2rem;background:#dfe1e4;background:var(--slider-background-color)}.editor-brush-slider input[type=range]::-moz-range-track{border-radius:2rem;background:#dfe1e4;background:var(--slider-background-color)}.editor-brush-slider input[type=range]::-moz-range-progress{background:#fc0;background:var(--yellow-accent)}.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-color:rgba(255,204,0,.7333333333);border:1px solid #fc0;border:1px solid var(--yellow-accent);pointer-events:none}.landing-page{display:grid;place-self:center;justify-items:center;grid-row-gap:2rem;row-gap:2rem;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content}@media screen and (max-width:767px){.landing-page{padding:1rem}}.landing-page h1{text-align:center;font-size:1.4rem}@media screen and (max-width:767px){.landing-page h1{font-size:1.2rem}}.landing-page a{color:#000;color:var(--link-color)}.landing-file-selector{display:grid}header{height:60px;padding:1rem 1.5rem;position:absolute;top:0;display:flex;justify-content:space-between;align-items:center;width:100%;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(100,100,120,.2);background-color:hsla(0,0%,100%,.5);background-color:var(--page-bg-light)}.shortcuts{z-index:1}.header-icons-wrapper{grid-gap:12px;gap:12px}.header-icons,.header-icons-wrapper{display:flex;justify-content:center;align-items:center;justify-self:end}.header-icons{grid-gap:6px;gap:6px}.prompt-wrapper{display:flex;grid-gap:12px;gap:12px}.prompt-wrapper input{all:unset;border-width:0;border-radius:.5rem;min-width:600px;padding:0 .8rem;outline:1px solid #646478;outline:1px solid var(--border-color)}.prompt-wrapper input:focus-visible{border-width:0;outline:1px solid #fc0;outline:1px solid var(--yellow-accent)}.theme-toggle-ui{z-index:10;transition:all .2s ease-in;-webkit-user-select:none;-ms-user-select:none;user-select:none}.theme-toggle-ui .theme-btn{display:flex;justify-content:center;align-items:center;cursor:pointer;outline:none}.theme-toggle-ui .theme-btn svg{width:22px;height:22px}.modal-shortcuts{grid-area:main-content;background-color:#fff;background-color:var(--modal-bg);color:#000;color:var(--modal-text-color);box-shadow:0 0 20px rgba(0,0,40,.2)}@media screen and (max-width:767px){.modal-shortcuts{display:grid;width:100%;height:auto;-webkit-animation:slideDown .2s ease-out;animation:slideDown .2s ease-out}}.shortcut-options{display:grid;grid-row-gap:1rem;row-gap:1rem}.shortcut-options .shortcut-option{display:grid;grid-template-columns:repeat(2,auto);grid-column-gap:6rem;-webkit-column-gap:6rem;column-gap:6rem;align-items:center}@media screen and (max-width:767px){.shortcut-options .shortcut-option{grid-column-gap:0;-webkit-column-gap:0;column-gap:0;grid-row-gap:.6rem;row-gap:.6rem}}.shortcut-options .shortcut-key{justify-self:end;padding-left:.5rem;padding-right:.5rem;width:-webkit-max-content;width:max-content;border-radius:6px;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;color:#000;color:var(--modal-text-color);background-color:#fff;background-color:var(--page-bg);box-sizing:border-box;box-shadow:inset 0 .5px hsla(0,0%,100%,.1),inset 0 1px 5px #f8f9fa,0 0 0 .5px #c1c8cd,0 2px 1px -1px #c1c8cd,0 1px #c1c8cd;box-shadow:var(--box-shadow);text-shadow:0 0 1px hsla(0,0%,100%,.5);font-family:inherit;font-weight:400;line-height:1.5}@media screen and (max-width:767px){.shortcut-options .shortcut-key{padding:.2rem .4rem}}.shortcut-options .shortcut-description{justify-self:start;text-align:left}@media screen and (max-width:767px){.shortcut-options .shortcut-description{text-align:left;width:auto;justify-self:start}}.setting-block,.setting-block .option-desc{display:flex;flex-direction:column}.setting-block .option-desc{color:#6b6f76;color:var(--text-color-gray);margin-top:12px;border:1px solid #646478;border:1px solid var(--border-color);border-radius:.3rem;padding:1rem;grid-gap:8px;gap:8px}.setting-block .option-desc .sub-setting-block{color:#040404;color:var(--text-color)}.setting-block-content{display:flex;justify-content:space-between;align-items:center;grid-gap:12rem;gap:12rem}.setting-block-content-title{display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:8px;gap:8px}.setting-block-desc{font-size:1rem;margin-top:8px;color:#6b6f76;color:var(--text-color-gray)}.hd-setting-block .inline-tip{display:inline;cursor:pointer;color:#040404;color:var(--text-color)}.model-desc-link{display:flex;justify-items:center;color:#687076;color:var(--badge-color);padding-left:5px;padding-right:5px;border-radius:999px;text-decoration:none}.modal-setting{grid-area:main-content;background-color:#fff;background-color:var(--modal-bg);color:#000;color:var(--modal-text-color);box-shadow:0 0 20px rgba(0,0,40,.2);width:600px}@media screen and (max-width:767px){.modal-setting{display:grid;width:100%;height:auto;margin-top:-11rem;-webkit-animation:slideDown .2s ease-out;animation:slideDown .2s ease-out}}.side-panel{position:absolute;top:68px;right:1.5rem;padding:.3rem;z-index:4;border-radius:.8rem;border:1px solid #646478;border-color:var(--border-color)}.side-panel-trigger{font-family:"WorkSans",sans-serif;font-size:16px;border:0}.side-panel-content{position:relative;font-family:"WorkSans",sans-serif;font-size:14px;top:1rem;right:1.5rem;padding:1rem;z-index:9;color:#040404;color:var(--text-color);background-color:#fff;background-color:var(--page-bg);border-radius:.8rem;border:1px solid #646478;border-color:var(--border-color);display:flex;flex-direction:column;grid-gap:12px;gap:12px}.side-panel-content .setting-block-content{grid-gap:1rem;gap:1rem}.crop-border{outline-color:#fc0;outline-color:var(--yellow-accent);outline-style:dashed}.info-bar{position:absolute;pointer-events:auto;font-size:1rem;padding:.2rem .8rem;display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px;color:#040404;color:var(--text-color);background-color:#fff;background-color:var(--page-bg);border-radius:9999px;border:0;border:var(--editor-toolkit-panel-border);box-shadow:0 0 0 1px rgba(0,0,0,.1019607843),0 3px 16px rgba(0,0,0,.0784313725),0 2px 6px 1px rgba(0,0,0,.0901960784)}.info-bar:hover{cursor:move}.croper-wrapper{position:absolute;height:100%;width:100%;overflow:hidden}.croper,.croper-wrapper{z-index:2;pointer-events:none}.croper{position:relative;top:0;bottom:0;left:0;right:0;box-shadow:0 0 0 9999px rgba(0,0,0,.5)}.drag-bar{position:absolute;pointer-events:auto}.drag-bar.ord-top{top:0;left:0;width:100%;height:12px;margin-top:-6px;cursor:ns-resize}.drag-bar.ord-right{right:0;top:0;width:12px;height:100%;margin-right:-6px;cursor:ew-resize}.drag-bar.ord-bottom{bottom:0;left:0;width:100%;height:12px;margin-bottom:-6px;cursor:ns-resize}.drag-bar.ord-left{top:0;left:0;width:12px;height:100%;margin-left:-6px;cursor:ew-resize}.drag-handle{width:12px;height:12px;z-index:4;position:absolute;display:block;content:"";border:2px solid #fc0;border:2px solid var(--yellow-accent);background-color:rgba(255,204,0,.3333333333333333);background-color:var(--yellow-accent-light);pointer-events:auto}.drag-handle:hover{background-color:#fc0;background-color:var(--yellow-accent)}.drag-handle.ord-topleft{cursor:nw-resize;top:-7px;left:-7px}.drag-handle.ord-topright{cursor:ne-resize;top:-7px;right:-7px}.drag-handle.ord-bottomright{cursor:se-resize;bottom:-7px;right:-7px}.drag-handle.ord-bottomleft{cursor:sw-resize;bottom:-7px;left:-7px}.drag-handle.ord-bottom,.drag-handle.ord-top{left:calc(50% - 6px);cursor:ns-resize}.drag-handle.ord-top{top:-7px}.drag-handle.ord-bottom{bottom:-7px}.drag-handle.ord-left,.drag-handle.ord-right{top:calc(50% - 6px);cursor:ew-resize}.drag-handle.ord-left{left:-7px}.drag-handle.ord-right{right:-7px}.file-select-label{display:grid;cursor:pointer;border:2px dashed #646478;border:2px dashed var(--border-color);border-radius:.5rem;min-width:600px}@media screen and (max-width:767px){.file-select-label{min-width:300px}}.file-select-label .file-select-label-hover,.file-select-label:hover{color:#000;background-color:#fc0;background-color:var(--yellow-accent)}.file-select-container{display:grid;padding:4rem;width:100%;height:100%}.file-select-container input{display:none}.file-select-message{font-family:"WorkSans";text-align:center}.btn-primary{display:grid;grid-auto-flow:column;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;background-color:#fff;background-color:var(--page-bg);color:#040404;color:var(--btn-text-color);font-family:"WorkSans",sans-serif;width:-webkit-max-content;width:max-content;padding:.5rem;place-items:center;border-radius:.5rem;z-index:1;cursor:pointer}.btn-primary:hover{background-color:#fc0;background-color:var(--btn-primary-hover-bg);color:#040404;color:var(--btn-text-hover-color)}.btn-primary svg{width:20px;height:auto}.btn-primary-disabled{background-color:#fff;background-color:var(--page-bg);pointer-events:none;opacity:.5}.btn-border{border:1px solid #646478;border-color:var(--btn-border-color)}.modal-mask{position:fixed;z-index:9998;inset:0;background-color:rgba(209,213,219,.4);background-color:var(--model-mask-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(prefers-reduced-motion:no-preference){.modal-mask{-webkit-animation:opacityReveal .15s cubic-bezier(.16,1,.3,1) forwards;animation:opacityReveal .15s cubic-bezier(.16,1,.3,1) forwards}}@-webkit-keyframes contentShow{0%{opacity:0;-webkit-transform:translate(-50%,-48%) scale(.96);transform:translate(-50%,-48%) scale(.96)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes contentShow{0%{opacity:0;-webkit-transform:translate(-50%,-48%) scale(.96);transform:translate(-50%,-48%) scale(.96)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.modal{background-color:#fff;background-color:var(--page-bg);z-index:9999;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-row-gap:1rem;row-gap:1rem;place-self:center;padding:2rem;border-radius:.95rem}.modal:focus{outline:none}.modal .modal-header{display:grid;grid-template-columns:repeat(2,auto);align-items:center}.modal .modal-header .btn-primary{justify-self:end}@media(prefers-reduced-motion:no-preference){.modal{-webkit-animation:contentShow .15s cubic-bezier(.16,1,.3,1) forwards;animation:contentShow .15s cubic-bezier(.16,1,.3,1) forwards}}.select-trigger{all:unset;display:inline-flex;align-items:center;justify-content:space-between;border-radius:.5rem;height:32px;grid-gap:8px;gap:8px;padding:0 .8rem;border:1px solid #646478;border:1px solid var(--border-color);background-color:#fff;background-color:var(--page-bg);color:#040404;color:var(--options-text-color)}.select-trigger svg{width:1rem;height:1rem;margin-top:.25rem}.select-trigger:hover{border-color:#fc0;border-color:var(--yellow-accent)}.select-content{overflow:hidden;background-color:#fff;background-color:var(--page-bg);border-radius:.5rem}.select-viewport{border:1px solid #646478;border:1px solid var(--border-color);border-radius:.5rem;padding:5px}.select-item{all:unset;background-color:#fff;background-color:var(--page-bg);color:#040404;color:var(--options-text-color);display:flex;align-items:center;border-radius:.5rem;padding:6px 6px 6px 25px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.select-item:focus{color:#040404;color:var(--btn-text-hover-color);background-color:#fc0;background-color:var(--yellow-accent)}.select-item-indicator{position:absolute;left:0;width:25px;padding-right:4px;display:inline-flex;align-items:center;justify-content:center}.switch-root{all:"unset";width:42px;height:25px;background-color:#dfe1e4;background-color:var(--switch-root-background-color);border-radius:9999px;border:none;position:relative;transition:background-color .1s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.switch-root:focus-visible{outline:none}.switch-root[data-state=checked]{background-color:#fc0;background-color:var(--yellow-accent)}.switch-thumb{display:block;width:17px;height:17px;background-color:#fff;background-color:var(--switch-thumb-color);border-radius:9999px;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;-webkit-transform:translateX(4px);transform:translateX(4px);will-change:transform}.switch-thumb[data-state=checked]{-webkit-transform:translateX(21px);transform:translateX(21px);background-color:#fff;background-color:var(--switch-thumb-checked-color);outline:1px solid rgba(100,100,120,.5)}.number-input{all:unset;flex:1 0 auto;border-radius:.5rem;padding:0 .8rem;outline:1px solid #646478;outline:1px solid var(--border-color);height:32px;text-align:right}.number-input:focus-visible{outline:1px solid #fc0;outline:1px solid var(--yellow-accent)}.number-input:disabled{color:#646478;color:var(--border-color)}.toast-viewpoint{position:fixed;bottom:48px;right:1.5rem;display:flex;flex-direction:row;padding:25px;grid-gap:10px;gap:10px;max-width:100vw;margin:0;z-index:999999}.toast-viewpoint:focus-visible{outline:none}.toast-root{border:1px solid rgba(100,100,120,.5);border:1px solid var(--border-color-light);background-color:#fff;background-color:var(--page-bg);border-radius:.6rem;padding:15px;display:flex;align-items:center;grid-gap:12px;gap:12px}.toast-root[data-state=open]{-webkit-animation:slideIn .15s cubic-bezier(.16,1,.3,1);animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.toast-root[data-state=close]{-webkit-animation:opacityReveal .1s ease-in forwards;animation:opacityReveal .1s ease-in forwards}.toast-root[data-state=cancel]{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:transform .1s ease-out;animation:transform .1s ease-out}.toast-root.error{border:1px solid #ef4444;border:1px solid var(--error-color)}.toast-root.success{border:1px solid #10b981;border:1px solid var(--success-color)}.error-icon{height:24px;width:24px;color:#ef4444;color:var(--error-color)}.success-icon{height:24px;width:24px;color:#10b981;color:var(--success-color)}.loading-icon{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:linear;animation-timing-function:linear}.loading-icon,.toast-desc,.toast-icon{display:flex;align-items:center}.toast-desc{margin:0;color:#040404;color:var(--text-color);min-width:240px}.info-tooltip:hover:before{content:attr(data-tooltip);position:absolute;background-color:#fff;background-color:var(--tooltip-bg);color:#000;color:var(--tooltip-text-color);padding:.5rem;border-radius:.3rem;z-index:2;opacity:0;-webkit-animation-name:opacityReveal;animation-name:opacityReveal;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2)}.info-tooltip-top:hover:before{-webkit-transform:translateY(-100%);transform:translateY(-100%);margin-bottom:1.5rem}.info-tooltip-bottom:hover:before{-webkit-transform:translateY(100%);transform:translateY(100%);margin-top:1.5rem}.tooltip-trigger{all:unset;display:flex;justify-content:center;align-items:center}.tooltip-content{color:#000;color:var(--tooltip-text-color);background-color:#fff;background-color:var(--tooltip-bg);padding:10px 15px;border-radius:4px;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2)}@media(prefers-reduced-motion:no-preference){.tooltip-content{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.16,1,.3,1);animation-timing-function:cubic-bezier(.16,1,.3,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;will-change:transform,opacity}.tooltip-content[data-state=delayed-open][data-side=top]{-webkit-animation-name:slideDownAndFade;animation-name:slideDownAndFade}.tooltip-content[data-state=delayed-open][data-side=bottom]{-webkit-animation-name:slideUpAndFade;animation-name:slideUpAndFade}}.tooltip-arrow{fill:#fff;fill:var(--tooltip-bg)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:"WorkSans",sans-serif} |