*{scroll-margin-top:70px}#main{max-width:700px}strong{font-weight:700}h1 #titleImage{margin-right:.3em;width:57px}h1 img,h1 span{vertical-align:middle}.noLists{color:var(--text-grey-on-surface)}.noLists img{margin-right:.2em;vertical-align:text-bottom}.input_error{margin-top:.3em}.content{max-width:570px}.page button:not(.actionControl):not(.folderSelectButton){float:right;margin-left:1em;vertical-align:top}.page h2{font-weight:700}#shareListButton.processing,button.processing,input[type=submit].processing{background-color:var(--button-disabled-bg-colour);color:var(--colour-button-loading-fg);pointer-events:none}.existingListsHolder{margin:0 0 2.5em}.existingList{border-bottom:1px solid var(--border-colour);color:var(--secondary-colour);max-width:570px;padding:1em 0;position:relative;text-align:left}.existingList:hover{background-color:var(--colour-table-row-hover)!important}.existingListName span:not(.formattedVersion),.existingListName svg{vertical-align:middle}.existingListName svg{margin-right:.4em}.existingList .actionsHolder .action:hover svg path,.existingListsHolder[favourite=true] .action:hover svg *{fill:#fff!important}.existingListName:hover{color:var(--hover-colour)}.existingListName:hover svg *{fill:var(--hover-colour)!important}.copyListOverlayBox,.shareListOverlayBox{min-width:600px}#shareListOverlay .inputHolder{margin-bottom:1em}#shareListOverlay .buttonBar{margin-bottom:1.5em}.action.actionControl{border-bottom:1px solid var(--secondary-colour);border-radius:0;margin:0 .3em;padding:0 0 2px;width:1.4em}.overlay .overlayBox{min-width:600px}input.listActionsControl{opacity:0;position:fixed;width:0}input.listActionsControl:checked+label{background-color:var(--surface-colour);-webkit-box-shadow:inset 0 0 0 1px var(--border-colour);box-shadow:inset 0 0 0 1px var(--border-colour)}input.listActionsControl:checked+label .controls{visibility:visible}input.listActionsControl+label{position:relative}.listActionsControlLabel .controlsToggle{border:1px solid transparent;cursor:pointer;margin:0 .4em;padding:0;width:1.5em}.listActionsControlLabel .controls{background-color:var(--surface-colour);border:1px solid var(--border-colour);margin-top:-1px;padding:0 .5em .3em;position:absolute;right:0;top:100%;visibility:hidden;width:185px;z-index:10}.actionControl.extra-lists{margin:1em 0 0;padding:0;position:relative}.actionControl.extra-lists .iconRotate,.manyListsDetailsHolder label .iconRotate{border-bottom:1px solid var(--secondary-colour);display:inline-block;margin-right:.4em;position:relative;width:1.2em}.actionControl.extra-lists .iconRotate:before,.manyListsDetailsHolder label .iconRotate:before{background-image:url(../../images/chevron-down.svg);background-position:50%;background-repeat:no-repeat;background-size:16px 9px;content:"";height:1.2em;left:0;position:absolute;top:0;-webkit-transition:-webkit-transform var(--animation-speed) var(--animation-timing);transition:-webkit-transform var(--animation-speed) var(--animation-timing);transition:transform var(--animation-speed) var(--animation-timing);transition:transform var(--animation-speed) var(--animation-timing),-webkit-transform var(--animation-speed) var(--animation-timing);width:1.2em}.manyListsDetailsHolder label .iconRotate{border-width:0!important;height:18px;margin-right:.2em;width:16px}.actionControl.extra-lists:hover .iconRotate,.manyListsDetailsHolder label:hover .iconRotate{border-color:var(--hover-colour)}.actionControl.extra-lists:hover .iconRotate:before{background-image:url(../../images/chevron-down.svg)}.manyListsDetailsHolder label .iconRotate:before{background-position:50%;background-size:8px 16px}.manyListsDetailsHolder label .iconRotate:before,.manyListsDetailsHolder label:hover .iconRotate:before{background-image:url(../../images/chevron-right.svg)}.existingListsHolder.extraListsVisible .actionControl.extra-lists .iconRotate:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.manyListsDetailsHolder input+label .iconRotate{-webkit-transition:-webkit-transform var(--animation-speed) var(--animation-timing);transition:-webkit-transform var(--animation-speed) var(--animation-timing);transition:transform var(--animation-speed) var(--animation-timing);transition:transform var(--animation-speed) var(--animation-timing),-webkit-transform var(--animation-speed) var(--animation-timing)}.manyListsDetailsHolder input:checked+label .iconRotate{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.existingListsHolder .subgroup{max-height:0;overflow-y:hidden}.existingListsHolder .subgroup,.existingListsHolder.extraListsVisible .subgroup{-webkit-transition:max-height var(--animation-speed) var(--animation-timing);transition:max-height var(--animation-speed) var(--animation-timing);width:100%}.existingListsHolder.extraListsVisible .subgroup{max-height:1000px;overflow-y:visible}.extraListsControlHolder{display:inline-block;text-align:right;width:100%}#folderSelectHolder,#folderSelectHolder .folderSubgroup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-top:.8em;width:100%}#folderSelectHolder .folderSubgroup{max-height:0;overflow-y:hidden;width:100%}#folderSelectHolder .folderSubgroup,#folderSelectHolder.folderSubgroupVisible .folderSubgroup{-webkit-transition:max-height var(--animation-speed) var(--animation-timing);transition:max-height var(--animation-speed) var(--animation-timing)}#folderSelectHolder.folderSubgroupVisible .folderSubgroup{max-height:3000px}#folderSelectHolder .folderSelectFlex{-webkit-box-flex:0;-ms-flex:0 0 33%;flex:0 0 33%;margin-bottom:2.4em}.folderSelect a,.folderSelect button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--border-colour);border-radius:0;color:var(--secondary-colour);display:block;margin:0;min-height:148px;overflow:hidden;padding:74px .7em 0;text-transform:none;width:100%}.folderSelect a:hover,.folderSelect button:hover{border-color:var(--hover-colour);color:var(--hover-colour)}#folderSelectHolder .folderSelect{margin-left:0;margin-right:1.6em}#folderSelectHolder .folderSelectFlex:nth-child(3n - 1) .folderSelect{margin-left:.8em;margin-right:.8em}#folderSelectHolder .folderSelectFlex:nth-child(3n) .folderSelect{margin-left:1.6em;margin-right:0}.folderSelect .folderName{display:block;margin-top:37px;max-height:37px;overflow:hidden;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.folderSelect button .folderName{margin-top:0;max-height:none;overflow:hidden;-webkit-transform:translateY(0);transform:translateY(0)}.folderSelect button.show-all .iconRotate:before{background-image:url(../../images/chevron-right.svg);background-position:50%;background-repeat:no-repeat;background-size:23px 44px;bottom:74px;content:"";height:45px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform var(--animation-speed) var(--animation-timing);transition:-webkit-transform var(--animation-speed) var(--animation-timing);transition:transform var(--animation-speed) var(--animation-timing);transition:transform var(--animation-speed) var(--animation-timing),-webkit-transform var(--animation-speed) var(--animation-timing);width:45px}.folderSelect button.show-all{background-image:none;position:relative}.folderSelect button.show-all:hover .iconRotate:before{background-image:url(../../images/chevron-right.svg)}#folderSelectHolder.folderSubgroupVisible .folderSelect button.show-all .iconRotate:before{-webkit-transform:translateX(-50%) rotate(-90deg);transform:translateX(-50%) rotate(-90deg)}.inputHolder select{background-color:transparent;border:1px solid var(--border-colour);height:38px;outline-style:none;text-align:left;text-decoration:none;text-indent:.5em}.inputHolder select,.inputHolder textarea{color:var(--colour-fg);margin-top:.4em;width:100%}.inputHolder textarea{background:inherit;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;font-variant-numeric:tabular-nums;padding:1em;resize:none}.close-icon,.search-box,.search-wrapper{position:relative}.search-wrapper{display:inline-block;max-width:400px;width:100%}input.search-box{background:inherit;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--colour-fg);font-weight:400;margin-left:.5em;min-width:200px;outline-style:none;padding:.8em 0;text-indent:1.375rem;white-space:nowrap}.close-icon,input.search-box{background-color:transparent;border-width:0;display:inline-block}.close-icon{border-radius:0;cursor:pointer;height:1.25rem;margin-right:.3em;outline:0;vertical-align:middle;width:1.25rem}button.close-icon:focus{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;outline:0}input.search-box:not(:valid)~.close-icon{pointer-events:none;visibility:hidden}.noWrap{white-space:nowrap!important}.manyListsTitleHolder span:hover{color:var(--hover-colour)}input.search-box:-webkit-autofill,input.search-box:-webkit-autofill:focus,input.search-box:-webkit-autofill:hover{background-image:url(../../images/search.svg)!important;caret-color:var(--colour-fg)}.folderActionsControlHolder{margin-left:.2em}.folderActionsControlHolder *{display:inline-block}input.folderActionsControl{opacity:0;position:fixed;width:0}.folderActionsControlLabel .controls a{cursor:pointer;margin-left:0}.folderActionsControlLabel .controls a,.folderActionsControlLabel .controls button{border-bottom:1px solid var(--border-colour);padding:.5em 0;text-align:left;width:100%}input.folderActionsControl:checked+label{background-color:var(--surface-colour);-webkit-box-shadow:inset 0 0 0 1px var(--border-colour);box-shadow:inset 0 0 0 1px var(--border-colour)}input.folderActionsControl:checked+label .controls{visibility:visible}input.folderActionsControl+label{position:relative}.folderActionsControlLabel .controlsToggle{border:1px solid transparent;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0 .2em;width:22px}.folderActionsControlLabel .controls{background-color:var(--surface-colour);border:1px solid var(--border-colour);margin-top:-1px;padding:0 .3em .1em;position:absolute;right:0;top:100%;visibility:hidden;width:185px;z-index:100}.folderActionsControlLabel .controls button{border-bottom:1px solid var(--border-colour);padding:.5em 0;text-align:left;width:100%}.folderActionsControlLabel .controls button:hover{border-bottom-color:var(--border-colour)!important}.folderActionsControlLabel .controls button:last-child{border-bottom-width:0}.folderActionsControlLabel .controls button svg{margin-left:.2em;margin-right:.2em;position:relative;top:2px}img.warning{height:16px;margin-right:.2em;vertical-align:text-bottom}.listSelectManyControl input{display:none}.listSelectManyControl label{background-image:url(../../images/tick_circle.svg);background-position:50%;background-repeat:no-repeat;background-size:18px 18px;cursor:pointer;height:18px;margin:auto .5em;opacity:.3;padding:0;width:1.5em;width:18px}.listSelectManyControl input:checked+label{background-image:url(../../images/tick_circle.svg);opacity:1}.listSelectManyControl label:hover{background-image:url(../../images/tick_circle.svg)!important;opacity:1}#userListsHolder[data-add_many="0"] .listSelectManyControl label{display:none}#userListsHolder[data-add_many="1"] .listSelectManyControl label{display:inline-block}.existingList:hover .listSelectManyControl label{display:inline-block!important}.existingList[data-add_many="1"]{background-color:var(--colour-row-alt)}#stickyListControls{background-color:var(--page-bg-colour);margin-top:2em;padding:1em 0}#userListsHolder[data-add_many="1"] #stickyListControls{padding-bottom:0}.addManyControlsBar{background:var(--colour-row-alt);border-radius:var(--border-radius-box);color:var(--text-grey-on-surface);display:none;margin:1em 0;overflow:auto;padding:1em 0 1em 1em}.addManyListCount{float:left}.addManyListCount:after,.manyListsDetailsHolder label:after{content:attr(data-add_many) " lists selected"}.addManyListCount[data-add_many="1"]:after,.manyListsDetailsHolder label[data-add_many="1"]:after{content:"1 list selected"}#userListsHolder[data-add_many="1"] .addManyControlsBar{display:block}.manyListsDetailsHolder{margin-top:1em}.manyListsDetailsHolder label{cursor:pointer}.manyListsDetailsHolder input[type=checkbox]{display:none}.manyListsTitleHolder{color:var(--text-grey-on-surface);margin:.5em 0;max-height:0;overflow:hidden}.manyListsDetailsHolder input:checked+label+.manyListsTitleHolder,.manyListsTitleHolder{-webkit-transition:max-height var(--animation-speed) var(--animation-timing);transition:max-height var(--animation-speed) var(--animation-timing)}.manyListsDetailsHolder input:checked+label+.manyListsTitleHolder{max-height:500px}.addManyControls{display:-webkit-box;display:-ms-flexbox;display:flex;float:right;margin-bottom:-2px;margin-right:calc(1.1em + 2.25rem)}.addManyControls .actionControl svg{height:1.5em;width:1.5em}.accordian-list-main{margin-left:-8px;margin-right:-8px;padding:0 8px}#stickyListControls{background-color:var(--surface-colour)}.listSelectManyControl{vertical-align:text-bottom}.content,.existingList{max-width:none}.topBarHolder{margin-bottom:1.5em}.topBarHolder .dashboardTitle{display:inline-block}#stickyListControls{margin-top:.5em}.noLists{padding-bottom:2em}#userListsHolder:has(+.noLists:not(.hidden)) .existingListsHolder{margin:.5em 0 0}#userListsHolder:has(+.noLists:not(.hidden)) .addManyControlsBar{display:none}#userListsHolder[data-add_many="1"]:has(+.noLists:not(.hidden)) #stickyListControls{padding-bottom:1em}input.folderActionsControl:checked+label{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;margin-left:.2em}#existingListsSection{margin:0 1em}#main{min-width:700px}@media screen and (max-width:850px){#main{min-width:unset}}@media screen and (max-width:700px){.copyListOverlayBox,.overlay .overlayBox,.shareListOverlayBox{min-width:auto}}@media screen and (min-width:800px){#main{margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=index.css.map */