@import"https://fonts.googleapis.com/css2?family=Playwrite+NZ+Basic:wght@100..400&family=SN+Pro:ital,wght@0,200..900;1,200..900&display=swap";@layer reset,tokens,base,layout,components;@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;color-scheme:light dark;tab-size:2;word-break:break-word;interpolate-size:allow-keywords;scroll-behavior:smooth}html,body{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh}h1,h2,h3,h4,h5,h6{text-wrap:balance}img,video,iframe,picture{max-inline-size:100%;block-size:auto;display:block;border-style:none}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:5lh}:target{scroll-margin-block:5ex}p,li,dd{text-wrap:pretty}svg{fill:currentColor}[aria-disabled=true i],[disabled]{cursor:not-allowed}[hidden]{display:none!important}[disabled],label:has(input[disabled]){opacity:.5}:is([disabled],label:has(input[disabled])) [disabled]{opacity:1}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html{interpolate-size:allow-keywords;scroll-behavior:smooth}}}@layer tokens{:root{--space-3xs: clamp(.25rem, .1964rem + .1786vw, .375rem);--space-2xs: clamp(.5rem, .3929rem + .3571vw, .75rem);--space-xs: clamp(.75rem, .5893rem + .5357vw, 1.125rem);--space-s: clamp(1rem, .7857rem + .7143vw, 1.5rem);--space-m: clamp(1.5rem, 1.1786rem + 1.0714vw, 2.25rem);--space-l: clamp(2rem, 1.5714rem + 1.4286vw, 3rem);--space-xl: clamp(2.5rem, 1.9643rem + 1.7857vw, 3.75rem);--space-2xl: clamp(3rem, 2.3571rem + 2.1429vw, 4.5rem);--space-3xl: clamp(4rem, 3.1429rem + 2.8571vw, 6rem);--space-4xl: clamp(5rem, 3.9286rem + 3.5714vw, 7.5rem);--space-3xs-2xs: clamp(.25rem, .0357rem + .7143vw, .75rem);--space-2xs-xs: clamp(.5rem, .2321rem + .8929vw, 1.125rem);--space-xs-s: clamp(.75rem, .4286rem + 1.0714vw, 1.5rem);--space-s-m: clamp(1rem, .4643rem + 1.7857vw, 2.25rem);--space-m-l: clamp(1.5rem, .8571rem + 2.1429vw, 3rem);--space-l-xl: clamp(2rem, 1.25rem + 2.5vw, 3.75rem);--space-xl-2xl: clamp(2.5rem, 1.6429rem + 2.8571vw, 4.5rem);--space-2xl-3xl: clamp(3rem, 1.7143rem + 4.2857vw, 6rem);--space-3xl-4xl: clamp(4rem, 2.5rem + 5vw, 7.5rem);--space-3xs-xs: clamp(.25rem, -.125rem + 1.25vw, 1.125rem);--space-2xs-s: clamp(.5rem, .0714rem + 1.4286vw, 1.5rem);--space-xs-m: clamp(.75rem, .1071rem + 2.1429vw, 2.25rem);--space-s-l: clamp(1rem, .1429rem + 2.8571vw, 3rem);--space-m-xl: clamp(1.5rem, .5357rem + 3.2143vw, 3.75rem);--space-l-2xl: clamp(2rem, .9286rem + 3.5714vw, 4.5rem);--space-xl-3xl: clamp(2.5rem, 1rem + 5vw, 6rem);--space-2xl-4xl: clamp(3rem, 1.0714rem + 6.4286vw, 7.5rem);--sn-pro: "SN Pro", sans-serif;--playwrite-nz-basic: "Playwrite NZ Basic", cursive;--text-font-family: var(--sn-pro);--cursive-font-family: var(--playwrite-nz-basic);--root-font-size: 16px;--root-line-height: 1.5;--step--2: clamp(.64rem, .5029rem + .4571vw, .96rem);--step--1: clamp(.8rem, .6286rem + .5714vw, 1.2rem);--step-0: clamp(1rem, .7857rem + .7143vw, 1.5rem);--step-1: clamp(1.25rem, .9821rem + .8929vw, 1.875rem);--step-2: clamp(1.5625rem, 1.2277rem + 1.1161vw, 2.3438rem);--step-3: clamp(1.9531rem, 1.5346rem + 1.3951vw, 2.9297rem);--step-4: clamp(2.4414rem, 1.9182rem + 1.7439vw, 3.6621rem);--step-5: clamp(3.0518rem, 2.3978rem + 2.1798vw, 4.5776rem);--step-6: clamp(3.8147rem, 2.9973rem + 2.7248vw, 5.722rem);--step-7: clamp(4.7684rem, 3.7466rem + 3.406vw, 7.1526rem);--site-background-color: #2f3e46;--site-text-color: hsl(from var(--site-background-color) h s 95%);--backlog-list-background: #354f52;--backlog-card-background: hsl(from var(--backlog-list-background) h s calc(l + 8) );--worklist-list-background: #52796f;--worklist-card-background: hsl(from var(--worklist-list-background) h s calc(l + 8) );--input-marking: #ffc971;--submit-button-background: var(--worklist-card-background)}}@layer base{html{font-family:var(--text-font-family);font-size:var(--root-font-size);line-height:var(--root-line-height)}body{background-color:var(--site-background-color);color:var(--site-text-color);text-shadow:1px 1px 0 rgb(0 0 0 / 33%)}.intro-title{font-size:var(--step-3);font-weight:900}.intro-text{font-size:var(--step-0)}.intro-input{background:transparent;border:0;border-bottom:2px solid var(--input-marking);font:inherit;color:var(--site-text-color);display:inline-block;text-align:center;font-family:var(--cursive-font-family);font-size:var(--step-0)}.intro-input::placeholder{font-family:var(--text-font-family);color:rgb(from var(--site-text-color) r g b / 60%)}.intro-button{background-color:var(--submit-button-background);color:#fff;border:0;padding:var(--space-xs) var(--space-s);border-radius:100vmax;cursor:pointer;font-size:var(--step--1);line-height:1}.intro-run-button{background-color:#c86b07;color:#fff;border:0;padding:var(--space-s) var(--space-m);border-radius:100vmax;cursor:pointer;font-size:var(--step-0);line-height:1;text-decoration:none;display:inline-block;margin-block-start:var(--space-xs);font-weight:700}h1,h2,h3,h4{margin:0}hr{border:none;height:2px;background-color:#ffffff1a;margin-block:var(--space-m)}}@layer layout{.container{display:grid;grid-template-columns:[full-width-start] 1fr [content-start] min(60ch,calc(100% - 1rem)) [content-end] 1fr [full-width-end];margin-inline:auto;gap:0;width:100%;padding-block:2rem;background-image:linear-gradient(to right,var(--site-background-color) 0%,var(--site-background-color) calc(100% - 3rem),hsl(from var(--site-background-color) h s calc(l - 2.5)) 100%)}.container>*{grid-column:content}}@layer layout{.work-layout{display:grid;grid-template-columns:1.75fr 1fr 1fr;block-size:100vh}}@layer components{.backlog-section,.worklist-section{padding:var(--space-xs);block-size:100vh;display:grid;grid-template-rows:max-content 1fr;gap:var(--space-s);overflow-y:auto}.backlog-section{background-color:var(--backlog-list-background);background-image:linear-gradient(to right,var(--backlog-list-background) 0%,var(--backlog-list-background) calc(100% - 3rem),hsl(from var(--backlog-list-background) h s calc(l - 2.5)) 100%)}.worklist-section{background-color:var(--worklist-list-background)}}@layer components{.backlog-list,.worklist-list{list-style:none;margin-inline:0;padding:0}:is(.backlog-list,.worklist-list)>li+li{margin-block-start:1em}:is(.backlog-list,.worklist-list) li{border-radius:var(--space-2xs);box-shadow:0 .1em #0003,0 .3em .5em #00000014;display:grid;grid-template-columns:2.5em minmax(0,1fr) 2.5em;gap:0;overflow:hidden}:is(.backlog-list,.worklist-list) li>.task-change-priority{display:grid;grid-template-rows:1fr 1fr;border-right:2px solid rgb(0 0 0 / 10%);font-size:1.25em;line-height:1}:is(.backlog-list,.worklist-list) li>.task-change-priority>:first-child{border-bottom:2px solid rgb(0 0 0 / 10%)}:is(.backlog-list,.worklist-list) li>.task-change-priority>:last-child{border-top:1px solid rgb(255 255 255 / 20%)}:is(.backlog-list,.worklist-list) li>.task-description{padding:var(--space-2xs);border-right:2px solid rgb(0 0 0 / 10%);border-left:1px solid rgb(255 255 255 / 20%);cursor:grab}:is(.backlog-list,.worklist-list) li>.task-description:active{cursor:grabbing}:is(.backlog-list,.worklist-list) li>.task-switch-list{border-left:1px solid rgb(255 255 255 / 20%)}:is(.backlog-list,.worklist-list) li button{background:transparent;color:inherit;border:0;border-radius:0;inline-size:100%;padding:0}:is(.backlog-list,.worklist-list) li button:hover{background-color:#ffffff0d}.backlog-list li{background-color:var(--backlog-card-background)}.worklist-list li{background-color:var(--worklist-card-background)}.task-title{font-size:var(--step-0);font-weight:600;margin:0}.task-duration{font-size:var(--step--1)}.worklist-list-empty,.backlog-list-empty{display:grid;justify-content:center;align-items:center}:is(.worklist-list-empty,.backlog-list-empty):before{display:block;content:"Oi, her var det tomt! Kanskje du kan legge til en oppgave?";font-size:var(--step-0);text-align:center}}