:root{--step--2: clamp(.521rem, .507rem + .068vi, .56rem);--step--1: clamp(.625rem, .599rem + .13vi, .7rem);--step-0: clamp(.75rem, .707rem + .217vi, .875rem);--step-1: clamp(.9rem, .833rem + .337vi, 1.094rem);--step-2: clamp(1.08rem, .98rem + .499vi, 1.367rem);--step-3: clamp(1.296rem, 1.152rem + .718vi, 1.709rem);--step-4: clamp(1.555rem, 1.353rem + 1.01vi, 2.136rem);--step-5: clamp(1.866rem, 1.587rem + 1.398vi, 2.67rem);--space-3xs: clamp(.188rem, .166rem + .109vi, .25rem);--space-2xs: clamp(.375rem, .353rem + .109vi, .438rem);--space-xs: clamp(.563rem, .519rem + .217vi, .688rem);--space-s: clamp(.75rem, .707rem + .217vi, .875rem);--space-m: clamp(1.125rem, 1.06rem + .326vi, 1.313rem);--space-l: clamp(1.5rem, 1.413rem + .435vi, 1.75rem);--space-xl: clamp(2.25rem, 2.12rem + .652vi, 2.625rem);--space-2xl: clamp(3rem, 2.826rem + .87vi, 3.5rem);--space-3xl: clamp(4.5rem, 4.239rem + 1.304vi, 5.25rem);--space-3xs-2xs: clamp(.188rem, .101rem + .435vi, .438rem);--space-2xs-xs: clamp(.375rem, .266rem + .543vi, .688rem);--space-xs-s: clamp(.563rem, .454rem + .543vi, .875rem);--space-s-m: clamp(.75rem, .554rem + .978vi, 1.313rem);--space-m-l: clamp(1.125rem, .908rem + 1.087vi, 1.75rem);--space-l-xl: clamp(1.5rem, 1.109rem + 1.957vi, 2.625rem);--space-xl-2xl: clamp(2.25rem, 1.815rem + 2.174vi, 3.5rem);--space-2xl-3xl: clamp(3rem, 2.217rem + 3.913vi, 5.25rem);--space-s-l: clamp(.75rem, .402rem + 1.739vi, 1.75rem);--grid-max-width: 54.25rem;--grid-gutter: var(--space-s-l, clamp(.75rem, .1661rem + 2.9197vw, 1.75rem));--grid-columns: 12}:root{--c-primary: 0, 145, 110;--c-secondary: 238, 244, 212;--c-tertiary: 255, 107, 107;--c-white-0: 255, 255, 255;--c-white-1: 248, 248, 248;--c-white-2: 242, 242, 242;--c-white-3: 235, 235, 235;--c-black--1: 0, 0, 0;--c-black-0: 38, 38, 38;--c-black-1: 40, 40, 40;--c-black-2: 46, 46, 46;--c-black-3: 60, 60, 60;--c-black-4: 84, 84, 84;--c-indigo: 44, 62, 80;--c-divider-light-1: rgba(var(--c-black-3), .29);--c-divider-light-2: rgba(var(--c-black-3), .12);--c-divider-dark-1: rgba(var(--c-black-4), .65);--c-divider-dark-2: rgba(var(--c-black-4), .48);--c-text-light-1: rgba(var(--c-indigo), 1);--c-text-light-2: rgba(var(--c-black-3), .66);--c-text-dark-1: rgba(var(--c-white-0), 1);--c-text-dark-2: rgba(var(--c-white-3), .64);--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--color-background-rgb: var(--c-white-0);--color-background: rgba(var(--c-white-0), 1);--color-background-header-rgb: var(--c-white-0);--color-background-header: rgba(var(--c-white-0), 1);--color-background-mute-rgb: var(--c-white-2);--color-background-mute: rgba(var(--c-white-2), 1);--color-background-soft-rgb: var(--c-white-1);--color-background-soft: rgba(var(--c-white-1), 1);--color-border: var(--c-divider-light-2);--color-border-hover: var(--c-divider-light-1);--color-button-background-rgb: var(--c-black--1);--color-heading: var(--c-text-light-1);--color-text: var(--c-text-light-1);--section-gap: 160px}.dark-mode{--color-background-rgb: var(--c-black-0);--color-background: rgba(var(--c-black-0), 1);--color-background-header-rgb: var(--c-black--1);--color-background-header: rgba(var(--c-black--1), 1);--color-background-mute-rgb: var(--c-black-2);--color-background-mute: rgba(var(--c-black-2), 1);--color-background-soft-rgb: var(--c-black-1);--color-background-soft: rgba(var(--c-black-1), 1);--color-border: var(--c-divider-dark-2);--color-border-hover: var(--c-divider-dark-1);--color-button-background-rgb: var(--c-white-0);--color-heading: var(--c-text-dark-1);--color-text: var(--c-text-dark-2)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{display:initial;width:10px;background-color:transparent}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{background:#959595;background-clip:padding-box;border:4px solid transparent;border-radius:8px;box-shadow:none;min-height:50px}::-webkit-scrollbar-track{background:none;border:none}#app{width:100%;height:100vh;margin:0 auto;font-weight:400}.layout-container{padding:0 var(--space-s-l)}main{position:relative;height:calc(100vh - 50px);overflow:hidden auto;z-index:0}.create-board-container{position:relative}h1{font-size:var(--step-3);font-weight:600}button{outline:none;border:none;padding:var(--space-2xs) var(--space-xs);border-radius:4px;cursor:pointer}.c-primary{color:rgba(var(--c-primary),1)}.bg-primary{background-color:rgba(var(--c-primary),1);color:rgba(var(--c-white-0),1)}a{color:var(--color-text);text-decoration:none;transition:.4s}.green{text-decoration:none;color:rgba(var(--c-primary),1);transition:.4s;padding:3px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-right-enter-active{transition:transform .4s ease-out!important}.slide-right-leave-active{transition:transform .4s ease-in!important}.slide-right-enter-from,.slide-right-leave-to{transform:translate(100%)}.basic-menu[data-v-d06e3f8e]{display:flex;width:100%;height:fit-content;text-align:left;color:var(--color-text);font-size:var(--step-0);border:none;border-radius:12px;background:rgba(var(--color-background-header-rgb),.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-2xs-xs) var(--space-s-m);flex-direction:column;align-items:center;gap:var(--space-xs);transition:all .3s ease-in-out}header[data-v-d06e3f8e]{justify-content:space-between}header[data-v-d06e3f8e],footer[data-v-d06e3f8e]{position:relative;display:flex;width:100%;flex-direction:row;align-items:center;gap:var(--space-xs)}.content[data-v-d06e3f8e]{position:relative;display:flex;width:100%;flex:1 1 0px;gap:var(--space-m);flex-direction:column}button[data-v-b430b1ad]{display:flex;width:100%;height:fit-content;border:none;border-radius:4px;padding:var(--space-2xs) var(--space-xs);align-items:center;gap:var(--space-2xs);transition:all .3s ease-in-out}button>span.button-icon[data-v-b430b1ad]{transition:all .25s ease-in-out}button:hover span.button-icon[data-v-b430b1ad]{transform:scale(1.15)}span.button-text[data-v-b430b1ad]{flex:1 1 0;transition:all .25s ease-in-out}span.button-text[data-v-b430b1ad]:first-letter{text-transform:capitalize}span.button-text.left[data-v-b430b1ad]{text-align:left}span.button-text.center[data-v-b430b1ad]{text-align:center}span.button-text.right[data-v-b430b1ad]{text-align:right}.bg-primary[data-v-b430b1ad]{background-color:rgba(var(--c-primary),1);color:#fff}.bg-primary[data-v-b430b1ad]:hover{background-color:rgba(var(--c-primary),.75)}.bg-tertiary[data-v-b430b1ad]{background-color:rgba(var(--c-tertiary),1);color:#fff}.bg-tertiary[data-v-b430b1ad]:hover{background-color:rgba(var(--c-tertiary),.75)}.bg-mute[data-v-b430b1ad]{background-color:transparent;color:rgba(var(--color-button-background-rgb),.75)}.bg-mute[data-v-b430b1ad]:hover{background-color:rgba(var(--color-background-mute-rgb),.25)}.bg-soft[data-v-b430b1ad]{background-color:var(--color-background-soft);color:rgba(var(--color-button-background-rgb),.75)}.bg-soft[data-v-b430b1ad]:hover{background-color:rgba(var(--color-background-soft-rgb),.25)}.text-input[data-v-c3aacccd]{display:flex;width:100%;flex-direction:column;gap:var(--space-3xs)}label[data-v-c3aacccd]{text-align:left;font-size:var(--step-0);font-weight:600}label .input-required[data-v-c3aacccd]{color:rgba(var(--c-tertiary),1);font-style:italic;vertical-align:super;transition:all .4s ease-in-out}input[data-v-c3aacccd]{width:100%;color:var(--color-text);font-size:var(--step-0);background:var(--color-background-mute);border:1px solid var(--color-border);border-radius:4px;padding:var(--space-2xs) var(--space-xs);transition:all .4s ease-in-out}input[data-v-c3aacccd]:focus-within{outline:2px solid var(--color-border)}input[data-v-c3aacccd]:required:focus-within{outline:2px solid rgba(var(--c-tertiary),1)}input.populated[data-v-c3aacccd]:required{outline:2px solid rgba(var(--c-primary),1)}.new-board-container[data-v-bc9e6978]{position:relative}.new-board-form[data-v-bc9e6978]{position:absolute;display:grid;width:max-content;gap:var(--space-xs);border:1px solid var(--color-border);padding:var(--space-m);top:0;right:calc(100% + var(--space-s));border-radius:12px;background:rgba(var(--c-black--1),.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 3px 6px -1px var(--color-border-hover);transition:all .3s ease-in-out;z-index:2}.new-board-form h3[data-v-bc9e6978]{width:100%;text-align:center;font-weight:600}.new-board-form .footer-content[data-v-bc9e6978]{position:relative;display:flex;width:100%;flex-direction:column}.new-board-form button[data-v-bc9e6978]{margin-top:var(--space-xs)}.new-board-form .error-message[data-v-bc9e6978]{max-width:195px;color:rgba(var(--c-tertiary),1);font-size:var(--step--1);text-align:center;margin-top:var(--space-2xs)}.color-scheme-container[data-v-81ad27c0]{position:relative;display:flex;height:fit-content;align-items:center;gap:var(--space-2xs);background-color:var(--color-background);padding:var(--space-3xs);border:2px solid var(--color-border);border-radius:20px;cursor:pointer}header[data-v-f2f58071]{height:50px;border-bottom:1px solid var(--color-border);background:var(--color-background-header)}header .layout-container[data-v-f2f58071]{display:flex;width:100%;justify-content:space-between;align-items:center}.header-title[data-v-f2f58071],.header-options[data-v-f2f58071]{display:flex;align-items:center;align-content:center;flex-direction:row;gap:var(--space-m-l)}header[data-v-f2f58071]{display:flex;place-items:center;line-height:1.5;max-height:100vh}.logo[data-v-f2f58071]{display:block;margin:0 auto 2rem}nav[data-v-f2f58071]{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active[data-v-f2f58071]{color:var(--color-text)}nav a.router-link-exact-active[data-v-f2f58071]:hover{background-color:transparent}nav a[data-v-f2f58071]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-f2f58071]:first-of-type{border:0}@media (min-width: 1024px){header[data-v-f2f58071]{display:flex;place-items:center}.logo[data-v-f2f58071]{margin:0 2rem 0 0}header .wrapper[data-v-f2f58071]{display:flex;place-items:flex-start;flex-wrap:wrap}nav[data-v-f2f58071]{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}button.secondary-button[data-v-c5f978a6]{position:relative;display:flex;right:0;padding:var(--space-2xs);border-radius:4px;background:#fff0;transition:all .3s ease-in-out;cursor:pointer}button.secondary-button.hover-effect[data-v-c5f978a6]:hover{background:#ffffff26}button.secondary-button.absolute[data-v-c5f978a6]{position:absolute}button.secondary-button.absolute.top[data-v-c5f978a6]{top:0}button.secondary-button.absolute.right[data-v-c5f978a6]{right:0}button.secondary-button.absolute.bottom[data-v-c5f978a6]{bottom:0}button.secondary-button.absolute.left[data-v-c5f978a6]{left:0}.button-icon[data-v-c5f978a6]{color:var(--color-text);transition:all .25s ease-in-out;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}button.secondary-button.favourite .button-icon[data-v-c5f978a6]{color:#d32f2f;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}button.secondary-button.rotate:hover .button-icon[data-v-c5f978a6]{transform:rotate(60deg)}button.secondary-button.scale:hover .button-icon[data-v-c5f978a6]{transform:scale(1.15)}span[data-v-5336ad98]{position:relative;font-size:20px;transition:all .3s ease-in-out;cursor:pointer}span[data-v-5336ad98]:hover{transform:scale(1.2);transition:all .15s ease-in}.material-symbols-rounded[data-v-5336ad98]{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}span.material-symbols-rounded.favourite[data-v-5336ad98]{color:#d32f2f;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.board[data-v-6c3c0bb3]{position:relative;grid-column:span 3;border:1px solid var(--color-border);border-radius:12px;padding:var(--space-2xs-xs) var(--space-s-m);background-size:cover!important;background-position:center!important;cursor:pointer}h2[data-v-6c3c0bb3],p[data-v-6c3c0bb3]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board button.secondary-button.absolute[data-v-6c3c0bb3]{position:absolute;top:var(--space-2xs-xs);padding:0;right:0;opacity:0;visibility:hidden;z-index:-1}.board:hover button.secondary-button.absolute[data-v-6c3c0bb3]{right:var(--space-2xs-xs);opacity:1;visibility:visible;z-index:1}@media screen and (max-width: 768px){.board[data-v-6c3c0bb3]{grid-column:span 12}}.board-container[data-v-9b0bb946]{display:grid;gap:var(--grid-gutter);grid-template-columns:repeat(var(--grid-columns),1fr);padding:var(--space-s-m) 0}