@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(/factorio-blueprint-editor/fonts/roboto-v20-latin/300.woff2) format("woff2"),url(/factorio-blueprint-editor/fonts/roboto-v20-latin/300.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/factorio-blueprint-editor/fonts/roboto-v20-latin/400.woff2) format("woff2"),url(/factorio-blueprint-editor/fonts/roboto-v20-latin/400.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(/factorio-blueprint-editor/fonts/roboto-v20-latin/500.woff2) format("woff2"),url(/factorio-blueprint-editor/fonts/roboto-v20-latin/500.woff) format("woff")}@font-face{font-family:Titillium Web;font-style:normal;font-weight:400;src:local("Titillium Web Regular"),local("TitilliumWeb-Regular"),url(/factorio-blueprint-editor/fonts/titillium-web-v8-latin/400.woff2) format("woff2"),url(/factorio-blueprint-editor/fonts/titillium-web-v8-latin/400.woff) format("woff")}body{margin:0;overflow:hidden;background-color:#1a1a1a}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}html{font-family:Roboto,sans-serif;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}#loadingScreen{position:fixed;inset:0;background-color:#303030}#loadingScreen.active{z-index:10}#loadingScreen.active .loadingWheel{animation:rotating 2s linear infinite}#loadingScreen.error{z-index:4;cursor:default}#loadingScreen.error .loadingWheel{animation-fill-mode:forwards;animation-iteration-count:1}#corner-panel{z-index:5;position:fixed;left:0;top:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#303030;padding:6px 10px;height:52px;border-color:#888;border-style:solid;border-width:0 1px 1px 0}#corner-panel img{height:36px;width:auto}#corner-panel span{color:#fff}.loadingWheel{width:60px;height:60px;position:fixed;right:16px;bottom:16px}#logo{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:50%}.dg{font:12px Roboto,sans-serif!important}.dg.main{position:fixed;top:80px;left:0;z-index:5}.dg .close-button{display:none}.dg .slider{margin-left:0!important;width:65%!important}.dg .c select{width:100%}body.mobile .dg.main{width:min(360px,100vw)!important}body.mobile .dg ul:not(.closed)>li:not(.folder){height:40px;line-height:40px}body.mobile .dg li.title{height:40px;line-height:40px}body.mobile .dg ul:not(.closed)>li .c{line-height:40px}body.mobile .dg ul:not(.closed)>li .c input[type=text],body.mobile .dg ul:not(.closed)>li .c select{height:30px}body.mobile .dg ul:not(.closed)>li .c input[type=checkbox]{width:22px;height:22px}body.mobile #buttons{top:52px;display:grid;grid-template-columns:repeat(3,44px)}body.mobile #buttons .github-button,body.mobile #buttons .settings-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-left:0;border-radius:0;background:#3a3a3a;transform:none}body.mobile #buttons .github-button:hover,body.mobile #buttons .settings-button:hover,body.mobile #buttons .github-button:active,body.mobile #buttons .settings-button:active,body.mobile #buttons .github-button:focus,body.mobile #buttons .settings-button:focus{transform:none;filter:brightness(1.15)}body.mobile #buttons .github-button span,body.mobile #buttons .settings-button span{display:none}body.mobile #buttons .github-button img,body.mobile #buttons .settings-button img{position:static;top:auto;left:auto;transform:none;width:24px;height:24px}#editor{position:fixed;outline:none}#buttons{position:absolute;z-index:5;top:56px;left:0}#buttons a,#buttons button{position:relative;height:35px;display:block;border-bottom-right-radius:5px;padding:4px 8px;color:#fff;font-family:Titillium Web,sans-serif;font-size:18px;letter-spacing:.6px;line-height:30px;text-decoration:none;transition:.3s all linear;transform:translate(-5px)}#buttons a span,#buttons button span{position:absolute;top:50%;left:25px;transform:translateY(-50%)}#buttons a img,#buttons button img{position:absolute;top:0;left:17px;transform:translate(-50%);width:22px;height:100%}#buttons a:hover,#buttons button:hover,#buttons a:active,#buttons button:active,#buttons a:focus,#buttons button:focus{transform:translate(0)}#buttons .github-button{width:105px;border-left:5px solid #31383f;background-color:#31383f}#buttons .github-button img{width:20px}#buttons .settings-button{width:110px;border-left:5px solid #8a8a8a;background-color:#43464b;cursor:pointer;outline:none}#buttons .settings-button img{width:20px;height:auto;top:50%;transform:translate(-50%,-50%)}#info-panel{display:none;position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);width:min(640px,90vw);max-height:calc(100dvh - 32px);overflow-y:auto;z-index:100;color:#fff;background-color:#303030;border-radius:10px;padding:4px 16px;border:1px solid #888}#info-panel.active{display:block}#info-panel ul{position:relative;list-style:none;padding-left:1em;margin-left:.5em}#info-panel ul li:before{color:#ffe6c0;content:"-";position:absolute;left:0}#info-panel h1{color:#ffe6c0;text-align:center;font-size:1.8em;font-weight:500}#info-panel h2{font-size:1.6em;font-weight:500}#info-panel h3{font-size:1.2em;font-weight:500}#info-panel .info-list{font-size:1.1em}#info-panel .info-list li mark{background-color:transparent;color:#ffe6c0}#info-panel .info-list li:before{content:">"}#info-panel .copyright-notice{font-size:.9em;text-align:center}#info-panel-close{position:absolute;top:8px;right:8px;width:36px;height:36px;padding:0;line-height:36px;font-size:28px;color:#fff;background:transparent;border:0;border-radius:6px;cursor:pointer}#info-panel-close:hover,#info-panel-close:active{background-color:#ffffff1a}#buttons .library-button{width:110px;border-left:5px solid #8a8a8a;background-color:#43464b;cursor:pointer;outline:none}#buttons .library-button .lib-icon{position:absolute;top:50%;left:17px;transform:translate(-50%,-50%);font-size:18px;line-height:1}body.mobile #buttons .library-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-left:0;border-radius:0;background:#3a3a3a;transform:none}body.mobile #buttons .library-button:hover,body.mobile #buttons .library-button:active,body.mobile #buttons .library-button:focus{transform:none;filter:brightness(1.15)}body.mobile #buttons .library-button span:not(.lib-icon){display:none}body.mobile #buttons .library-button .lib-icon{position:static;top:auto;left:auto;transform:none}#active-project{position:fixed;z-index:5;top:8px;left:50%;transform:translate(-50%);max-width:min(50vw,360px);padding:5px 12px;color:#eee;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#303030e6;border:1px solid #888;border-radius:14px;cursor:pointer;-webkit-user-select:none;user-select:none}#active-project:hover{background:#404040f2}#active-project.modified:before{content:"●";color:#ffe6c0;margin-right:6px}#entity-info-sheet{display:none;position:fixed;z-index:15;left:54px;right:8px;top:60px;max-height:40vh;overflow-y:auto;padding:10px 14px;color:#eee;font-size:13px;background:#303030eb;border:1px solid #888;border-radius:10px}#entity-info-sheet.visible{display:block}@media (orientation: landscape){#entity-info-sheet{inset:auto 8px 8px auto;width:300px;max-height:calc(50vh - 16px)}}#entity-info-sheet .eis-name{font-weight:600;font-size:15px;margin-bottom:4px}#entity-info-sheet .eis-line{margin:2px 0}#entity-info-sheet .eis-dim{color:#b5b5b5;font-size:12px}#entity-info-sheet .eis-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:6px 0}#entity-info-sheet .eis-stack{display:inline-flex;align-items:center;gap:3px}#rates-drawer{display:none;position:fixed;z-index:15;bottom:96px;right:8px;width:min(300px,70vw);max-height:calc(50vh - 40px);overflow-y:auto;padding:8px 12px 10px;color:#eee;font-size:13px;background:#303030eb;border:1px solid #888;border-radius:10px}#rates-drawer.visible{display:block}@media (orientation: landscape){#rates-drawer{bottom:auto;top:60px}}#rates-drawer .rd-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;margin-bottom:2px}#rates-drawer .rd-header .rates-close{width:32px;height:32px;padding:0;color:#ddd;font-size:16px;background:transparent;border:0;border-radius:6px;cursor:pointer}#rates-drawer .rd-header .rates-close:hover,#rates-drawer .rd-header .rates-close:active{background:#ffffff1a}#rates-drawer .rd-section{color:#ffe6c0;font-weight:500;margin:6px 0 2px}#rates-drawer .rd-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:3px 0}#rates-drawer .rd-dim{color:#b5b5b5;font-size:12px}#rates-drawer .rd-net-pos{color:#8bc34a;font-weight:500}#rates-drawer .rd-net-neg{color:#ff7043;font-weight:500}#rates-drawer .rd-machines{display:inline-flex;align-items:center;gap:3px;color:#b5b5b5;font-size:12px}#library-panel{display:none;position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);width:min(560px,94vw);max-height:calc(100dvh - 32px);z-index:100;color:#fff;background-color:#303030;border:1px solid #888;border-radius:10px;overflow:hidden}#library-panel.active{display:flex;flex-direction:column}#library-panel .library-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 16px;border-bottom:1px solid #555}#library-panel .library-header h1{margin:0;color:#ffe6c0;font-size:1.4em;font-weight:500}#library-panel .library-close{width:36px;height:36px;padding:0;line-height:36px;font-size:26px;color:#fff;background:transparent;border:0;border-radius:6px;cursor:pointer}#library-panel .library-close:hover{background-color:#ffffff1a}#library-panel .library-sync{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid #555}#library-panel .library-sync[hidden]{display:none}#library-panel .library-sync .library-sync-email{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfe8f4;font-size:12px}#library-panel .library-sync .library-sync-glyph{flex:0 0 auto;font-size:1.4em;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:2px 4px}#library-panel .library-sync .library-sync-glyph.library-sync-syncing{color:#9fb4c0}#library-panel .library-sync .library-sync-glyph.library-sync-synced{color:#7fd18a}#library-panel .library-sync .library-sync-glyph.library-sync-conflict,#library-panel .library-sync .library-sync-glyph.library-sync-error{color:#ffc451}#library-panel .library-sync .library-sync-glyph.library-sync-offline{color:#d08a8a}#library-panel .library-sync .library-sync-glyph.library-sync-action{cursor:pointer}#library-panel .library-sync .library-sync-glyph.library-sync-action:hover{filter:brightness(1.2)}#library-panel .library-sync .library-sync-btn{flex:0 0 auto;padding:5px 10px;color:#fff;font-size:12px;background:#43464b;border:1px solid #6a6a6a;border-radius:4px;cursor:pointer}#library-panel .library-sync .library-sync-btn:hover{filter:brightness(1.15)}#library-panel .library-conflict-explain{margin-top:8px;color:#cfe8f4;font-size:12px}#library-panel .library-conflict-times{margin-top:8px;color:#9fb4c0;font-size:12px}#library-panel .library-conflict-signout{opacity:.85}#library-panel .library-actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #555}#library-panel .library-actions button{flex:1 1 auto;padding:8px 10px;color:#fff;font-size:13px;background:#43464b;border:1px solid #6a6a6a;border-radius:4px;cursor:pointer}#library-panel .library-actions button:hover{filter:brightness(1.15)}#library-panel .library-actions button:disabled{opacity:.45;cursor:not-allowed}#library-panel .library-actions button:disabled:hover{filter:none}#library-panel .library-body{overflow-y:auto;padding:6px 0 10px}#library-panel .library-section{padding:10px 16px 4px;color:#9fb4c0;font-size:11px;letter-spacing:.6px;text-transform:uppercase}#library-panel .library-empty{padding:4px 16px;color:#aaa;font-size:13px;font-style:italic}#library-panel .library-packbar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid #555}#library-panel .library-packbar label{color:#9fb4c0;font-size:11px;letter-spacing:.6px;text-transform:uppercase}#library-panel .library-packbar select{flex:1 1 auto;padding:5px 8px;color:#fff;font-size:13px;background:#2a2a2a;border:1px solid #6a6a6a;border-radius:4px}#library-panel .library-folder{color:#ffe6c0}#library-panel .library-folder .library-row-name{cursor:pointer}#library-panel .library-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 16px}#library-panel .library-row:hover{background:#ffffff0d}#library-panel .library-row.active{background:#27abdb26;box-shadow:inset 3px 0 #27abdb}#library-panel .library-row-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;cursor:pointer}#library-panel .library-badge{margin-left:8px;padding:1px 6px;color:#cfe8f4;font-size:11px;background:#27abdb40;border-radius:8px}#library-panel .library-row-buttons{display:flex;gap:4px;flex:0 0 auto}#library-panel .library-row-buttons button{padding:4px 8px;color:#ddd;font-size:12px;background:#3a3a3a;border:1px solid #5a5a5a;border-radius:3px;cursor:pointer}#library-panel .library-row-buttons button:hover{background:#4a4a4a}.library-menu{position:fixed;z-index:110;min-width:180px;max-height:calc(100dvh - 16px);overflow-y:auto;padding:4px;background:#2a2a2a;border:1px solid #888;border-radius:6px;box-shadow:0 4px 16px #00000080}.library-menu button{display:block;width:100%;padding:8px 10px;color:#eee;font-size:13px;text-align:left;background:transparent;border:0;border-radius:4px;cursor:pointer}.library-menu button:hover{background:#ffffff14}.library-picker{position:absolute;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#00000080}.library-picker .library-picker-box{display:flex;flex-direction:column;width:min(420px,90%);max-height:80%;background:#303030;border:1px solid #888;border-radius:8px;overflow:hidden}.library-picker .library-picker-title{padding:10px 14px;color:#ffe6c0;font-size:14px;font-weight:500;border-bottom:1px solid #555}.library-picker .library-picker-list{overflow-y:auto;padding:6px}.library-picker .library-picker-list button{display:block;width:100%;padding:8px 10px;margin-bottom:2px;color:#eee;font-size:13px;text-align:left;background:#3a3a3a;border:1px solid #5a5a5a;border-radius:4px;cursor:pointer}.library-picker .library-picker-list button:hover{background:#4a4a4a}.library-picker .library-picker-cancel{margin:6px;padding:8px;color:#ddd;font-size:13px;background:transparent;border:1px solid #6a6a6a;border-radius:4px;cursor:pointer}.library-picker .library-picker-cancel:hover{background:#ffffff14}.library-version-list{overflow-y:auto;padding:6px}.library-version-list .library-version{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid #444}.library-version-list .library-version:last-child{border-bottom:0}.library-version-list .library-version-label{color:#eee;font-size:13px}.library-version-list .library-row-buttons button{padding:4px 8px;color:#ddd;font-size:12px;background:#3a3a3a;border:1px solid #5a5a5a;border-radius:3px;cursor:pointer}.library-version-list .library-row-buttons button:hover{background:#4a4a4a}.library-textarea{width:100%;margin-top:10px;padding:8px;color:#eee;font-family:monospace;font-size:12px;background:#2a2a2a;border:1px solid #6a6a6a;border-radius:4px;resize:vertical;box-sizing:border-box}.library-dialog{padding:16px}.library-dialog .library-dialog-text{color:#eee;font-size:14px;line-height:1.4}.library-dialog .library-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.library-dialog .library-dialog-actions button{padding:8px 14px;color:#ddd;font-size:13px;background:#3a3a3a;border:1px solid #6a6a6a;border-radius:4px;cursor:pointer}.library-dialog .library-dialog-actions button:hover{background:#4a4a4a}.library-dialog .library-dialog-actions .library-dialog-confirm{color:#fff;background:#b03030;border-color:#c84a4a}.library-dialog .library-dialog-actions .library-dialog-confirm:hover{filter:brightness(1.1)}.toasts-container{position:fixed;bottom:0;right:0;width:320px;z-index:20;pointer-events:none}.toasts-toast{position:relative;pointer-events:auto;padding:12px 16px;margin:8px 0 5px;background:#303030;cursor:pointer;box-shadow:1px 1px 3px #0000001a;border-radius:5px 0 0;border-style:solid;border-width:1px 0 2px 1px;border-color:#888;animation-name:toastsFadeIn;animation-duration:.3s;animation-timing-function:cubic-bezier(.23,1,.32,1);transition-delay:.3s;transition-duration:.2s;transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-property:max-height margin border padding}.toasts-toast-fadeOut{animation-name:toastsFadeOut;animation-fill-mode:forwards;max-height:0!important;margin:0;border:0;padding:0}.toasts-text{font-size:14px;color:#fff}.toasts-action{display:block;margin-top:10px;padding:6px 12px;font-size:13px;color:#fff;background:#27abdb;border:none;border-radius:3px;cursor:pointer}.toasts-action:hover{filter:brightness(1.1)}.toasts-success{border-bottom-color:#51c625}.toasts-warning{border-bottom-color:#db9215}.toasts-error{border-bottom-color:#db2b1d}.toasts-info{border-bottom-color:#27abdb}#action-toolbar{position:fixed;left:0;z-index:4;display:none;flex-direction:column;align-items:flex-start;user-select:none;-webkit-user-select:none;touch-action:manipulation}#action-toolbar.visible{display:flex}#action-toolbar .rail-primary{display:grid;gap:0}#action-toolbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background:#3a3a3a;color:#eee;font:500 7px Roboto,sans-serif;cursor:pointer;overflow:hidden}#action-toolbar button:hover{background:#4a4a4a}#action-toolbar button:active{background:#5a5a5a}#action-toolbar button .glyph{font-size:16px;line-height:1}#action-toolbar button .label{display:block;margin-top:1px;max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#action-toolbar .rail-more{width:44px;height:44px;font-size:18px;color:#ccc;background:#2c2c2c;border:none;cursor:pointer}#action-toolbar .rail-more:hover{background:#3a3a3a}#action-toolbar button.confirm{background:#2a5a2a}#action-toolbar button.confirm.active{background:#2f9e3f}#action-toolbar button.delete{background:#5a3320}#action-toolbar button.delete.active{background:#c8641e}#action-toolbar button.cancel{background:#5a2a2a}#action-toolbar button.cancel.active{background:#b03030}#action-toolbar button.wire-copper .glyph{color:#cf7c00}#action-toolbar button.wire-red .glyph{color:#c83718}#action-toolbar button.wire-green .glyph{color:#588c38}#action-toolbar .rail-overflow{position:fixed;display:none;grid-template-columns:repeat(3,60px);gap:6px;padding:8px;border-radius:8px;background:#141414f2;box-shadow:0 2px 10px #00000080;z-index:22}#action-toolbar .rail-overflow.open{display:grid}#action-toolbar .rail-overflow button{width:60px;height:56px;border-radius:6px;font-size:9px}#action-toolbar .rail-overflow button .glyph{font-size:22px}#action-toolbar .rail-overflow button .label{margin-top:3px}#paint-dpad,#select-dpad{position:fixed;left:0;right:0;width:164px;margin:0 auto;z-index:21;display:none;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:4px;user-select:none;-webkit-user-select:none;touch-action:manipulation}#paint-dpad.visible,#select-dpad.visible{display:grid}#paint-dpad button,#select-dpad button{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:none;border-radius:8px;background:#3a3a3aeb;color:#eee;cursor:pointer;box-shadow:0 1px 4px #0006}#paint-dpad button .glyph,#select-dpad button .glyph{font-size:20px;line-height:1}#paint-dpad button:active,#select-dpad button:active{background:#5a5a5af2}#paint-dpad button.confirm,#select-dpad button.confirm{background:#2f9e3f}#paint-dpad button.confirm:active,#select-dpad button.confirm:active{background:#37b94a}#paint-dpad button.delete,#select-dpad button.delete{background:#5a3320}#paint-dpad button.delete:active,#select-dpad button.delete:active{background:#c8641e}#paint-dpad button.gated-off,#select-dpad button.gated-off{display:none}#paint-dpad{bottom:12px}#select-dpad{bottom:70px}#select-actions,#edit-bar{position:fixed;bottom:12px;left:0;right:0;width:max-content;max-width:calc(100vw - 16px);margin:0 auto;z-index:21;display:none;gap:6px;user-select:none;-webkit-user-select:none;touch-action:manipulation}#select-actions.visible,#edit-bar.visible{display:flex}#select-actions button,#edit-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:52px;padding:0;border:none;border-radius:8px;background:#3a3a3af2;color:#eee;font:500 10px Roboto,sans-serif;cursor:pointer;box-shadow:0 1px 4px #0006}#select-actions button .glyph,#edit-bar button .glyph{font-size:18px;line-height:1}#select-actions button .label,#edit-bar button .label{margin-top:2px}#select-actions button:active,#edit-bar button:active{background:#5a5a5afa}#select-actions button.confirm,#edit-bar button.confirm{background:#2f9e3f}#select-actions button.confirm:active,#edit-bar button.confirm:active{background:#37b94a}#select-actions button.delete,#edit-bar button.delete{background:#5a3320}#select-actions button.delete:active,#edit-bar button.delete:active{background:#c8641e}#select-actions button.cancel,#edit-bar button.cancel{background:#5a2a2a}#select-actions button.cancel:active,#edit-bar button.cancel:active{background:#b03030}@-moz-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-o-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-moz-keyframes toastsFadeIn{0%{transform:translate(100%)}to{transform:translate(0)}}@-webkit-keyframes toastsFadeIn{0%{transform:translate(100%)}to{transform:translate(0)}}@-o-keyframes toastsFadeIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toastsFadeIn{0%{transform:translate(100%)}to{transform:translate(0)}}@-moz-keyframes toastsFadeOut{0%{transform:translate(0)}to{transform:translate(100%)}}@-webkit-keyframes toastsFadeOut{0%{transform:translate(0)}to{transform:translate(100%)}}@-o-keyframes toastsFadeOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes toastsFadeOut{0%{transform:translate(0)}to{transform:translate(100%)}}