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