.formField{margin-bottom:1em}.formLabel{margin-bottom:4px}.formMessage{font-size:.6em}.folderButtonContainer{display:grid;grid-template-columns:repeat(auto-fill,140px);gap:24px;margin-top:24px}h1{font-size:1.5rem;font-weight:700;margin:0 0 8px}h2{font-size:1.25rem;font-weight:700;margin:0}h3{font-size:1.5rem;font-weight:700;margin:0 0 8px}h4{margin:0;padding:0;font-size:1rem;font-weight:400}p{font-size:1.25rem;margin:0}.dialogOverlay{background-color:#000000b3;position:fixed;inset:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.rightAlign{margin-left:auto}.spinIcon{height:1.25em;width:1.25em;animation:spin 1s linear infinite}.spinIconLarge{padding:16px;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button{background-color:var(--primary-active-light);color:var(--primary-foreground);padding:6px 24px;border-radius:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;height:fit-content;font-weight:700;border:2px solid transparent;transition:all .2s ease-in-out}.button:hover{background-color:var(--elevated-background);color:var(--primary-active);border-color:var(--primary-active)}.button:focus,.button:disabled{background-color:var(--primary-active);color:var(--elevated-background)}.soundButtonWrapper{display:flex;flex-direction:column;justify-content:start;margin-bottom:1rem}.soundButtonInner{display:flex;flex-direction:row}.soundButton{height:72px;width:72px;border:4px solid transparent;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.soundButton:hover{border-color:var(--primary-active)}.buttonEmoji{font-size:2em;line-height:1}.soundButtonLabel{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:4px;font-size:1rem;-webkit-user-select:none;user-select:none;text-align:center;font-size:.75rem}.soundButtonMenu{position:relative;transform:translate(38px,34px);height:30px;width:30px;margin-top:-30px;display:flex;justify-content:center;align-items:center;background-color:var(--elevated-background);border:2px solid var(--primary-muted-dark);border-radius:50%;padding:0;flex-shrink:0;outline:none;transition:all .2s ease-in-out}.soundButtonMenuIcon{width:18px;height:18px}.soundButtonMenuContent{background-color:var(--elevated-background);padding:8px;border:2px solid var(--primary-muted);border-radius:8px}.soundButtonMenuArrow{fill:var(--primary-muted)}.soundButtonMenuItem{color:var(--primary-disabled);font-size:.75rem;display:flex;flex-direction:row;align-items:center;padding:4px;margin:4px;cursor:pointer;border:2px solid transparent;border-radius:8px;outline:none;transition:all .2s ease-in-out}.soundButtonMenuItem[data-highlighted]{border-color:var(--primary-active)}.soundButtonMenuItemDanger{color:var(--warning)}.soundButtonMenuItemDanger[data-highlighted]{border-color:var(--warning)}.soundButtonMenuItemIcon{height:1rem;width:1rem;margin-right:8px}.iconButtonWrapper{display:flex;flex-direction:column;align-items:center;background-color:transparent;border:0;padding:0;transition:all .2s ease-in-out}.iconButtonWrapper:hover{color:var(--primary-hover)}.iconButtonWrapper:focus{outline:0}.iconButtonWrapper:hover .iconButton{background-color:#ffffff4d;color:var(--primary-hover)}.iconButtonWrapper:disabled{cursor:not-allowed}.iconButtonWrapper:disabled .iconButton{background-color:var(--primary-muted);color:var(--primary-disabled);border-color:var(--primary-muted);cursor:not-allowed}.iconButton{width:48px;height:48px;background-color:var(--primary-foreground);color:var(--inner-background);display:flex;justify-content:center;align-items:center;border-radius:8px;transition:all .2s ease-in-out}.iconButtonSelected,.iconButtonWrapper:hover .iconButtonSelected{background-color:var(--inner-background);color:var(--primary-foreground)}.innerIcon{width:32px;height:32px}.iconButtonLabel{margin-top:4px;font-weight:700;font-size:.75rem;max-width:64px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.iconButtonSelected+.iconButtonLabel{color:var(--inner-background)}.confirmDeleteModal{background-color:var(--elevated-background);border-radius:24px;padding:32px;border:2px solid var(--primary-muted);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-height:85vh;animation:contentShow .15s cubic-bezier(.16,1,.3,1);overflow-y:auto}.confirmDeleteButtons{width:100%;display:flex;flex-direction:row;justify-content:center;gap:16px;margin-top:24px}.dangerButton{background-color:var(--warning-light);color:inherit}.dangerButton:hover{border-color:var(--warning);color:var(--warning)}.dangerButton:focus,.dangerButton:disabled{background-color:var(--warning);color:var(--elevated-background)}.editDialog{background-color:var(--elevated-background);border-radius:24px;padding:32px;border:2px solid var(--primary-muted);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-height:85vh;animation:contentShow .15s cubic-bezier(.16,1,.3,1);width:500px;overflow-y:auto}.editDialogTitle{font-size:1.5rem;font-weight:700;margin-bottom:24px}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.fileDrop{color:var(--primary-muted-dark);border:4px dashed var(--primary-muted-dark);border-radius:16px;padding:48px;box-sizing:border-box;text-align:center;cursor:pointer;transition:all .2s ease-in-out}.fileDropContent{margin:auto}.fileDropIcon{height:128px;width:128px}.fileDropText{font-weight:700;margin-top:24px}.fileDrop:hover,.fileDropActive{border-color:var(--primary-active);color:var(--primary-foreground)}.editDialogFieldContainer{font-size:1rem;color:var(--primary-disabled);border:2px solid var(--primary-muted-dark);border-radius:12px;margin-top:24px;transition:border-color .2s ease-in-out}.editDialogFieldContainer:hover{border-color:var(--primary-active)}.editDialogFieldContainer:focus-within:not(.editDialogFieldContainerSelector){border-color:var(--primary-foreground)}.editDialogFieldContainerDisabled:hover{border-color:var(--primary-muted-dark)}.editDialogInput{width:100%}.editDialogFieldContainer[data-invalid],.editDialogHexInput[data-invalid]{border-color:var(--warning)}.editDialogInputDisabled{cursor:pointer!important}.editDialogInputFilename .textInput{color:var(--primary-muted-dark);cursor:default}.editDialogDesignContainer{display:flex;flex-direction:row;margin-top:24px}.editDialogPreviewButton{font-size:60px;height:140px;width:140px;flex-shrink:0;border-radius:24px;border:0}.editDialogEmojiPickerContainer{margin-left:-52px;margin-top:8px;transition:color .2s ease-in-out}.editDialogEmojiPickerContainer:hover{color:var(--primary-active)}.buttonDisplayPickerIcon{height:24px;width:24px}.editDialogColorPickerContainer{margin:auto 0 auto 32px;flex-grow:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:16px}.editDialogColorButtonWrapper{flex-basis:calc(100% / 7);display:flex;justify-content:center}.editDialogColorButton{width:32px;height:32px;border:none;border-radius:50%;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s ease-in-out}.editDialogColorButton:hover{box-shadow:0 0 0 2px var(--primary-active)}.rainbowButton{--rainbow-gradient: linear-gradient( 180deg, #00d5b8 0%, #ffd24a 50%, #ff0040 100% );background:var(--rainbow-gradient);background-color:transparent}.editDialogHexInputWrapper{flex-basis:calc((100% / 7) * 3)}.editDialogHexInput{margin:0 16px;min-width:0;box-sizing:border-box;width:calc(100% - 32px);font-size:1.25rem;color:var(--primary-active);background-color:var(--elevated-background);text-align:center;border:2px solid var(--primary-muted);border-radius:6px;padding:8px}.editDialogSubmit{margin-top:24px}.editDialogMessage{position:absolute;transform:translate(16px,-20px);color:var(--warning);font-size:.75rem}.emojiPicker{background-color:var(--elevated-background);padding:32px 16px 16px;border:2px solid var(--primary-muted)!important;border-radius:24px!important}.emojiPickerClose{background-color:var(--primary-foreground);color:var(--elevated-background);position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0;transition:background-color .2s ease-in-out}.emojiPickerClose:hover{background-color:var(--primary-active)}.emojiPickerCloseIcon{height:16px;width:16px;padding:8px}.emojiPickerArrow{fill:var(--primary-muted)}.emojiPickerButton,.emojiPickerClearButton{background:var(--elevated-background);color:inherit;border:2px solid var(--primary-muted);border-radius:50%;padding:8px;display:flex;align-items:center;justify-content:center}.emojiPickerButton:disabled{cursor:not-allowed}.folderButtonWrapper{padding:12px 16px;background-color:var(--elevated-background);width:fit-content;border:2px solid var(--primary-muted);border-radius:16px;text-align:center;transition:all .2s ease-in-out;width:144px;box-sizing:border-box}.folderButtonWrapper:hover{border-color:var(--primary-active)}.newFolderButtonWrapper{background-color:var(--inner-background);border-color:var(--primary-muted-dark);color:var(--primary-muted-dark)}.folderButtonSoundWrapper{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;margin-bottom:8px}.soundButtonDisplay{box-sizing:border-box;padding:4px;display:flex;justify-content:center;align-items:center;line-height:1}.folderSoundButtonDisplay{font-size:1.5rem;height:42px;width:42px;border:1px solid var(--primary-muted);border-radius:6px}.folderButtonLabel{font-size:1rem;font-weight:700;gap:4px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.folderButtonMenu{transform:translate(106px,38px)}.newFolderButtonLabel{font-size:1rem;font-weight:700;gap:4px;display:flex;align-items:center;justify-content:center}.buttonDisplayNum{display:flex;justify-content:center;align-items:center;gap:4px;font-size:.85rem;font-weight:700;line-height:1}.buttonDisplayNumIcon{color:var(--primary-active);width:.75rem;height:.75rem}.newFolderIcon{width:1rem;height:1rem}.editFolderDialog{background-color:var(--elevated-background);border-radius:24px;padding:32px;border:2px solid var(--primary-muted);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-height:85vh;animation:contentShow .15s cubic-bezier(.16,1,.3,1);overflow-y:auto}.editFolderDialogInput.textInputWrapper{margin:24px 0;font-size:1rem;padding:16px 20px;border:2px solid var(--primary-muted-dark);border-radius:12px;width:400px;transition:border-color .2s ease-in-out}.editFolderDialogInput:hover{border-color:var(--primary-active)}.folderPicker{background-color:var(--elevated-background);border-radius:24px;padding:32px;border:2px solid var(--primary-muted);width:350px;color:var(--primary-foreground)}.folderContainer{margin:24px 0;max-height:60vh;overflow-y:auto}.folderPickerClose{background-color:var(--primary-foreground);color:var(--elevated-background);position:absolute;top:24px;right:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0;transition:background-color .2s ease-in-out}.folderPickerClose:hover{background-color:var(--primary-active)}.folderPickerCloseIcon{height:16px;width:16px;padding:8px}.folderPickerArrow{fill:var(--primary-muted)}.folderPickerButton,.folderPickerClearButton{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.folderPickerButton:disabled{cursor:not-allowed}.folderPickerClearContainer{display:flex;justify-content:end}.folderPickerClearButton{color:var(--primary-active);font-weight:700;font-size:1rem;transition:color .2s ease-in-out}.folderPickerClearButton:hover{color:var(--primary-foreground)}.folderListing{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1rem;padding:8px;margin-top:8px;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease-in-out}.folderListing:first-of-type{margin-top:0}.folderPickerNewButton{margin-top:8px!important}.folderListingChecked{background-color:var(--primary-hover)}.folderListing:hover{border:2px solid var(--primary-active)}.folderListingIcon{width:1rem;height:1rem;margin-right:16px}.folderListingCheckbox,.folderListingCheckbox:hover{width:1rem;height:1rem;background-color:var(--elevated-background);border:1px solid var(--primary-foreground);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out}.folderListingChecked .folderListingCheckbox{background-color:var(--primary-hover)}.folderListingCheckboxIndicator{display:flex;align-items:center;justify-content:center}.textInputWrapper{all:unset;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;border-radius:100px;background-color:#ffffff4d;padding:8px 12px;gap:16px;text-align:left;box-sizing:border-box;height:fit-content;cursor:text}.textInput{all:unset;box-sizing:border-box;font-size:.9375 rem;color:inherit;line-height:1;width:100%}.textInput[disabled]{pointer-events:none}.textInput::placeholder{color:var(--primary-muted-dark)}.textInput::selection{background:var(--primary-active)}.passwordInput::selection{background-color:var(--black-a6);color:#fff}.passwordEyeToggle{display:flex;align-items:center;justify-content:center;padding:4px;background-color:transparent;border-radius:50%;margin:-5px 0}.passwordEyeToggle:focus-visible{outline:2px solid var(--accent-9);outline-offset:2px}.passwordEyeToggleIcon{height:1.25em;width:1.25em}.filterInputIconWrapper{display:flex;align-items:center;justify-content:center}.filterInputIcon{height:20px;width:20px;color:var(--primary-hover);transition:all .2s ease-in-out}.filterInputIcon:hover{color:var(--primary-foreground)}.filterInputIconActive{color:var(--elevated-background);transform:scale(1.2);filter:drop-shadow(0 0 4px var(--primary-hover)) drop-shadow(0 0 4px var(--primary-hover))}.tagPickerButton:disabled .filterInputIcon{color:var(--primary-disabled)}.textInputButton{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;display:flex;align-items:center;justify-content:center;transition:color .2s ease-in-out}.textInputButton:hover{color:var(--warning-hover)}.textInputButton:active{color:var(--warning)}.loginModal{background-color:var(--elevated-background);border-radius:24px;padding:32px;border:2px solid var(--primary-muted);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-height:85vh;animation:contentShow .15s cubic-bezier(.16,1,.3,1);overflow-y:auto;min-width:500px}.loginTitle{margin-bottom:24px}.loginForm{display:flex;flex-direction:column;gap:16px}.loginLabelContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:end}.loginLabel{margin-top:-100px;margin-left:18px;transform:translateY(-18px);transition:all .15s ease-in-out;color:var(--primary-muted-dark);border-radius:50%;cursor:text}.textInputWrapper:has(input:not(:placeholder-shown))~.loginLabelContainer>.loginLabel,.textInputWrapper:focus-within~.loginLabelContainer>.loginLabel{transform:translateY(-48px);font-size:.85em;color:var(--primary-disabled);background-color:var(--elevated-background);padding:0 2px}.loginField[data-invalid]>.textInputWrapper{border-color:var(--warning)}.loginMessageContainer{display:flex;justify-content:end}.loginMessage{position:absolute;transform:translate(-16px,-16px);color:var(--warning);font-size:.75em}.loginInput{font-size:1rem;padding:18px 16px;border:2px solid var(--primary-muted-dark);border-radius:12px;transition:border-color .2s ease-in-out}.loginInput:hover{border-color:var(--primary-active)}.loginInput:focus-within:not(.editDialogFieldContainerSelector){border-color:var(--primary-foreground)}.loginButton{background-color:var(--elevated-background);color:var(--primary-active);padding:18px;border-radius:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;height:fit-content;font-weight:700;border:2px solid var(--primary-active);transition:all .2s ease-in-out}.loginButton:hover{background-color:var(--primary-active-light);color:var(--primary-foreground);border-color:var(--primary-foreground)}.loginButton:focus,.loginButton:disabled{background-color:var(--primary-active);border-color:transparent;color:var(--elevated-background)}.loginSectionTitle{margin-top:4px;margin-bottom:-4px}.loginSectionTitle:first-of-type{margin-top:-12px}.loginFooter{color:var(--primary-disabled);font-size:1rem;margin:24px auto auto;text-align:center}.loginFooterButton{padding:0;color:var(--primary-active);font-size:1em;font-weight:700;outline:none;border:none;transition:color .2s ease-in-out}.loginFooterButton:hover{color:var(--primary-foreground)}.logoutPopover,.tagPicker{background-color:var(--elevated-background);border-radius:24px;padding:32px;border:2px solid var(--primary-muted);min-width:100px}.tagContainer{max-width:400px;display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.tagToggle{padding:4px 16px;border-radius:16px;font-size:.75rem;transition:all .2s ease-in-out;background-color:var(--primary-hover);border:1px solid var(--primary-muted)}.tagToggle[data-state=on]{background-color:var(--primary-active);color:var(--elevated-background)}.tagPickerClose{background-color:var(--primary-foreground);color:var(--elevated-background);position:absolute;top:24px;right:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0;transition:background-color .2s ease-in-out}.tagPickerClose:hover{background-color:var(--primary-active)}.tagPickerCloseIcon{height:16px;width:16px;padding:8px}.tagPickerArrow{fill:var(--primary-muted)}.tagPickerButton,.tagPickerClearButton{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.tagPickerButton:disabled{cursor:not-allowed}.tagPickerClearContainer{display:flex;justify-content:end}.tagPickerClearButton{color:var(--primary-active);font-weight:700;font-size:1rem;transition:color .2s ease-in-out}.tagPickerClearButton:hover{color:var(--primary-foreground)}.soundGroupTitle{display:flex;flex-direction:row;align-items:center;gap:12px;padding-top:24px;margin-bottom:16px}.soundGroupIcon{color:var(--primary-active)}.soundGroupButtonContainer{display:grid;grid-template-columns:repeat(auto-fill,72px);gap:32px}.soundGroupBack{display:flex;align-items:center;background-color:var(--primary-muted);border-radius:50%;margin-right:20px;border:1px solid transparent;transition:border-color .2s ease-in-out}.soundGroupBackIcon{width:16px;height:16px;padding:4px}.folderViewMenu{height:26px;width:26px;display:flex;justify-content:center;align-items:center;background-color:var(--elevated-background);color:var(--primary-foreground);border:1px solid var(--primary-muted-dark);border-radius:50%;padding:0;outline:none;transition:border-color .2s ease-in-out;margin-left:20px}.folderViewMenu:hover,.soundGroupBack:hover{border-color:var(--primary-active)}.sidebarWrapper{color:var(--elevated-background);background-color:var(--primary-foreground);width:100vw;height:100vh;display:flex;flex-direction:column}.sidebarTop{display:flex;justify-content:space-between;flex-direction:row;padding:24px 24px 0 16px;gap:24px}.logo{width:60px;height:60px;display:block}.sidebarSearch{flex-grow:1;transition:all .2s ease-in-out}.sidebarSearch:hover{box-shadow:0 0 0 1px #000}.sidebarSearch:focus-within{box-shadow:0 0 0 2px #000}.sidebarSearch:has(input:not(:placeholder-shown)){filter:drop-shadow(0 0 10px var(--primary-hover))}.sidebarRest{display:flex;flex-direction:row;flex-grow:1;min-height:0}.contentArea{flex-grow:1;background-color:var(--inner-background);border-radius:32px 0 0 32px;padding:40px 40px 112px;color:var(--primary-foreground);overflow-y:auto;box-sizing:border-box}.sidebarLeft{padding:24px 16px 32px;width:64px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.controlBar{background-color:var(--primary-foreground);color:var(--elevated-background);border-radius:60px;position:fixed;bottom:40px;left:50%;transform:translate(-50%);max-height:85vh;animation:contentShow .15s cubic-bezier(.16,1,.3,1);overflow-y:auto;display:flex;justify-content:center;align-items:center;overflow:visible}.volumeSliderWrapper{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 16px 0 24px}.volumeSlider{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none;width:340px;height:16px;cursor:pointer}.volumeSliderTrack{background-color:var(--inner-background);position:relative;flex-grow:1;border-radius:9999px;height:3px}.volumeSliderRange{position:absolute;background-color:var(--primary-active);border-radius:9999px;height:100%}.volumeSliderThumb{display:block;width:20px;height:20px;background-color:var(--elevated-background);border:2px solid var(--primary-muted-dark);border-radius:50%;transition:all .2s ease-in-out}.volumeSlider:hover .volumeSliderThumb{background-color:var(--primary-hover);border-color:var(--primary-active)}.volumeSliderThumb:focus{outline:none}.volumeSliderIcon{height:16px;width:16px}.controlBarStop{background-color:var(--warning);border:3px solid transparent;border-radius:50%;height:72px;width:72px;box-sizing:border-box;transition:all .2s ease-in-out;margin-right:-2px;display:flex;justify-content:center;align-items:center}.controlBarStopIcon{height:40px;width:40px}.controlBarStop:hover{color:var(--elevated-background);background-color:var(--warning-hover);border-color:var(--elevated-background)}.controlBarStop:active{color:var(--warning);background-color:var(--warning-light);border-color:var(--warning)}.controlBarStop:disabled{background-color:var(--primary-muted);color:var(--primary-disabled);border-color:var(--primary-muted);cursor:not-allowed}:root{line-height:1.5;font-weight:400;color:var(--primary-foreground);background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-foreground: #0d3d38;--primary-active: #008573;--primary-hover: #b8eae0;--primary-active-light: #e0f8f3;--primary-active-lighter: #f3fbf9;--elevated-background: #fafefd;--inner-background: #faf9f2;--primary-muted: #e7e7e7;--primary-muted-dark: #bbbbbb;--primary-disabled: #646464;--warning: #ce2c31;--warning-hover: #e5484d;--warning-light: #eb8e90;--primary-font: "Instrument Sans", sans-serif;font-family:var(--primary-font);overflow:hidden}::selection{background:var(--primary-hover)}a{color:inherit;text-decoration:inherit}body{margin:0}button{border-radius:8px;border:1px solid transparent;font-size:1rem;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s;color:inherit}button:hover{border-color:var(--primary-active)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{cursor:not-allowed}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}