@charset "UTF-8";@media only screen
and (min-device-width: 300px)
and (max-device-width: 430px)
and (orientation: portrait){.web-only{display:none}#theList li button{font-size:0!important;width:2.8rem!important;height:2.8rem!important;padding:0!important;&::after{left:0.8rem!important}}section > header > button#settings-button{font-size:0!important;width:3.5rem!important;height:3.5rem!important;padding:0!important;&::after{left:0.7rem!important}}}html{background-color:lightblue;color:black;font-size:12px;font-family:Arial,system-ui;touch-action:pan-y;padding:0;margin:0}body{display:block;position:relative;min-width:375px;background-color:white}body > footer{position:absolute;bottom:0;padding:0;margin:0}#thelist{margin-bottom:0!important;margin-top:0!important}#items-list > h2{display:none}#checked-items-list > menu{display:flex;flex-direction:row;flex-wrap:wrap;margin:0.5rem 1rem}#checked-items-list > menu > li{list-style:none}#checked-items-list > menu > li > label{background:white;padding:0.6rem;border:solid 1px lightgray;cursor:pointer;display:block}#checked-items-list > menu > li > label:hover{box-shadow:gray 0px 0px 5px}#checked-items-list > menu > li:last-child > label{border-left:0;border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;padding-right:0.7rem}#checked-items-list > menu > li:first-child > label{border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem}#checked-items-list > menu > li input[type=radio]{padding:0;margin:0;margin-right:0.4rem;position:relative;top:0.2rem;cursor:pointer}#items-list > h2, #checked-items-list > h2{margin:0;padding-left:1.5rem;padding-bottom:0.5rem;padding-top:0.5rem;font-weight:bold;font-size:1.5rem;display:block;position:sticky;top:0px;z-index:10;background:white}#items-list, #checked-items-list{margin-top:2rem;position:relative;z-index:0}footer.web-only{display:block;width:100%;text-align:center;padding:20px 0;margin-top:3rem;font-size:1.5rem;border-top:#8f8f8f solid 1px;background-color:lightblue;clear:both}#react-root section{max-width:600px;margin-left:auto;margin-right:auto}#react-root section.page.active{padding-bottom:7rem}header.web-only h1{display:block;margin:auto;width:100%;text-align:left;font-weight:normal;font-size:1.5rem;max-width:600px;text-indent:1.5rem}header.web-only{width:100%;text-align:center;padding:20px 0;margin-bottom:3rem;font-size:1.5rem;border-bottom:#8f8f8f solid 1px;background-color:lightblue}#theList{display:block}body{padding:0;margin:0}h1.mobile{display:none}h1.none-mobile{display:block}footer > i{display:inline-block;margin-top:2rem}section.item-list-page > footer{display:none}section p{max-width:60ch}section > header{padding:1rem;display:flex}section > header input{border-radius:0.5rem;border-width:1px;border-color:transparent;flex-grow:1;text-indent:0.5rem;width:50px}section > header input:focus{border-color:black}section > header input:hover{background-color:rgba(0,0,0,2%)}section > .undoRemoveButton{display:none}.undoRemoveButton:disabled{display:none}.undoRemoveButton{background-color:#ffc107;border:black solid 0;border-radius:0.5rem;padding:0.5rem 1rem;font-size:1.1rem;color:black;margin:1rem 0;display:block;float:right;position:relative;z-index:1}.undoRemoveButton .remove-item-text{font-weight:bold}.undoRemoveButton .remove-item-count{display:none}.undoRemoveListButton-container{display:flex}.undoRemoveListButton{background-color:#ffc107;border:black solid 0;border-radius:0.5rem;padding:0.5rem 1rem;font-size:1.5rem;line-height:3rem;color:black;margin:0 1rem;display:block;flex-grow:1;box-sizing:content-box;box-sizing:initial;-webkit-appearance:initial;appearance:initial}section > menu{margin:1rem;clear:right;padding:0;margin-bottom:2rem}section > menu > label{display:flex;margin-top:1.5rem}section > menu input[type=text]{display:inline-block;font-size:1.5rem;list-style-type:none;margin:0;padding:1rem;margin-right:0.5rem;flex-grow:1;border-style:solid;border-color:lightgray;border-width:1px;border-radius:0.5rem 0.5rem 0.5rem 0.5rem;position:relative;scroll-margin-top:1rem}section menu > label:focus-within{position:relative;&::after{color:rgba(0,0,0,50%);font-size:1rem;display:block;position:absolute;height:2rem;z-index:10;top:50px;left:0px;text-indent:2rem;content:"tryck enter för att lägga till"}}section menu{clear:both}#list-options{border:solid lightgray 1px;border-radius:0.5rem;padding:1rem}#list-options ul{list-style-position:inherit;list-style-type:none;margin:0;padding:0}#list-options ul label{line-height:2rem}section > menu label > button{background-color:green;color:white;display:block;float:right;border-style:solid;border-color:lightgray;border-width:1px;border-radius:0.5rem 0.5rem 0.5rem 0.5rem;padding:0.9rem 1.2rem}section > menu label > button:disabled{background-color:lightgray}input{font-size:1.4rem;padding:0.5rem}h1{margin-top:1rem;font-size:1rem}#list-name{font-size:1.5rem;font-weight:normal}#list-name button{display:inline-block;font-size:1rem;line-height:1rem;vertical-align:middle;padding:3px;margin-left:10px}#list-name:disabled{background:none;color:lightgray}ol#theList, ul#theList{padding-left:0}button{font-size:1.4em;line-height:2rem;padding:0.5rem;cursor:pointer}button:hover{box-shadow:gray 0px 0px 5px}button:active{box-shadow:gray 0px 0px 2px}button:disabled:hover{box-shadow:none;box-shadow:initial;cursor:default}button:disabled:active{box-shadow:none;box-shadow:initial;cursor:default}button#lists-button{background:none;display:block;font-size:1.5rem;margin:0;padding:0.2rem;text-indent:2.3rem;padding-right:1rem;border:lightgray dashed 0px;line-height:3rem;float:left;color:inherit;position:relative;&::before{background:url(/static/media/arrow-left-short.e7df6dcc3b936f150793.svg);background-size:2rem 2rem;content:" ";display:block;position:absolute;top:0.8rem;left:0.3rem;padding:0;margin:0;height:2rem;width:2rem}}section > header > button{border-radius:0.5rem}section > header > button#settings-button{background:none;display:block;font-size:1.5rem;margin:0;padding:0 1rem;border:lightgray solid 1px;line-height:3rem;float:left;color:inherit;margin-left:1rem;position:relative;padding-left:3rem;&::after{background:url(/static/media/list.1320df01975afb9d39dd.svg);content:" ";background-size:2rem 2rem;display:block;position:absolute;top:0.65rem;left:0.6rem;padding:0;margin:0;height:2rem;width:2rem}}section > header > button#settings-button:disabled{color:lightgray;&::after{opacity:0.2}}#theList label input[type=checkbox]{font-size:1.4rem;line-height:1.4rem;height:1.2rem;width:1.2rem;margin-bottom:0.4rem;margin-right:0.8rem;vertical-align:middle}#theList label{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:0.01rem;margin-bottom:0.01rem;line-height:2.2rem;-webkit-user-select:none;user-select:none;padding:1rem;flex-grow:1;width:10px}#thelist.disabled li label{color:lightgray}#thelist li:hover{background-color:rgba(0,0,0,2%)}#thelist.disabled li:hover{background-color:transparent;background-color:initial}#theList li button{font-size:1rem;line-height:2rem;vertical-align:top;padding:0.3rem 0.7rem;background-color:white;border:lightgray solid 1px;border-radius:0.5rem;margin:0.7rem 3px}#theList li button.remove{position:relative;padding-left:1.9rem;&::after{background:url(/static/media/trash.bbfe198199fa54970ccf.svg);content:" ";background-size:1rem 1rem;display:block;position:absolute;top:0.8rem;left:0.6rem;padding:0;margin:0;height:1rem;width:1rem}}#theList li button.edit{position:relative;padding-left:1.9rem;&::after{background:url(/static/media/pencil.aea62a3df2592ef6df19.svg);content:" ";background-size:1rem 1rem;display:block;position:absolute;top:0.8rem;left:0.6rem;padding:0;margin:0;height:1rem;width:1rem}}#theList li button:disabled{&::after{opacity:0.4}}#thelist li menu{display:block;float:right;padding:0;margin-right:1rem}#theList li{display:flex;font-size:1.5rem;list-style-type:none;margin:0;padding:0;border-style:solid;border-color:lightgray;border-width:1px;border-bottom-width:0}#theList li:first-child{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}#theList li:last-child{border-bottom-width:1px;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}#theList{margin:1rem;clear:both}.page.inactive{display:none}.lists-page header h1{background:none;display:block;font-size:2rem;margin:0;line-height:2rem;float:left;color:inherit;position:relative;padding:1.2rem 0.2rem;flex-grow:1;text-indent:1rem;font-weight:normal}.lists-page header button{background:none;display:block;border:lightgray solid 1px;border-radius:0.5rem;font-size:1.5rem;margin:0.5rem;padding:0 1rem;line-height:1rem;float:left;color:inherit;margin-left:0.2rem;position:relative}.lists-page header button.new-list{background-color:green;color:white}#lists{padding:0;margin:1rem;clear:both}#lists li:hover{background-color:rgba(0,0,0,2%)}#lists li{display:block;font-size:1.5rem;list-style-type:none;margin:0;border-style:solid;border-color:lightgray;border-width:1px;border-bottom-width:0}#lists li.removed a{opacity:0.2;background-color:lightgray;text-decoration:line-through}#lists li.removed a span{text-decoration:line-through}#lists li a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:2.2rem;padding:1rem;text-decoration:none;text-indent:3rem;cursor:pointer;color:black;position:relative;&::before{background:url(/static/media/list-task-black.bbfb681820ebaf68d795.svg);background-size:1.9rem 1.9rem;content:" ";display:block;position:absolute;top:1.2rem;left:0.9rem;padding:0;margin:0;height:1.9rem;width:1.9rem}}#lists li a span.itemCount{display:block;float:right}#lists li a:hover{text-decoration:underline}#lists li:first-child{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}#lists li:last-child{border-bottom-width:1px;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}#lists li .createdAt, #lists li .modifiedat{display:none}#lists-view-menu ul{list-style-type:none;padding:0}.lists-page footer button.new-list{display:none}#thelist label.additem{display:inline-block;padding:0;height:1.5rem;position:relative;overflow:visible;min-width:200px;max-width:90%;width:500px}#thelist label.additem > input{position:absolute;top:-5px;min-width:100%}#thelist label > button{display:none}
/*# sourceMappingURL=main.ebef59ca.css.map*/