.canvas-history-option[data-v-8956cdb2]{opacity:.5}.selected[data-v-8956cdb2]{opacity:1}[data-v-8956cdb2] .added{background-color:#e6f7e9;animation:3s 1s forwards fadeBackgroundColor}@media (prefers-color-scheme:dark){[data-v-8956cdb2] .added{background-color:#0a3d0a;animation:3s 1s forwards fadeBackgroundColorDark}}.mobile-close-button[data-v-8956cdb2]{display:none}@media (max-width:1220px){.mobile-close-button[data-v-8956cdb2]{flex-direction:row;justify-content:flex-end;display:flex;position:absolute;top:12px;right:12px}}.mobile-close-button .icon[data-v-8956cdb2]{cursor:pointer;width:24px;height:24px}.wrapper[data-v-8956cdb2]{box-sizing:border-box;border-radius:10px;flex-direction:column;width:100%;height:100%;padding:12px;display:flex;overflow:hidden auto}@media (max-width:1220px){.wrapper[data-v-8956cdb2]{height:calc(100vh - 100px);padding-top:36px}}.canvas_history_dropdown[data-v-8956cdb2]{align-items:center;gap:10px;margin-bottom:12px;display:flex}.current-canvas-history[data-v-8956cdb2]{margin-right:10px;font-weight:700}.editor-container[data-v-8956cdb2]{flex:1;min-height:500px;margin-top:12px}.canvas-history-options[data-v-8956cdb2]{min-width:200px;max-height:300px;overflow-y:auto}.canvas-history-option[data-v-8956cdb2]{cursor:pointer;padding:8px 12px;transition:background-color .2s}.canvas-history-option[data-v-8956cdb2]:hover{background-color:#f5f5f5}@media (prefers-color-scheme:dark){.canvas-history-option[data-v-8956cdb2]:hover{background-color:#303030}}