:root{--primary-background--light:#fff;--primary-foreground--light:#000;--primary-border--light:gray;--secondary-foreground--light:dimgray;--link-foreground--light:purple;--input-background--light:#fff;--disabled-background--light:#eee;--disabled-foreground--light:#000;--disabled-border--light:#ddd;--primary-background--dark:#222;--primary-foreground--dark:#fff;--primary-border--dark:#000;--secondary-foreground--dark:#bbb;--link-foreground--dark:#add8e6;--input-background--dark:#444;--disabled-background--dark:#333;--disabled-foreground--dark:#fff;--disabled-border--dark:#111}*{box-sizing:border-box}body{background-color:#fff;background-color:var(--primary-background--light);color:#000;color:var(--primary-foreground--light);font-family:Noto Sans TC,sans-serif;min-height:100%;padding:20px;width:100%}.pageHeader,.pageMain{margin:0 auto;max-width:1000px;padding:0 20px}.pageHeader{& .pageTitle{margin-bottom:4px}& .pageSubtitle,& .pageTitle{-webkit-user-select:none;user-select:none}& .pageSubtitle{color:dimgray;color:var(--secondary-foreground--light);margin-top:.25em}}.pageTitle{background-image:url(https://assets.codepen.io/1177378/alphabetizer_small.png);background-position:0;background-repeat:no-repeat;background-size:contain;height:40px;max-width:100%;width:400px}.advancedOptionTitle{align-items:center;display:flex;justify-content:space-between;margin:12px 0 0}.advancedOptionInput{margin-bottom:20px;margin-top:8px;width:100%}.advancedOptionsButton{all:unset;color:purple;color:var(--link-foreground--light);cursor:pointer;font-size:small;font-size:12px;font-weight:700;text-decoration:underline;-webkit-user-select:none;user-select:none;vertical-align:top}.pageMain{grid-gap:20px;display:grid;grid-template:auto 1fr auto/1fr 1fr}.bodySection{display:flex;flex:1 1;flex-direction:column}.bodySectionTitle{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px;margin-top:0;min-height:30px;-webkit-user-select:none;user-select:none}.advancedOptionInput,.textInput,.textOutput{background-color:#fff;background-color:var(--input-background--light);border:1px solid gray;border:1px solid var(--primary-border--light);border-radius:3px;padding:12px;resize:none}.textInput,.textOutput{min-height:100px;width:100%}.textOutput{background-color:#eee;background-color:var(--disabled-background--light);border-color:#ddd;border-color:var(--disabled-border--light);color:#000;color:var(--disabled-foreground--light);outline:none}.copyButton{all:unset;color:purple;color:var(--link-foreground--light);cursor:pointer;font-size:inherit;font-weight:inherit;text-decoration:underline;&:hover{filter:brightness(85%)}}.githubButtons{-webkit-user-select:none;user-select:none}.previewWrapper{min-height:35px;& img{height:30px}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.advancedOptionsSection{background:#0000004d;display:flex;height:100%;justify-content:center;left:0;overflow:auto;padding:20px;position:fixed;top:0;width:100%}.advancedOptionsContainer{grid-gap:0 20px;background:#fff;background:var(--primary-background--light);border-radius:3px;display:grid;grid-template:auto/1fr;margin-bottom:auto;margin-top:auto;padding:20px}.advancedOptionListItem{display:flex;flex-direction:row;list-style:none;margin-top:12px;padding:0;& .advancedOptionInput{flex-basis:44%;margin:0 4% 0 0;&:last-of-type{margin-right:0}}}.advancedOptionXButton{all:unset;align-items:center;cursor:pointer;display:flex;flex-grow:1;justify-content:center;margin-left:auto;max-width:20px}.spacesBetweenEmojisInput{width:auto}@media (max-width:600px){.pageMain{display:flex;flex-direction:column}.bodySection{&:not(:first-child){margin-left:0}}}@media (prefers-color-scheme:dark){body{background-color:#222;background-color:var(--primary-background--dark);color:#fff;color:var(--primary-foreground--dark)}.pageHeader{& .pageSubtitle{color:#bbb;color:var(--secondary-foreground--dark)}}.advancedOptionsContainer{background-color:#222;background-color:var(--primary-background--dark)}.advancedOptionInput,.textInput{background-color:#444;background-color:var(--input-background--dark);border-color:#000;border-color:var(--primary-border--dark);color:#fff;color:var(--primary-foreground--dark)}.textOutput{background-color:#333;background-color:var(--disabled-background--dark);border-color:#111;border-color:var(--disabled-border--dark);color:#fff;color:var(--disabled-foreground--dark)}.advancedOptionsButton,.copyButton{color:#add8e6;color:var(--link-foreground--dark)}}
/*# sourceMappingURL=main.6ce9c41d.css.map*/