@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(/fonts/montserrat-v26-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:url(/fonts/montserrat-v26-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(/fonts/montserrat-v26-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-style:normal;font-weight:400;src:url(/fonts/bricolage-grotesque-v7-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-style:normal;font-weight:500;src:url(/fonts/bricolage-grotesque-v7-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-style:normal;font-weight:600;src:url(/fonts/bricolage-grotesque-v7-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-style:normal;font-weight:700;src:url(/fonts/bricolage-grotesque-v7-latin-700.woff2) format("woff2")}*{box-sizing:border-box;padding:0;margin:0;font-family:Montserrat,sans-serif;-webkit-tap-highlight-color:transparent}html{overscroll-behavior:none}body{background-color:var(--background-color-1)}h1,h2,h3,h4,h5,h6{font-family:Bricolage Grotesque,serif;font-weight:700}h1.light,h2.light,h3.light,h4.light,h5.light,h6.light{font-weight:400;font-family:Montserrat,sans-serif}a{display:flex;align-items:center;gap:.5rem;color:var(--text-color-1)}.container.main{min-height:0;margin:0 auto;max-width:1200px;width:100%;height:100vh;height:100svh;padding:1rem;display:flex;flex-direction:column;gap:4rem;justify-content:center}.snackbar{content:"Liste fullført! 🎉";position:fixed;top:1.25rem;left:0;right:0;width:25rem;max-width:calc(100% - 2rem);margin:0 auto;background-color:var(--accent-1);display:flex;justify-content:space-between;align-items:center;border-radius:.5rem;padding:.25rem 1rem;transform:translateY(-200%)}.snackbar.show{transform:translateY(0);transition:all .3s ease-in-out}.container.main.completed:after{content:"Liste fullført! 🎉";position:absolute;top:1.25rem;left:0;right:0;max-width:25rem;margin:0 auto;background-color:var(--accent-1);display:flex;justify-content:center;align-items:center;border-radius:.5rem;padding:1rem;animation:completed 3s forwards}@keyframes completed{0%{transform:translateY(-200%)}15%{transform:translateY(0)}85%{transform:translateY(0)}to{transform:translateY(-200%)}}.container-new{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;grid-column:2;height:100%}.error-container{grid-column:2;display:flex;flex-direction:column;justify-content:center;gap:1rem}.top-content-container{display:grid;margin:1rem 0}.top-content-container .top-content{grid-column:1;grid-row:1;min-height:10rem}.top-content-container .top-content-card{grid-column:1;grid-row:1;background-color:var(--background-color-2);z-index:1}.top-content-card{padding:.5rem;border-radius:var(--border-radius);position:relative}.top-content-card-close-btn{position:absolute;top:-.6rem;right:-.6rem;background-color:var(--background-color-2)!important}.top-content{display:flex;flex-direction:column;justify-content:center;gap:.5rem;flex:1;position:relative;gap:0}.top-content h1{font-weight:400;font-size:2.2rem}.top-content span{font-family:"Instrument Serif",serif;font-family:Bricolage Grotesque,sans-serif;background-color:#ffd9804d;border-radius:1rem;padding:0 .5rem;height:-moz-fit-content;height:fit-content;line-height:1}.top-content span[data-completed=true]{background-color:#a8efa880}.top-content .member-list{margin-top:.5rem}.main-content{display:flex;flex-direction:column;gap:1rem;padding:0 1rem 1rem;margin:0 -1rem -1rem;height:100%;min-height:0}.container{display:grid;grid-template-rows:.2fr 1fr .3fr;gap:2rem;height:100%;position:relative;display:flex;flex-direction:column}.container.center{justify-content:center}.container.space{justify-content:space-between}.outlet-wrapper{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:top;transition:transform .3s ease-in-out}.outlet-wrapper.loading{transform:scaleY(0);-webkit-transform:scaleY(0)}.outlet-wrapper-list{height:50%;transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:top;transition:transform .3s ease-in-out}.outlet-wrapper-list.loading{transform:scaleY(0);-webkit-transform:scaleY(0)}label{display:flex;flex-direction:column;gap:.5rem}.link{color:var(--text-color-1)}.appear{display:inline-block;animation:appear .3s}@keyframes appear{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.appear-slide{display:inline-block;animation:appear-slide .3s}@keyframes appear-slide{0%{opacity:0;transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}.skeleton{background:linear-gradient(90deg,hsla(var(--secondary),.3) 25%,hsla(var(--secondary),.1),hsla(var(--secondary),.3) 75%);background-size:200% 100%;animation:skeleton-blink 1.5s infinite ease-in-out;width:100%;height:100%;border-radius:.5rem}@keyframes skeleton-blink{0%{background-position:200% 0}to{background-position:-200% 0}}.user-btn{box-sizing:inherit;display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:flex-start;flex-shrink:0;border-radius:50%;overflow:hidden;width:2rem;height:2rem;border:1px solid transparent;background:none;color:var(--text-color-1);-o-object-fit:cover;object-fit:cover;background-clip:padding-box}.btn{background-color:var(--primary-1);color:var(--background-color-1);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;outline:none;border:1px solid transparent;border-radius:.5rem;cursor:pointer;text-decoration:none;max-width:30rem;height:50px;position:relative;overflow:hidden;transform:translateZ(0)}.btn.secondary{background-color:var(--background-color-2);color:var(--primary-1);border:1px solid var(--primary-1)}.btn.tertiary{background-color:var(--background-color-2);color:var(--primary-1);border-radius:0;border:none;border-bottom:1px solid var(--primary-1)}.btn.icon-only{border:none;outline:none;padding:0;color:inherit;background-color:inherit}.btn.danger{color:var(--danger-color);border:1px solid var(--danger-color)}.btn:focus,.btn:active,.btn:target,.list-selector-btn:focus,.list-selector-btn:active,.list-selector-btn:target,.top-bar-link:focus,.top-bar-link:active,.top-bar-link:target,.list-item-text:focus,.list-item-text:active,.list-item-text:target{border-color:var(--secondary-1);box-shadow:0 0 0 2px inset var(--secondary-1),0 0 0 4px inset #e3edff;border-radius:.5rem;transition:all .2s ease-in-out}.btn-group{display:flex;max-width:30rem}.btn-wrapper{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.btn-wrapper.vertical{flex-direction:column;justify-content:unset;align-items:unset}input{border:1px solid var(--primary-1);border-radius:.5rem;padding:.5rem 1rem;height:50px}.input-label{font-size:.8rem;display:flex;flex-direction:column;gap:.5rem}.disabled{opacity:.5;pointer-events:none}.form,.vertical-list{display:flex;flex-direction:column;gap:1rem;max-width:30rem}.list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;width:100%;max-width:30rem}.list.full{height:100%}.list.center{justify-content:center;align-items:center;text-align:center}.checklist-list{display:flex;flex-direction:column;overflow-y:auto;width:100%;max-width:30rem;height:100%;padding-bottom:8px;gap:.5rem}.checklist-item-count{margin:-1rem 0;color:var(--text-color-2);font-size:.8rem;display:flex;align-items:center;gap:.5rem}.carousel{max-width:30rem;width:100%;display:flex;text-align:center;gap:1rem;overflow:auto;scroll-behavior:smooth}.carousel.vertical{scroll-snap-type:y mandatory;flex-direction:column;align-items:center;justify-content:unset}.carousel.hidden-scroll{scrollbar-width:none;-ms-overflow-style:none}.carousel.hidden-scroll::-webkit-scrollbar{display:none}@media screen and (prefers-reduced-motion: reduce){.carousel{scroll-behavior:auto}}.carousel-item{min-height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;scroll-snap-align:start}.shopping-list{display:flex;gap:1rem;align-items:center;justify-content:space-between;width:100%;overflow:hidden}.list-selector{display:flex;justify-content:start;gap:1rem;border-radius:1rem}.list-selector-btn{background:none;padding:.6rem 1rem;color:var(--primary-1);text-decoration:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:.5rem;overflow:hidden;border-bottom:4px solid transparent;border-radius:0;position:relative;border:none!important;font-weight:400;border-radius:1rem;background-color:var(--background-color-2);justify-content:center}.list-selector-btn.active{border-color:var(--accent-1);background-color:hsla(var(--secondary),.5);text-shadow:1px 0 0 currentColor}.list-selector-btn:focus{border-radius:1rem!important}.list-selector-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);transform-origin:center;width:40%;height:2px;background-color:var(--primary-1);border-radius:.5rem;animation:scaleIn .2s ease forwards}@keyframes scaleIn{to{transform:translate(-50%) scaleX(1)}}.stepper-selector{display:grid;grid-template-columns:64px auto 64px;grid-template-areas:"back title next";align-items:center;width:100%}.stepper-selector-btn{background:none;border:none;padding:.5rem 1rem;border-radius:.5rem;color:var(--primary-1);text-decoration:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:.5rem}.stepper-selector-title{grid-area:title;text-align:center;font-weight:700}.list-item-new{overflow:hidden;border:1px solid transparent;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--border-radius);color:var(--primary-1);text-decoration:none;background-color:var(--background-color-2);transition:background-color .2s;box-shadow:var(--secondary-1) 0 4px,#e3edff 0 8px;flex-shrink:0;transition:box-shadow .2s,border .2s;box-shadow:none;box-shadow:inset var(--secondary-1) 0 -2px,inset #e3edff 0 -4px;border:1px solid hsla(var(--border),.5)}.checklist-list.completed .list-item-new:last-of-type,.checklist-list.active .list-item-new:nth-last-of-type(3){border-bottom:none}.list-item-new:hover,.list-item-new:focus{background-color:var(--hover-color-1)}.list-item-new:has(.list-item-btn:active):active,.list-item-new:has(.list-item-btn:hover):hover{background-color:var(--background-color-2)}.list-item-new:has(.list-item-text:active){box-shadow:var(--secondary-1) 0 2px,#e3edff 0 4px;transform:translateY(2px);transition:transform .2s}.list-item-new .PopoverContent,.list-item .PopoverContent{padding:0;border:1px solid var(--primary-1);width:10rem}.list-item .number-popover-content{width:-moz-fit-content;width:fit-content}.list-item-text{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;padding:1.5rem 1rem;color:var(--primary-1);position:relative}.list-item-number-button{font-family:Bricolage Grotesque;border-radius:.5rem;height:-moz-fit-content;height:fit-content;padding:.25rem;color:hsl(var(--secondary-foreground));background-color:hsl(var(--secondary))}.list-item-btn-wrapper{position:relative}.list-item-btn{background:none;border:none;margin-right:.5rem;padding:.5rem;border-radius:1rem;color:var(--primary-1);text-decoration:none;position:relative;cursor:pointer;transition:background-color .2s;-moz-user-select:none;user-select:none;-webkit-user-select:none;-ms-user-select:none}.list-item-btn:hover,.list-item-btn:focus,.list-item-btn:active{border-radius:1rem;transition:all .2s ease-in-out;background-color:hsla(var(--secondary),.5)}.list-item-new.dragging{z-index:2;background-color:var(--background-color-2);box-shadow:none;border:1px solid var(--accent-1)}.list-item-new.dragging .list-item-btn:before{pointer-events:none;content:"";width:1rem;height:1rem;border-radius:50%;background-color:var(--accent-1);position:absolute;top:1.25rem;left:1.25rem;z-index:10;animation:popInDrag .5s ease-in-out .1s forwards}@keyframes popInDrag{0%{transform:scale(1);opacity:1}to{transform:scale(60);opacity:0}}@keyframes inDrag{0%{border:1px solid transparent;box-shadow:var(--secondary-1) 0 4px,#e3edff 0 8px}to{box-shadow:none;border:1px solid var(--accent-1)}}.list-item-menu{position:absolute;top:2rem;right:1rem;display:flex;flex-direction:column;border:1px solid var(--primary-1);border-radius:.5rem;background-color:var(--background-color-2);width:10rem;overflow:hidden;z-index:3;transform:scaleY(0);-webkit-transform:scaleY(0)}.list-item-btn-wrapper:focus-within .list-item-menu{transform:scaleY(1);-webkit-transform:scaleY(1)}.list-item-menu-v2{top:2rem;right:1rem;display:flex;flex-direction:column;border:1px solid var(--primary-1);border-radius:.5rem;background-color:var(--background-color-2);width:10rem;overflow:hidden;z-index:3}.list-item-menu-btn{background:none;border:1px solid transparent;padding:.7rem 1rem;color:var(--primary-1);width:100%;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s;text-decoration:none;border-radius:var(--border-radius);touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.list-item-menu-btn:hover{background-color:var(--accent-1);color:#000}.list-item-menu-btn:focus{border:1px solid var(--accent-1)}.list-item-menu-section{background:none;border:1px solid transparent;padding:.5rem 1rem;color:var(--primary-1);width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;transition:background-color .2s;text-decoration:none}.list-item-menu-section.colors{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:1rem}.checklist-item-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;height:100%}.checklist-item-list:after{content:"";display:block;height:4rem;flex-shrink:0}.checklist-item{display:flex;justify-content:space-between;border-radius:var(--border-radius);background-color:var(--background-color-2);position:relative;flex-direction:column}.checklist-item[data-color="1"]{background:var(--list-item-color-1)}.checklist-item[data-color="2"]{background:var(--list-item-color-2)}.checklist-item[data-color="3"]{background:var(--list-item-color-3)}.checklist-item[data-color="4"]{background:var(--list-item-color-4)}.checklist-item[data-color="5"]{background:var(--list-item-color-5)}.checklist-item[data-color="6"]{background:var(--list-item-color-6)}.checklist-item.disabled{opacity:.5;pointer-events:none}.checklist-item-date{color:hsl(var(--text-secondary));font-size:.8rem;margin-left:3rem;margin-bottom:.5rem;margin-top:-.5rem;width:-moz-fit-content;width:fit-content;padding:0 .25rem;border-radius:.25rem}.checklist-item-date.today{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.checklist-item-date.tomorrow{background-color:var(--accent-1);color:#000}.checklist-item-date.overdue{background-color:hsl(var(--danger));color:hsl(var(--danger-foreground))}.add-checklist-wrapper{display:flex;flex-direction:column;gap:1rem}.add-checklist-inputs{display:flex;gap:.5rem;width:100%}.add-checklist-button{width:0;padding:0;text-wrap:nowrap;overflow:hidden;transition:all .2s;transform:translate(20px) scale(.8);color:hsl(var(--primary))!important}.add-checklist-button.show{width:-moz-fit-content;width:fit-content;padding:.5rem 1rem;color:hsla(var(--primary-foreground))!important;transform:translateY(0) scale(1)}.add-checklist-error{font-size:.825rem;color:var(--danger-color);text-align:center}@keyframes popIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.add-checklist-floating-btn{max-width:480px;display:block;margin:0 auto;position:fixed;width:100%;bottom:1.5rem;left:0;right:0;padding:0 1.5rem;opacity:0;visibility:hidden}.add-checklist-floating-btn.hide{transition:opacity .3s,visibility .3s;animation:fadeOut .3s ease forwards}.add-checklist-floating-btn.show{opacity:1;visibility:visible;transition:opacity .3s,visibility .3s;animation:popIn .6s cubic-bezier(.68,-.55,.27,1.55) forwards}.add-checklist-name{flex:1}.member-list{display:flex;gap:.5rem}.member-list-item{display:flex;align-items:center;justify-content:start;gap:.5rem;width:100%;min-width:0}.member-list-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list-item-img{z-index:1;overflow:hidden;flex-shrink:0;width:2rem;height:2rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-clip:padding-box;border:1px solid var(--primary-1);color:var(--primary-1);color:#000;display:grid;place-items:center;background:var(--background-color-2);text-transform:uppercase;font-size:.825rem;background-image:linear-gradient(45deg,#42ffdc,#31fceb 16%,#32f7fb 22%,#47f6ff 26%,#5cf1ff,#75eaff 36%,#8ae6ff 43%,#9ee0ff 52%,#b3ddff 67%,#bdd6ff)}.member-list-item-img.stacked{margin-left:-1.25rem}.member-list-item-img.stacked:first-child,.member-list-item-img.stacked.first{margin-left:0}.list-item{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem;min-width:0}.label.horizontal{flex-direction:row;align-items:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.list-item>.checkbox-wrapper{display:flex;align-items:center;position:relative;width:100%;min-width:0}.checkbox{cursor:pointer;background-color:var(--background-color-2);width:25px;height:25px;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:none;border:1px solid var(--primary-1)}.checkbox.checklist{position:absolute;left:.75rem}.checkbox[data-state=checked]{background-color:var(--primary-1);color:var(--background-color-2)}.checkbox-indicator{color:inherit}.checkbox[data-state=checked]~.checkbox-label{text-decoration:line-through;color:var(--text-color-2)}.checkbox:disabled{opacity:.5;pointer-events:none}.checkbox-input{position:absolute;left:1rem}.checkbox-input:checked+.checkbox-label{text-decoration:line-through}.checkbox-label{padding:1rem 1rem 1rem 3rem;border-radius:.5rem;width:100%;cursor:pointer;overflow:hidden;color:var(--text-color-1)}.checkbox-label:hover{background-color:var(--hover-color-1)}.checkbox-label-amount{font-size:.825rem;color:hsl(var(--text-secondary))}.team-join-label{display:grid;grid-template-columns:1rem 1fr;align-items:center;gap:0}.top-bar-new{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;color:var(--primary-1)}.top-bar-left-new{display:flex;align-items:center;gap:.5rem;gap:0}.top-bar-left-new>h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-family:Montserrat,sans;font-size:1rem}.top-bar-title{font-weight:400;font-size:1.4rem;font-family:Bricolage Grotesque,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar-link{color:hsl(var(--text));text-decoration:none;position:relative;overflow:hidden;border-radius:.5rem;flex-shrink:0;padding:.25rem;margin:-.25rem}.top-bar{display:flex;flex-direction:column;gap:.5rem}.top-bar-main{display:flex;width:100%;justify-content:space-between;align-items:center;gap:1rem}.top-bar-left{display:flex;gap:.5rem;align-items:center;overflow:hidden}.top-bar-left>h1{overflow:hidden;text-overflow:ellipsis}.title{font-size:1.5rem;font-weight:700}.subtitle{font-size:1.2rem;font-weight:700}.light-header{font-size:1.2rem}.demo-team-card{justify-content:start;align-items:start;border:1px solid var(--primary-1);border-radius:.5rem;padding:.5rem;display:grid;min-width:9rem;display:flex;flex-direction:column;gap:.5rem}.dtc-group{grid-area:dtc-group;justify-self:start}.dtc-name{grid-area:dtc-name}.dtc-label{grid-area:dtc-label;font-size:.8rem;color:var(--text-color-2)}.dtc-icon{grid-area:dtc-icon;border-radius:50%;width:3rem;height:auto;font-size:1.5rem;padding:.5rem}.dtc-icon:before{content:attr(data-initials)}.dtc-person-card{display:grid;justify-items:start;align-items:flex-start;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr;grid-template-areas:"dtc-icon dtc-name" "dtc-icon dtc-label"}.info-popup-wrapper{position:relative;text-decoration:underline;width:100%}.info-popup-trigger{cursor:pointer;display:inline}.info-popup-trigger:focus-within~.info-popup{display:flex;transform:translate(-50%) scale(1);-webkit-transform:translateX(-50%) scale(1)}.info-popup{z-index:5;position:absolute;top:1.5rem;left:50%;width:80%;border-radius:.5rem;transform:translate(-50%) scale(0);-webkit-transform:translateX(-50%) scale(0);transform-origin:top center;transition:all .2s;padding:.5rem;font-size:.8rem;font-style:italic;text-align:start;background-color:var(--secondary-1);box-shadow:var(--box-shadow-1);display:flex;flex-direction:column;gap:.5rem}*{scrollbar-width:thin;scrollbar-color:var(--background-color-1) var(--background-color-2)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--background-color-1)}*::-webkit-scrollbar-thumb{background-color:var(--background-color-2);border-radius:.5rem;border:3px solid var(--background-color-1)}.stepper-form{height:100%;display:flex;flex-direction:column;padding-bottom:2rem}.form-step{display:flex;flex-direction:column;gap:2rem;width:100%;max-height:0;transition:transform .2s;transform:translate(-100%) scaleX(0);-webkit-transform:translateX(-100%) scaleX(0);visibility:hidden}.form-step.reverse{transform:translate(100%) scaleX(0);-webkit-transform:translateX(100%) scaleX(0)}.form-step.active{max-height:100%;transform:translate(0) scaleX(1);-webkit-transform:translateX(0) scaleX(1);visibility:visible}.form-step-selection{display:flex;flex-wrap:wrap;gap:1rem}.form-step-section{display:flex;flex-direction:column;gap:1rem}.radio-component-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:1.5rem 1rem;border:1px solid;border-radius:.5rem;cursor:pointer;transition:all .2s}.radio-component-label:hover{background-color:var(--hover-color-1)}.radio-component-input{display:none}.radio-component-input:checked+.radio-component-label{border-color:var(--primary-1);background-color:var(--secondary-1)}.selection-component-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem 1rem;border:1px solid;border-radius:.5rem;cursor:pointer;min-width:40%;flex:1;transition:all .2s}.selection-component-label:hover{background-color:var(--hover-color-1)}.selection-component-input{display:none}.selection-component-input:checked+.selection-component-label{border-color:var(--primary-1);background-color:var(--secondary-1)}.selection-component-input:checked+.selection-component-label.red{background-color:#ffa8a8;color:var(--text-color-1)}.selection-component-input:checked+.selection-component-label.green{background-color:#a8ffbb;color:var(--text-color-1)}.footer-wrapper{min-height:30rem;background-color:var(--primary-1);color:var(--background-color-2);display:flex;flex-direction:column}.footer-section *{color:var(--background-color-2)}.footer{flex:1;display:flex;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;justify-content:space-around;align-items:center}.footer-logo-wrapper{display:flex;align-items:center;gap:.5rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-link{color:var(--background-color-2);text-decoration:underline;cursor:pointer;display:flex;align-items:center;gap:.5rem}.footer-section-download{display:flex;flex-direction:row;gap:3rem}.footer-download-section{display:flex;flex-direction:column;gap:1rem}.footer-download-link{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;color:var(--background-color-2);text-decoration:none;cursor:pointer;border:1px solid var(--background-color-2);padding:.5rem 1rem;border-radius:.5rem}.footer-download-section-logo{box-shadow:0 0 24px #ffffff26;border-radius:.5rem}.download-container{height:100%;display:flex;flex-direction:column;gap:1rem;min-height:80vh;max-width:30rem;align-self:center}.download-container-step-wrapper{padding:1rem;border:1px solid;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.download-container-step{display:flex;gap:.5rem;align-items:start}.select-container{position:relative;display:inline-block;width:100%;max-width:4rem}select[name=item-amount]{width:100%;font-family:Arial,sans-serif;font-size:16px;padding:8px 30px 8px 12px;border:none;border-radius:4px;background:none;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.number-picker{position:relative;width:4rem;display:flex;justify-content:center;align-items:center}.number{font-size:1.25rem;cursor:pointer;justify-content:center;width:100%}.icon-button{position:absolute;left:-1rem;background:none;border:none;transform:scale(0) translate(200%);-webkit-transform:scale(0);transform-origin:right;transition:transform .2s;cursor:pointer;border:1px solid;border-radius:.25rem;z-index:5;background-color:var(--background-color-2)}.icon-button.right{left:unset;right:-1rem;transform:scale(0) translate(-200%);-webkit-transform:scale(0);transform-origin:left}.number-picker:focus-within>.icon-button{transform:scale(1) translate(0);-webkit-transform:scale(1) translateX(0)}.dropdown-container{display:flex;align-items:center;justify-content:center;width:5rem;height:50px;position:relative;border-radius:.5rem;border:1px solid var(--primary-1);background-color:var(--background-color-2)}.dropdown{width:100%;height:100%;max-width:300px;border-radius:.5rem;border:1px solid var(--primary-1);padding:1rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer}.icon-container{position:absolute;right:1rem;bottom:.5rem;pointer-events:none}.latest-updates-content{box-shadow:var(--secondary-1) 0 0 0 8px,var(--background-color-2) 0 0 0 16px}.latest-updates-container{min-height:0;height:-moz-fit-content;height:fit-content;max-height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;border-radius:.5rem;padding:.5rem}.latest-updates-section-container{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;height:100%}.latest-updates-section{display:flex;flex-direction:column;gap:.5rem}.latest-updates-section-title{font-family:Bricolage Grotesque,serif;font-size:1rem;font-weight:700}.latest-updates-title{font-style:italic}.latest-updates-text{list-style-position:inside;line-height:1.3}.latest-updates-contact{display:inline;font-size:.8rem}.latest-updates-contact>a{display:inline}.latest-updates-button{position:absolute;top:.5rem;right:.5rem;height:auto}.latest-updates-image{width:100%;height:auto;border-radius:.5rem}.list-item-menu-section>.color-btn{width:1.5rem;height:1.5rem;border-radius:.25rem;border:1px solid var(--primary-1);cursor:pointer;display:flex;justify-content:center;align-items:center}.settings-container{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem}.settings-section{display:flex;flex-direction:column;gap:1rem;border-radius:.5rem;background-color:var(--background-color-2);box-shadow:var(--secondary-1) 0 4px,#e3edff 0 8px;padding:1rem}.settings-checkbox-section{display:grid;grid-template-columns:1fr auto;align-items:start;justify-content:start;justify-items:start;grid-template-rows:auto auto;gap:.5rem}.settings-checkbox-title{font-weight:500}.settings-checkbox-description{grid-column:2;font-size:.8rem;color:hsl(var(--text-secondary))}.settings-divider{background-color:hsla(var(--border),.5)}.user-popover-container{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;min-width:15rem}.user-popover-main-content{display:flex;flex-direction:column;gap:.5rem}.SliderRoot{position:relative;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;width:200px;height:20px}.SliderTrack{background-color:var(--background-color-1);position:relative;flex-grow:1;border-radius:9999px;height:3px}.SliderRange{position:absolute;background-color:red;border-radius:9999px;height:100%}.SliderThumb{display:block;width:20px;height:20px;background-color:gray;box-shadow:0 2px 10px var(--shadow-1);border-radius:10px}.SliderThumb:hover{background-color:var(--accent-1)}.SliderThumb:focus{outline:none;box-shadow:0 0 0 5px var(--accent-1)}.product-scan-content{z-index:11;height:100%;display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.product-scan-content-main{background-color:var(--background-color-2);display:flex;flex-direction:column;gap:1rem}#reader video{width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}.scan-container .top-bar-title{color:hsl(var(--text))}.scan-info-container{background:var(--background-color-2);padding:1rem;margin:1.5rem;border-radius:.5rem}.product-scan-section{display:flex;flex-direction:column;gap:.4rem}.product-scan-allergen{padding:.1rem .5rem;border-radius:.5rem;background:var(--background-color-1);text-transform:capitalize}.product-scan-nutrient{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--secondary-1);padding:.25rem 0;font-size:.825rem}@media (min-width: 500px){.container.main{display:grid;grid-template-columns:1fr 30rem 1fr;grid-template-rows:100%}.container.main>.container{grid-column:2}}@media (max-width: 480px){.cl-userButtonPopoverCard{right:0;margin:0 auto}.footer-section-download{flex-direction:column}}@media (max-width: 800px){.footer{flex-direction:column;gap:2rem}.footer-download-section-logo{flex-shrink:0;width:6rem;height:auto}.footer-section,.footer-section-download{width:100%;gap:1rem}}.appear{animation:list-appear .25s ease-out}@keyframes list-appear{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.avatar{overflow:hidden;flex-shrink:0;width:2rem;height:2rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-clip:padding-box;border:1px solid var(--primary-1);border:1px solid hsl(var(--border));color:var(--primary-1);display:grid;place-items:center;background:var(--background-color-2);text-transform:uppercase;font-size:.825rem;background-image:linear-gradient(45deg,#42ffdc,#31fceb 16%,#32f7fb 22%,#47f6ff 26%,#5cf1ff,#75eaff 36%,#8ae6ff 43%,#9ee0ff 52%,#b3ddff 67%,#bdd6ff)}.avatar.beige{background-image:linear-gradient(45deg,#ffe9cc,#fbe1b6,#f5daa3,#ecd393,#e0cb85)}.avatar.pink{background-image:linear-gradient(45deg,#ffe5ee,#ffccd9,#fbb6c2,#f5a3aa,#ec9393)}.avatar.blue{background-image:linear-gradient(45deg,#e5f6ff,#cceaff,#b6d9fb,#a3c5f5,#93b0ec)}.avatar.purple{background-image:linear-gradient(45deg,#f2e5ff,#eaccff,#e4b6fb,#e0a3f5,#dd93ec)}.avatar.burgundy{background-image:linear-gradient(45deg,#f0c2d1,#e8b0be,#df9faa,#d59096,#c98282)}.info-box{padding:.5rem 1rem;background-color:var(--background-color-1);border-radius:.5rem;font-style:italic;border:1px solid hsl(var(--text-secondary));color:hsl(var(--text-secondary));color:#000}.info-box *{color:#000}.settings-notification-device{padding:.5rem;background-color:var(--secondary-2);border-radius:.25rem;display:grid;place-items:center}.settings-notification-device-info{display:flex;flex-direction:column}.settings-notification-device-info .notification-device-date{font-size:.825rem;color:hsl(var(--text-secondary))}.notification-this-device{font-size:.725rem;background-color:var(--accent-1);border-radius:.5rem;padding:.1rem .25rem;width:-moz-fit-content;width:fit-content}.beta-tag{font-size:.825rem;background:var(--secondary-2);border-radius:.25rem;padding:0 .25rem;font-weight:400;color:hsl(var(--secondary-foreground))}.drag-and-drop-btn{touch-action:none;margin-left:.5rem;padding:.5rem;background:none;border:none;border-radius:.5rem;cursor:grab;color:hsl(var(--text-secondary))}.join-list-item{background:var(--background-color-2);padding:0 .5rem;border-radius:var(--border-radius)}.add-list-dialog{top:40%}.welcome-box-container{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:10;background:hsl(var(--background));animation:popInWelcome .3s}.welcome-box-page-container{display:flex;overflow:hidden;position:relative;display:grid;place-items:center;height:100%;width:100%;max-width:30rem;padding:1rem;transition:transform 1s cubic-bezier(.19,1,.22,1)}.welcome-box-page{display:grid;width:100%;gap:1rem;height:100%;grid-template-rows:minmax(0,1fr) auto;align-items:center;animation-duration:.2s;animation-fill-mode:forwards}.welcome-box-page.right{animation-name:slideRight}.welcome-box-page.left{animation-name:slideLeft}.welcome-box-content{display:flex;flex-direction:column;gap:1rem}.welcome-box-image{width:100%;height:auto;border-radius:.5rem;border:1px solid hsl(var(--border));box-shadow:var(--secondary-1) 0 4px,#e3edff 0 8px}.no-team-join-container{background-color:var(--background-color-2);border-radius:var(--border-radius);justify-content:space-between;padding:.5rem 1rem;box-shadow:var(--secondary-1) 0 4px,#e3edff 0 8px;width:100%}@keyframes slideRight{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes popInWelcome{0%{transform:translateY(100%) scale(.5);border-radius:50%}to{transform:translateY(0) scale(1);border-radius:0}}.wishlist-popover{padding:0;border:1px solid var(--primary-1);overflow:hidden;width:11rem}.wishlist-preview-item{text-decoration:none;display:flex;flex-direction:column;gap:.25rem;border:none;border-radius:var(--border-radius);padding:1rem;align-items:start;background-color:var(--background-color-2);box-shadow:var(--secondary-1) 0 4px,#e3edff 0 8px}.wishlist-preview-item-title{font-weight:500}.menu-more-popover{overflow:hidden;padding:0;width:12rem;max-width:calc(100vw - 3rem);border:1px solid;display:flex;flex-direction:column;gap:0}.view-transition-list-item{view-transition-name:list-item}.view-transition-top-bar-title{view-transition-name:top-bar-title}::view-transition-group(*){animation-duration:.25s}@media (prefers-reduced-motion){::view-transition-new(root),::view-transition-old(root){animation:none}.view-transition-list-item,.view-transition-top-bar-title{view-transition-name:none}}.manage-member-group{background-color:hsla(var(--secondary),.2);border-radius:var(--border-radius);padding:0 0 0 .5rem}.manage-member-group.invitation{background-color:hsla(var(--accent),.2)}.survey-radio-button{width:2rem;accent-color:hsl(var(--accent))}.team-drawer-content{height:100%;display:flex;flex-direction:column;min-height:0;transform-origin:bottom center;color:var(--text-color-1);animation:team-drawer-in .3s ease-out forwards}@keyframes team-drawer-in{0%{transform:scale(.98) translateY(.5rem);opacity:0;pointer-events:none}to{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}}@media (hover: none){.team-drawer-trigger-button:hover{background-color:transparent!important}.team-drawer-trigger-button:active{background-color:var(--secondary-2)!important;color:hsl(var(--secondary-foreground))!important}.team-drawer-trigger-button:active .top-bar-title{color:hsl(var(--secondary-foreground))!important}}@media (hover: hover) and (pointer: fine){.team-drawer-trigger-button:hover{background-color:var(--secondary-2)!important;color:hsl(var(--secondary-foreground))!important}.team-drawer-trigger-button:hover .top-bar-title{color:hsl(var(--secondary-foreground))!important}}.team-drawer-team-invitation{display:flex;justify-content:space-between;align-items:center;background-color:hsla(var(--secondary),.2);border-radius:var(--border-radius);padding-left:1rem}