:root{--color-background-primary:#fff;--color-background-secondary:#f1f1f1;--color-background-highlight:#d8ddf8;--color-background-error:#f8bcbc;--color-text-primary:#252525;--color-text-secondary:#575757;--color-text-light:#fff;--color-primary:#4c3aee;--color-secondary:#46afd8;--color-shadow:#0000001e;--color-border:#b6b6b6;--color-overlay:#00000073;--color-overlay-light:#ffffff73;--color-dark-blue:#201b66;--color-error:#ef1616;--text-s:14px;--text-m:16px;--text-l:20px;--text-xl:24px;--shadow:0px 0px 4px 2px var(--color-shadow);--border-radius:4px;--border-radius-l:8px}body{color:#252525;color:var(--color-text-primary);font-family:-apple-system,Arial,sans-serif;font-size:16px;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:none;padding:initial}*,:after,:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-color:var(--color-border-primary);border-style:solid;border-width:0;box-sizing:border-box}:host,html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;line-height:1.5;tab-size:4}body{margin:0}hr{border-top-width:1px;color:inherit;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;border-spacing:0;text-indent:0}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:inherit;opacity:1}[role=button],button{cursor:pointer}[disabled]{cursor:default}:root{--header-height:56px;--footer-height:40px}#Header{align-items:center;background-color:var(--color-background-highlight);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto 1fr;padding:8px;width:100%;z-index:20}.Header__Account,.Header__Burger{align-items:center;display:flex}.Header__Account{justify-content:end}.Header__AccountButton{padding:6px;position:relative}.Header__AccountInitial{left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.Header__AccountButton .Header__Icon{height:28px;width:28px}.Header__Icon{color:#000;display:block;height:40px;width:40px}.Header__Icon svg{height:60px;width:60px}.Header__Logo{align-items:center;display:flex}.Header__Logo a{color:var(--color-text-primary);font-size:var(--text-xl);text-decoration:none}#Page{margin:auto;max-width:1200px;min-height:calc(100vh - 96px);min-height:calc(100vh - var(--header-height) - var(--footer-height));padding:20px}.PageTitle{font-size:var(--text-xl)}#Footer{align-items:center;background-color:var(--color-background-highlight);display:flex;justify-content:center;padding:8px;width:100%;z-index:20}#Footer,#Sidebar{box-shadow:var(--shadow)}#Sidebar{background-color:var(--color-background-primary);bottom:0;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:min(calc(100vw - 2rem),400px);z-index:100}#Sidebar[aria-hidden=false]{transform:translateX(0)}.Sidebar__Header{align-items:center;background-color:var(--color-background-highlight);box-shadow:var(--shadow);display:flex;flex-wrap:nowrap;justify-content:space-between;padding:1rem}.Sidebar__CloseButton{height:24px;position:relative;width:24px}.Sidebar__CloseButton:before{content:"";height:40px;left:-8px;position:absolute;top:-8px;width:40px}.Sidebar__Content{padding:1rem}.Navigation{display:flex;flex-direction:column}.Navigation__Item{border-bottom:1px solid var(--color-border);display:block;padding:1rem 0}#Overlay{background-color:var(--color-overlay);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:visibility .3s ease-in-out,opacity .3s ease-in-out;visibility:hidden;z-index:30}#Overlay.is-visible{opacity:1;visibility:visible}.LoadingContainer{position:relative}.LoadingContainer.is-loading{overflow:hidden}.LoadingContainer--fullHeight.is-loading{height:calc(100vh - var(--header-height) - var(--footer-height))}.LoadingContainer.is-loading:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.LoadingContainer--spinner.is-loading:before{background-color:var(--color-overlay-light)}.LoadingContainer--spinner.is-loading:after{animation:spinner 1s linear infinite;border:2px solid var(--color-text-secondary);border-bottom:2px solid #0000;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:10}@keyframes spinner{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.LoadingContainer--fish.is-loading:before{background-color:var(--color-background-primary)}.LoadingContainer__FishBox{height:72px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:72px;z-index:10}.LoadingContainer:not(.is-loading) .LoadingContainer__Icon{display:none}.LoadingContainer__Icon{height:72px;position:absolute;width:72px}.LoadingContainer__Icon--fish{color:var(--color-text-secondary);left:0;top:0}.LoadingContainer__Icon--waveOne,.LoadingContainer__Icon--waveTwo{left:4px}.LoadingContainer__Icon--waveOne{animation:waveOne 6s linear infinite;color:var(--color-primary);top:8px}.LoadingContainer__Icon--waveTwo{animation:waveTwo -2s linear 3s infinite;color:var(--color-secondary);top:16px}@keyframes waveOne{0%{left:100%;top:8px}25%{left:50%;top:12px}50%{left:0;top:8px}75%{left:-50%;top:4px}to{left:-100%;top:8px}}@keyframes waveTwo{0%{left:100%;top:16px}25%{left:50%;top:12px}50%{left:0;top:16px}75%{left:-50%;top:16px}to{left:-100%;top:20px}}.FishGrid__Grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.FishGrid__Toolbar{align-items:center;display:flex;justify-content:space-between;padding:1rem 0;width:100%}.FishGrid__ToolbarItem{position:relative}.FishGrid__ToolbarButton{display:flex;flex-direction:column}.FishGrid__ToolbarItem--right .FishGrid__ToolbarButton{align-items:flex-end}.FishGrid__ToolbarItem--left .FishGrid__ToolbarButton{align-items:flex-start}.FishGrid__ToolbarButtonSub{color:var(--color-text-secondary);font-size:var(--text-s)}.FishGrid__ToolbarDropdown{background-color:var(--color-background-highlight);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;position:absolute;top:calc(100% + 8px);width:fit-content;z-index:40}.FishGrid__ToolbarDropdown[aria-hidden=true]{display:none}.FishGrid__ToolbarItem--right .FishGrid__ToolbarDropdown{right:-8px}.FishGrid__ToolbarItem--left .FishGrid__ToolbarDropdown{left:-8px}.FishGrid__ToolbarDropdown:before{border-bottom:12px solid var(--color-background-highlight);border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;position:absolute;top:-12px;width:0}.FishGrid__ToolbarItem--right .FishGrid__ToolbarDropdown:before{right:16px}.FishGrid__ToolbarItem--left .FishGrid__ToolbarDropdown:before{left:16px}.FishGrid__ToolbarDropdownContent{display:flex;flex-direction:column;gap:.5rem}.FishGrid__ToolbarDropdownItem{align-items:center;cursor:pointer;display:flex;flex-wrap:nowrap;gap:.5rem;white-space:nowrap}@media (min-width:481px){.FishGrid__Grid{grid-template-columns:1fr 1fr}}@media (min-width:769px){.FishGrid__Grid{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1025px){.FishGrid__Grid{grid-template-columns:1fr 1fr 1fr 1fr}}.FishCard{background-color:var(--color-background-secondary);border-radius:var(--border-radius-l);box-shadow:var;overflow:hidden}.FishCard--red{background-color:var(--color-background-error)}.FishCard__Image{aspect-ratio:4/3}.FishCard__Descriptors,.FishCard__Image--default{padding:1rem}.FishCard__Name{align-items:center;display:flex;flex-wrap:nowrap;font-size:var(--text-l);gap:1rem}.FishCard__Icons{display:flex;flex-wrap:nowrap;gap:.25rem}.FishCard__Chips{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.FishCard__Chip{background-color:var(--color-background-primary);border-radius:var(--border-radius);display:flex;flex-wrap:nowrap;gap:.5rem;padding:4px 8px;white-space:nowrap}.FishCard__Icon{color:var(--color-dark-blue);height:24px;width:24px}.FishCard hr{border-color:var(--color-border);margin:8px 0}.Fish{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:769px){.Fish{grid-template-columns:1fr 1fr}}.Fish__Column{display:flex;flex-direction:column;gap:1rem}.Fish__ImageWrapper{display:flex;justify-content:center}.Fish__Image{aspect-ratio:4/3}.Fish__Name{font-size:var(--text-xl);gap:1rem;margin-top:1rem}.Fish__Name,.Fish__PropertyRow{align-items:center;display:flex}.Fish__PropertyRow{gap:2rem}.Fish__PropertyLabel{border-radius:var(--border-radius);box-shadow:var(--shadow);padding:.25rem .5rem}.Fish__PropertyValue{align-items:center;display:flex;gap:.5rem}.Fish__Icon{color:var(--color-dark-blue);height:24px;width:24px}.Create{margin:auto;max-width:480px}.Create__Form{padding:1rem 0 2rem}.Create__InputRow{grid-gap:.25rem;display:flex;display:grid;gap:.25rem;grid-template-columns:1fr 2fr;padding:1rem 0}.Create__InputRow input[type=file]{display:none}.Create__InputLabel{padding:.5rem 0}.Create__InputDate,.Create__InputText{background-color:var(--color-background-secondary);border-radius:var(--border-radius);padding:.5rem;width:100%}.Create__InputCheckbox{border:1px solid var(--color-border);cursor:pointer;height:1rem;margin:.75rem;position:relative;width:1rem}.Create__InputCheckbox:before{bottom:-.7rem;content:"";left:-.7rem;position:absolute;right:-.7rem;top:-.7rem}.Create__SelectWrapper{position:relative}.Create__Select{background-color:var(--color-background-highlight);border-radius:var(--border-radius);max-height:104px;overflow-y:auto;padding:.25rem .5rem;position:absolute;top:100%;width:100%}.Create__Select[aria-hidden=true]{display:none}.Create__RadioGroup{display:flex;flex-wrap:wrap;gap:1rem}.Create__InputRadio{display:none}.Create__RadioButton{align-items:center;background-color:var(--color-background-secondary);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;padding:.5rem}.Create__RadioButton.selected{background-color:var(--color-background-highlight)}.Create__Icon{color:var(--color-dark-blue);height:24px;width:24px}.Create__ButtonRow{display:flex;gap:1rem;justify-content:center;width:100%}.Create__Image{border-radius:var(--border-radius);margin-bottom:1rem;object-fit:contain;width:100%}.Create__FileInputLabel{background-color:var(--color-secondary);border-radius:var(--border-radius);color:var(--color-text-light);cursor:pointer;padding:.25rem 1rem}.Create__FileInputWrapper{height:fit-content}.Create__FileInputWrapper:not(.Create__FileInputWrapper--hasImage){align-items:center;display:flex;height:2.5rem}.Button{background-color:var(--button-background-color);border-radius:var(--border-radius);color:var(--button-color);padding:.5rem 2rem;position:relative}.Button--primary{--button-background-color:var(--color-primary);--button-color:var(--color-text-light)}.Button--secondary{--button-background-color:var(--color-secondary);--button-color:var(--color-text-light)}.Button--tertiary{--button-background-color:#0000;--button-color:var(--color-text-primary)}.Button--critical{--button-background-color:var(--color-background-error);--button-color:var(--color-text-light)}.Button--s{padding:.25rem 1rem}.Button.is-loading .Button--Content{visibility:hidden}.Button.is-loading:after{animation:button-spinner 1s linear infinite;border:2px solid var(--button-color);border-bottom:2px solid #0000;border-radius:50%;content:"";height:1em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}@keyframes button-spinner{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.Edit__Dialog{background-color:var(--color-background-secondary);border-radius:var(--border-radius-l);box-shadow:var(--shadow);left:50%;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:100}.Edit__Button--delete{background-color:var(--color-background-error)}.Edit__ButtonRow--delete{margin-top:2rem}.Edit__Dialog[aria-hidden=true]{display:none}.Stats{align-items:center;display:flex;flex-direction:column;justify-content:center}.Stats__Block{background-color:var(--color-background-secondary);border-radius:var(--border-radius-l);margin:1rem 0;padding:1rem;width:100%}.Stats__BlockHeader{margin-bottom:1rem}.Stats__BlockTitle{font-size:var(--text-l);margin-bottom:1rem}.Stats__BlockSubTitle{color:var(--color-text-secondary);font-size:var(--text-m);margin-left:.5rem}.Stats__BlockHeaderRow{display:flex;gap:1rem}.Stats__Select{border-radius:var(--border-radius);box-shadow:var(--shadow);padding:.25rem .5rem}.Stats__ResultRow{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:1rem;padding:.75rem 0}.Stats__ResultName{flex:50% 0}.Login{background-color:var(--color-background-highlight);border-radius:var(--border-radius-l);box-shadow:var(--shadow);margin:auto;max-width:400px;padding:1rem}.Login__Input{background-color:var(--color-background-secondary);border-radius:var(--border-radius);margin-bottom:1rem;padding:.5rem;width:100%}.Login__ButtonRow{display:flex;gap:1rem;justify-content:center;width:100%}.Login__Submit{background-color:var(--color-primary);border-radius:var(--border-radius);color:var(--color-text-light);padding:.5rem 2rem}.Login__Error{color:var(--color-error);margin-top:1rem}.Account{background-color:var(--color-background-highlight);border-radius:var(--border-radius-l);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem;margin:auto;max-width:400px;padding:1rem}.Account__Row{align-items:center;display:flex;gap:1rem}.Account__Logout{background-color:var(--color-error);border-radius:var(--border-radius);color:#fff;margin:auto;padding:.5rem 2rem}.About{margin:auto;max-width:480px}.About__Section{color:var(--color-text-secondary);padding:1.5rem 0}.About__Section+.About__Section{border-top:1px solid var(--color-border)}.About h2{font-size:var(--text-l);margin-bottom:.5rem}.About h2,.About__Value{color:var(--color-text-primary);font-weight:600}.About__Logos{align-items:center;display:flex;gap:1rem;margin-top:1rem}.About__Logo{height:2.5rem;width:2.5rem}.About__T{color:var(--color-text-primary);font-size:var(--text-l);font-style:italic;font-weight:600;text-shadow:2px 2px 4px var(--color-error)}
/*# sourceMappingURL=main.2a8145aa.css.map*/