@font-face{font-family:NunitoSans;src:url(/assets/fonts/NunitoSans.ttf) format("truetype")}*{box-sizing:border-box}:root{--contentGap: var(--mega);--mainNavWidth: 80px;--navWithSubNavWidth: 340px;--white: hsl(0, 0%, 100%);--light: #F3ECDA;--mainHue: 183;--mainSaturation: 94%;--accentHue: 155;--accentSaturation: 53%;--lightGreen: hsl(var(--accentHue), var(--accentSaturation), 66%);--darkGreen: hsl(var(--mainHue), var(--mainSaturation), 18%);--main: var(--lightGreen);--secondary: var(--darkGreen);--alphaWhite: rgba(255,255,255,.2);--alphaDark: rgba(0,0,0,.2);--warning: hsl(20, 53%, 66%);--success: hsl(103, 100%, 85%);--mainBackground: hsl(var(--mainHue), var(--mainSaturation), 14%);--mainContentBackground: hsl(var(--mainHue), var(--mainSaturation), 18%);--subNavBackground: hsl(var(--mainHue), var(--mainSaturation), 24%);--mainNavBackground: hsl(var(--mainHue), var(--mainSaturation), 34%);--textColor: var(--white);--activeIndicator: hsl(43, 51%, 90%);--activeMenuItemBackground: var(--alphaWhite);--mainButtonBackground: hsl(var(--accentHue), var(--accentSaturation), 66%);--secondaryButtonBackground: hsl(182, 33%, 46%);--bulkSelectionBarBackground: hsl(var(--mainHue), var(--mainSaturation), 30%);--warningTextColor: hsl(20, 53%, 16%);--selectionBackgroundColor: hsl(var(--mainHue), var(--mainSaturation), 8%);--textLinkColor: hsl(var(--accentHue), var(--accentSaturation), 66%);--defaultBorderColor: var(--alphaWhite);--inputBackground: hsl(var(--mainHue), var(--mainSaturation), 28%);--nano: .25rem;--micro: .5rem;--small: .75rem;--medium: 1rem;--normal: 1.5rem;--large: 2rem;--mega: 3rem;--giga: 4rem;--appMaxWidth: 110ch;--iconButtonSize: 48px;--expandRowControlSize: 24px;--borderRadiusDefault: var(--nano);--boxShadowDefault: 0 0 6px 0 rgba(0,0,0,.12);--baseTransition: all .3s ease;--textSizeXtraSmall: .75rem;--textSizeSmall: .875rem;--textSizeDefault: 1rem;--textShadowDefault: 1px 1px 2px rgba(0,0,0,.2)}body{background:var(--mainBackground);margin:0;font-family:NunitoSans,sans-serif;color:var(--textColor);transition:var(--baseTransition)}#app{display:grid;grid-template-columns:var(--mainNavWidth) 1fr;grid-template-rows:100vh;gap:calc(var(--contentGap) - var(--small));transition:var(--baseTransition)}body.has-sub-nav>#app{grid-template-columns:var(--navWithSubNavWidth) 1fr}body.has-sub-nav-large>#app{grid-template-columns:calc(var(--navWithSubNavWidth) + 100px) 1fr}body.has-sub-nav-large>#app .sub-nav{width:calc(var(--navWithSubNavWidth) + 100px)}nav{margin:var(--mega) 0;position:relative}nav.sub-nav-items{margin:0}nav a{color:var(--textColor)}.main-nav{background:var(--mainNavBackground);width:var(--mainNavWidth);padding:var(--large) 0;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--contentGap);align-items:center;box-shadow:var(--boxShadowDefault);border-radius:0 var(--medium) var(--medium) 0;position:absolute;top:0;left:0;z-index:2;overflow-y:auto}.menu-group{display:flex;flex-direction:column;gap:var(--contentGap)}.main-nav a{width:var(--iconButtonSize);height:var(--iconButtonSize);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--baseTransition)}.main-nav a:hover{background:var(--activeMenuItemBackground)}.main-nav a.router-link-active{background:var(--activeMenuItemBackground);position:relative}.main-nav a.router-link-active:before{content:"";background:var(--activeIndicator);width:var(--micro);height:100%;border-radius:0 var(--micro) var(--micro) 0;position:absolute;top:0;left:calc(0px - (var(--mainNavWidth) - var(--iconButtonSize)) / 2);animation-name:fade-slide-in-left;animation-duration:.2s;animation-timing-function:ease;animation-fill-mode:forwards}.sub-nav{background:var(--subNavBackground);width:var(--navWithSubNavWidth);padding:var(--large) 0 var(--large) var(--mainNavWidth);height:100%;z-index:1;border-radius:0 var(--medium) var(--medium) 0;padding-left:var(--mainNavWidth);box-shadow:var(--boxShadowDefault);overflow-y:auto;transition:var(--baseTransition)}.sub-nav a{display:block;padding:var(--medium);text-decoration:none;transition:var(--baseTransition)}.sub-nav a:hover{background:var(--alphaWhite)}.sub-nav a.router-link-active{background:var(--alphaWhite);position:relative}.sub-nav a.router-link-active:before{content:"";background:var(--activeIndicator);width:var(--micro);height:calc(100% - 2 * var(--micro));border-radius:0 var(--micro) var(--micro) 0;position:absolute;top:var(--micro);left:0;animation-name:fade-slide-in-left;animation-duration:.2s;animation-timing-function:ease;animation-fill-mode:forwards}main{padding:var(--mega) var(--mega) var(--mega) 0;overflow-y:auto;position:relative}header{display:flex;align-items:center;margin-bottom:var(--normal);margin-left:var(--small);gap:var(--contentGap)}header h1{margin:0}.nothing-here{border:2px dashed var(--defaultBorderColor);border-radius:var(--borderRadiusDefault);text-align:center;padding:var(--large) 0}.text-center{text-align:center}::selection{background:var(--selectionBackgroundColor);color:var(--textColor)}.text-link{color:var(--textLinkColor);transition:var(--baseTransition)}.text-link.underline{text-decoration:underline}.list-section{padding-bottom:var(--large)}.list-section .nothing-here{margin-left:var(--small)}.list-row{margin-left:var(--small);width:calc(100% - var(--small));border-collapse:separate;border-spacing:0 10px}.list-row:not(:last-of-type){margin-bottom:var(--small)}.list-row small{opacity:.75}.list-row p{margin:0}.list-row-header{box-shadow:var(--boxShadowDefault);padding:var(--small) var(--normal);border-radius:var(--small);position:relative;z-index:2}.list-row-header td{background:var(--mainContentBackground);padding:var(--small) var(--normal)}.list-row-header td.select-column{width:var(--large);padding-right:var(--micro)}.list-row-header td:first-child{width:var(--small);border-radius:var(--small) 0 0 var(--small);padding:0}.list-row-header td:last-child{border-radius:0 var(--small) var(--small) 0}.expand-row-control{position:absolute;width:var(--expandRowControlSize);height:var(--expandRowControlSize);top:calc(50% - var(--expandRowControlSize) / 2);left:calc(0px - var(--expandRowControlSize) / 2)}.expand-row-control button{width:var(--expandRowControlSize);height:var(--expandRowControlSize);border-radius:50%;transition:var(--baseTransition)}.list-row-header .column:not(:first-of-type){padding-left:var(--normal);position:relative}.list-row-header .column:not(:first-of-type):before{content:"";width:1px;height:70%;background:var(--defaultBorderColor);position:absolute;left:0;top:15%}.remove-association-request{display:flex;gap:var(--medium);align-items:center}.remove-association-request small{color:var(--warning);line-height:1.2}.button-group{display:flex;padding-left:var(--small);gap:var(--large);justify-content:end;align-items:center}.expand-row-control button{background:var(--mainButtonBackground);padding:0}.expand-row-control button:hover{--mainButtonBackground: hsl(var(--accentHue), var(--accentSaturation), 80%)}.expand-row-control button:active{--mainButtonBackground: hsl(var(--accentHue), var(--accentSaturation), 66%)}.expanded .expand-row-control button{transform:rotate(90deg)}.list-row-details-td{transform:translateY(calc(0px - var(--medium)))}.list-row-details{background:var(--mainContentBackground);margin:0 var(--medium);padding:var(--small) var(--medium);border-radius:0 0 var(--small) var(--small);display:flex;align-items:center;gap:var(--giga);z-index:1}.bulk-selection-bar{background:var(--bulkSelectionBarBackground);width:calc(100% - (var(--mega) + var(--mainNavWidth) + var(--contentGap)));position:fixed;bottom:0;right:var(--mega);display:flex;justify-content:space-between;border-radius:var(--small) var(--small) 0 0;padding:var(--small) var(--normal);z-index:2}.bulk-selection-button-group{display:flex;gap:var(--contentGap)}.standard-table{width:100%;border-collapse:separate;border-spacing:0 10px}.standard-table tr{box-shadow:var(--boxShadowDefault);border-radius:var(--small)}.standard-table td{background:var(--mainContentBackground);padding:var(--small) var(--normal)}.standard-table td p{margin:0}.standard-table td small{opacity:.75}.standard-table td:first-child{border-radius:var(--small) 0 0 var(--small)}.standard-table td:last-child{border-radius:0 var(--small) var(--small) 0}.row-actions{display:flex;justify-content:end;gap:var(--medium)}.scores-wrapper{container-type:inline-size;container-name:scores;min-width:300px}.score-bar{display:flex;padding-bottom:var(--nano);align-items:center}.shorten-text{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;margin-right:var(--nano);font-size:var(--textSizeSmall)}@container scores (min-width: 360px){.score-bar{display:inline-flex;padding-bottom:0;margin-right:var(--medium)}}.auth-view{grid-column:1/span 2;position:relative}.auth-view:before{content:"";background-image:url(/assets/images/bg-demo.jpg);background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;filter:grayscale(100%) blur(5px);opacity:.1}.search-view .bulk-selection-bar{width:calc(100% - (var(--mega) + var(--mainNavWidth) + var(--contentGap) + var(--navWithSubNavWidth) + 20px))}.search-bar{padding:0 var(--medium)}.search-bar footer{background:var(--subNavBackground);padding:var(--medium) 0 0 0;position:sticky;bottom:calc(0px - var(--large));left:0}.search-bar-section{padding-bottom:var(--medium);border-bottom:1px solid var(--defaultBorderColor);display:flex;flex-direction:column;gap:var(--small)}.search-bar-section:not(:first-of-type){padding-top:var(--medium)}.search-footer-actions{display:flex;align-items:center;justify-content:space-evenly;padding:var(--medium) 0}.search-footer-actions a{padding:0}.add-field-action{display:flex;justify-content:center}.search-query-history-table{text-align:left;border-collapse:collapse}.search-query-history-table th,.search-query-history-table td{border-bottom:1px solid var(--defaultBorderColor);padding:var(--micro)}.extra-select{position:relative}.extra-select .secondary{position:absolute;padding:var(--nano);right:calc(0px - var(--small));top:calc(0px - var(--nano))}.my-account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--contentGap);margin-left:var(--small)}.personal-info:before,.password:before,.email:before,.sign-out:before{content:"";background-repeat:no-repeat;background-size:340px 340px;background-position:bottom -100px right;position:absolute;top:0;left:0;opacity:.06;width:100%;height:100%;z-index:-1}.personal-info:before{background-image:url(/assets/icons/person-dual-color.svg)}.password:before{background-image:url(/assets/icons/lock-dual-color.svg)}.email:before{background-image:url(/assets/icons/at-dual-color.svg)}.sign-out:before{background-image:url(/assets/icons/sign-out-dual-color.svg)}.settings{margin-left:var(--small)}.card{background-color:var(--mainContentBackground);box-shadow:var(--boxShadowDefault);padding:var(--normal);border-radius:var(--small);display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:0}.card h1,.card h2{margin-top:0}.card.fade-in-slow{opacity:0}.card-form{display:flex;flex-direction:column;flex-grow:1}.card-form .card-content{display:flex;flex-direction:column;gap:var(--small)}.card-content{flex-grow:1}.card-content p{margin-top:0}.card-actions{display:flex;justify-content:end;gap:var(--small);margin-top:var(--medium)}.auth-card{max-width:60ch;margin:var(--giga) 0 0 var(--giga)}button{border:none;cursor:pointer;font-family:NunitoSans,sans-serif;transition:var(--baseTransition);font-weight:600;font-size:var(--textSizeDefault)}button.full-width{width:100%}button.primary{background:var(--mainButtonBackground);color:var(--secondary);padding:13px var(--normal);border-radius:var(--normal)}button.primary:hover{--mainButtonBackground: hsl(var(--accentHue), var(--accentSaturation), 80%)}button.primary:active{--mainButtonBackground: hsl(var(--accentHue), var(--accentSaturation), 66%)}button.secondary{background:var(--secondaryButtonBackground);color:var(--white);padding:13px var(--normal);border-radius:var(--normal)}button.secondary:hover{--secondaryButtonBackground: hsl(182, 33%, 60%)}button.secondary:active{--secondaryButtonBackground: hsl(182, 33%, 46%)}button.transparent{background:transparent}button.transparent:hover{--secondaryButtonBackground: hsl(182, 33%, 36%);background:var(--secondaryButtonBackground)}button.transparent:active{background:transparent}button.icon-only{border-radius:50%;display:flex;align-items:center;justify-content:center;padding:var(--small)}button.text-only{background:transparent;text-decoration:underline;color:var(--white)}button.small{font-size:var(--textSizeXtraSmall);padding:var(--micro) var(--medium);border-radius:var(--medium)}button.open{--secondaryButtonBackground: hsl(182, 33%, 36%);background:var(--secondaryButtonBackground)}.more-menu{position:relative;display:inline-block;margin:0}.hidden-menu{display:none;position:absolute;left:0;bottom:0;width:200px;height:max-content;z-index:999;transform:translate(-200px)}.open+.hidden-menu{display:inline-block}.hidden-menu{--secondaryButtonBackground: hsl(182, 33%, 36%);background:var(--secondaryButtonBackground);border-radius:var(--borderRadiusDefault);padding:var(--nano) 0;box-shadow:var(--boxShadowDefault)}.hidden-menu-item{--secondaryButtonBackground: hsl(182, 33%, 36%);background:var(--secondaryButtonBackground);display:block;padding:var(--micro);width:100%;text-align:left;color:var(--textColor);transition:var(--baseTransition)}.hidden-menu-item:hover{--secondaryButtonBackground: hsl(182, 33%, 46%);background:var(--secondaryButtonBackground)}.search-field-with-close{display:flex;gap:var(--small)}.search-field-with-close input{width:360px}dialog{background:var(--mainContentBackground);width:92%;max-width:60ch;height:96vh;padding:0;position:absolute;top:2vh;border:0;color:var(--textColor);box-shadow:var(--boxShadowDefault);border-radius:var(--borderRadiusDefault)}dialog header{margin:0;padding:var(--normal) var(--normal) 0 var(--normal)}dialog header h1{font-size:calc(var(--textSizeDefault) * 1.5)}dialog.confirm{height:300px;position:fixed}dialog.form-dialog{height:fit-content}dialog.form-dialog .content{display:flex;flex-direction:column;gap:var(--medium);padding-bottom:calc(var(--giga) + var(--mega))}dialog .content{height:100%;overflow-y:auto;padding:var(--normal)}dialog .content h1{margin-top:0}::backdrop{background-image:linear-gradient(45deg,var(--mainContentBackground),var(--bulkSelectionBarBackground));opacity:.85}.dialog-footer{background:var(--mainContentBackground);position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:end;gap:var(--medium);padding:var(--medium) var(--normal);border-top:1px solid var(--defaultBorderColor);border-radius:0 0 var(--micro) var(--micro)}.alert-box{width:100%;max-width:80ch;padding:var(--small);display:flex;align-items:center;gap:var(--micro);position:fixed;top:var(--normal);left:calc(50% - 40ch);border-radius:var(--borderRadiusDefault);box-shadow:var(--boxShadowDefault)}.alert-box.success{background:var(--success);color:var(--warningTextColor)}.alert-box.warning{background:var(--warning);color:var(--warningTextColor)}@media (prefers-color-scheme: light){:root{--mainBackground: hsl(43, 51%, 90%);--mainContentBackground: hsl(43, 51%, 94%);--subNavBackground: hsl(43, 51%, 95%);--mainNavBackground: hsl(43, 51%, 100%);--textColor: hsl(183, 94%, 14%);--alphaWhite: rgba(255,255,255,.7);--inputBackground: hsl(43, 51%, 100%);--activeIndicator: hsl(var(--accentHue), var(--accentSaturation), 76%);--selectionBackgroundColor: hsl(43, 51%, 80%);--activeMenuItemBackground: hsl(var(--accentHue), var(--accentSaturation), 92%);--defaultBorderColor: hsl(43, 51%, 86%);--textLinkColor: hsl(var(--accentHue), var(--accentSaturation), 36%)}button.transparent:hover,button.open,.hidden-menu,.hidden-menu-item{--secondaryButtonBackground: hsl(182, 33%, 76%)}.hidden-menu-item:hover{--secondaryButtonBackground: hsl(182, 33%, 86%)}}.slide-in-left{transform:translate(-100%);animation-name:slide-in-left;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}.slide-up{transform:translateY(100%);animation-name:slide-up;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.input-wrapper{padding-top:var(--nano)}.input,.input-textarea{background:var(--inputBackground);width:100%;padding:12px;border:none;color:var(--textColor);border-radius:var(--borderRadiusDefault);font-family:NunitoSans,sans-serif;font-weight:400;font-size:calc(var(--textSizeDefault) * 1.125);transition:var(--baseTransition)}.input:focus,.input-textarea:focus{outline:3px solid var(--main)}.inline-input{width:initial}.input-checkbox,.input-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--inputBackground);margin:0 .5rem 0 0;width:1.5rem;height:1.5rem;cursor:pointer;position:relative;transition:var(--baseTransition);flex-shrink:0}.input-checkbox:before,.input-radio:before{content:"";position:absolute;transform:scale(0)}.input-checkbox:checked:before,.input-radio:checked:before{animation-name:fade-in-zoom-in;animation-duration:.2s;animation-timing-function:ease;animation-fill-mode:forwards}.input-checkbox:focus,.input-radio:focus{outline:3px solid var(--main)}.checkbox-wrapper{display:flex;max-width:max-content;align-items:center}.checkbox-wrapper>span{cursor:pointer}.input-checkbox{border-radius:var(--nano)}.input-checkbox:before{background-image:url(/assets/icons/checkmark-dual-color.svg);background-repeat:no-repeat;width:100%;height:100%}.radio-wrapper{display:inline-flex;align-items:center}.radio-wrapper>span{cursor:pointer}.input-radio{border-radius:50%}.input-radio:before{background:var(--white);width:1rem;height:1rem;border-radius:50%;top:.25rem;left:.25rem}.input-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--darkGreen);margin:0 .5rem 0 0;width:40px;height:var(--normal);border-radius:var(--small);cursor:pointer;position:relative;transition:var(--baseTransition)}.input-toggle:checked{background:var(--mediumGreen)}.input-toggle:checked:hover,.input-toggle:checked:focus{background:var(--mediumGreen)}.input-toggle:before{content:"";background:var(--white);width:var(--medium);height:var(--medium);top:var(--nano);left:var(--nano);border-radius:50%;position:absolute;transition:var(--baseTransition)}.input-toggle:checked:before{background:var(--white);transform:translate(100%)}.input-toggle:focus{background:var(--darkGreen);outline:3px solid var(--main)}.toggle-wrapper{display:flex;width:max-content;align-items:center}.toggle-wrapper>span{cursor:pointer}@keyframes grow-x-axis{0%{width:0%}to{width:100%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-zoom-in{0%{opacity:0;transform:scale(0)}70%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fade-in-slow{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fade-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.fade-in{animation-name:fade-in;animation-duration:.4s;animation-timing-function:ease;animation-fill-mode:forwards}.fade-slide-down{animation-name:fade-slide-down;animation-duration:.4s;animation-timing-function:ease;animation-fill-mode:forwards}.fade-slide-up{animation-name:fade-slide-up;animation-duration:.2s;animation-timing-function:ease;animation-fill-mode:forwards}.fade-in-zoom-in{animation-name:fade-in-zoom-in;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}.fade-in-slow{animation-name:fade-in-slow;animation-duration:.5s;animation-timing-function:ease;animation-fill-mode:forwards}.fade-slide-in-left{animation-name:fade-slide-in-left;animation-duration:.5s;animation-timing-function:ease;animation-fill-mode:forwards}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}
