:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";color-scheme:light;--light-1: #fff1f0;--light-2: #ffccc7;--dark-1: #434343;--dark-2: #262626}body{margin:0;background-color:var(--light-1);color:#000;transition:.2s ease background-color,.2s ease color}body.dark{background-color:var(--dark-2);color:#fff;color-scheme:dark}#root{display:flex;align-items:center;width:100vw;height:100vh;overflow:hidden}#side_panel_skeleton{background-color:var(--light-2);display:block;padding:24px;max-width:400px;width:30%;height:100%}#side_panel{background-color:var(--light-2);padding:24px;display:block;overflow-y:auto;position:relative;max-width:400px;width:30%;height:calc(100vh - 48px)}#fish_command_output{padding-inline:12px;margin-block:4px;width:60%}#changeThemeBtn{position:absolute;top:12px;right:12px}.formElementContainer{display:flex;flex-direction:column;margin-bottom:24px}.formElementContainer>label{position:relative;display:inline-flex;align-items:center;max-width:100%;height:32px;color:#000000e0;font-size:14px}.colorContainer>label{height:24px}.colorContainer{background-color:var(--light-1);padding:8px;border-radius:6px}@media only screen and (max-width: 768px){#root{flex-direction:column-reverse}#fish_command_output{width:100%;max-width:100%}#side_panel{flex-grow:1;max-height:50%;width:calc(100vw - 48px);max-width:none}.hexColorApplet{right:auto;left:0}}body.dark #side_panel{background-color:var(--dark-1)}body.dark .formElementContainer>label{color:#fff}body.dark .colorContainer{background-color:var(--dark-2)}@keyframes fadeIn{0%{opacity:0}}#fish_preview{width:70%;min-width:128px;min-height:128px;max-width:500px;max-height:500px;aspect-ratio:1/1;margin:6px;border:2px solid var(--light-2);border-radius:8px;position:relative;transition:.2s ease border;background:#363a3f;overflow:hidden}#fish_preview img{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;width:100%;height:100%}#fish_preview_children{transition:filter .1s ease;width:100%;height:100%;background:url(./background.webp);background-size:contain}#fish_preview.blur #fish_preview_children{filter:blur(24px) saturate(0)}body.dark #fish_preview{border-color:var(--dark-1)}@media only screen and (max-width: 768px){#fish_preview{width:auto;height:60%}}