/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%}img{border-style:none}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15}button,input{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]::-webkit-search-decoration{-webkit-appearance:none}details{display:block}[hidden],template{display:none}*,:after,:before{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;color:#212529;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{background-color:currentColor;border:0;color:inherit;margin:1rem 0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem;margin-top:0}h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media(min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem;margin-top:0}abbr[data-bs-original-title],abbr[title]{cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit;margin-bottom:1rem}ol,ul{padding-left:2rem}dl,ol,ul{margin-bottom:1rem;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{background-color:#fcf8e3;padding:.2em}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{direction:ltr;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;unicode-bidi:bidi-override}pre{display:block;font-size:.875em;margin-bottom:1rem;margin-top:0;overflow:auto}pre code{color:inherit;font-size:inherit;word-break:normal}code{word-wrap:break-word;color:#d63384;font-size:.875em}a>code{color:inherit}kbd{background-color:#212529;border-radius:.2rem;color:#fff;font-size:.875em;padding:.2rem .4rem}kbd kbd{font-size:1em;font-weight:700;padding:0}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{border-collapse:collapse;caption-side:bottom}caption{color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}label{display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{border-style:none;padding:0}textarea{resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{float:left;font-size:calc(1.275rem + .3vw);line-height:inherit;margin-bottom:.5rem;padding:0;width:100%}@media(min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}iframe{border:0}summary{cursor:pointer;display:list-item}progress{vertical-align:initial}[hidden]{display:none!important}@keyframes stepped-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{-ms-overflow-style:none;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0;scrollbar-width:none}body p{font-size:16px;font-weight:400;line-height:1.2em;margin:0 0 16px;padding:0}body p.--center{text-align:center}body p.--large{font-size:18px;line-height:1.3em}body::-webkit-scrollbar{display:none}.app{-ms-overflow-style:none;background-color:#fff;display:block;min-height:100vh;position:relative;scrollbar-width:none;width:100%}.app::-webkit-scrollbar{display:none}.sidebar{background-color:#fafafa;display:block;position:fixed;width:376px;z-index:10}.sidebar,.sidebar .sidebar-left{border-right:1px solid #ededed;height:100%;left:0;top:0}.sidebar .sidebar-left{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:calc(env(safe-area-inset-top) + 16px);padding-top:calc(env(safe-area-inset-top) + 8px);position:absolute;width:76px}.sidebar .sidebar-left .sidebar-left-top{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.sidebar .sidebar-left .sidebar-left-top .logo{background-color:#0000;border-radius:50%;display:block;height:60px;position:relative;width:60px}.sidebar .sidebar-left .sidebar-left-top .logo svg{fill:#333;display:block;height:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.sidebar .sidebar-left .sidebar-left-top .status{background-color:#0000;border-radius:50%;display:block;height:60px;position:relative;width:60px}.sidebar .sidebar-left .sidebar-left-top .status svg{fill:#333;display:block;height:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.sidebar .sidebar-left .sidebar-left-top .status.--error svg{fill:#c57701;height:20px;width:auto}.sidebar .sidebar-left .sidebar-left-top .status.--connecting svg{fill:#888;animation:stepped-spin .8s steps(8) infinite;height:24px;left:calc(50% - 12px);top:calc(50% - 12px);transform:translate(0);width:24px}.sidebar .sidebar-left .user{background-color:#efefef;border:none;border-radius:50%;display:block;height:44px;outline:none;position:relative;width:44px}.sidebar .sidebar-left .user svg{fill:#333;display:block;height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.sidebar .sidebar-left .user:after{background-color:#0000;border:1px solid #000;border-radius:50%;content:"";display:block;height:100%;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;width:100%}.sidebar .lists{-ms-overflow-style:none;display:block;height:100%;overflow-y:scroll;padding:calc(env(safe-area-inset-top)) 0 0;position:absolute;right:0;scrollbar-width:none;top:0;width:calc(100% - 76px)}.sidebar .lists::-webkit-scrollbar{display:none}.sidebar .lists .header{align-items:center;background:#fafafa;background:linear-gradient(180deg,#fafafa 50%,#fafafa00);display:flex;height:76px;justify-content:space-between;padding:0 16px 0 32px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:11}.sidebar .lists .header span{color:#333;display:block;font-size:18px;font-weight:700;line-height:1em;overflow:hidden;padding:4px 0;text-overflow:ellipsis;white-space:nowrap}.sidebar .lists .header button{background-color:#0000;border:none;display:block;height:60px;outline:none;position:relative;width:60px}.sidebar .lists .header button .icon{background-color:#efefef;border:none;border-radius:50%;display:block;height:28px;left:calc(50% - 14px);outline:none;position:absolute;top:calc(50% - 14px);transform-origin:center;width:28px}.sidebar .lists .header button .icon svg{fill:#333;display:block;height:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.sidebar .lists .header button .icon:after{background-color:#0000;border:1px solid #000;border-radius:50%;content:"";display:block;height:100%;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;width:100%}.sidebar .lists .header button:hover .icon{background-color:#e6e6e6;cursor:pointer;transform:scale(1.1)}.sidebar .lists .header button:active .icon{transform:scale(1)}.mobile-menu{-ms-overflow-style:none;display:none;padding-top:calc(env(safe-area-inset-top) + 74px);position:relative;scrollbar-width:none}.mobile-menu.--has-status{padding-top:calc(env(safe-area-inset-top) + 114px)}.mobile-menu::-webkit-scrollbar{display:none}.mobile-menu .header{background-color:#fafafa;flex-direction:column;height:auto;justify-content:space-between;padding-top:calc(env(safe-area-inset-top) + 4px);position:fixed;top:0;z-index:11}.mobile-menu .header,.mobile-menu .header .header-status{align-items:center;border-bottom:1px solid #ededed;display:flex;width:100%}.mobile-menu .header .header-status{gap:8px;justify-content:center;padding:8px;position:relative}.mobile-menu .header .header-status span{color:#333;display:block;font-size:14px;font-weight:500;line-height:1em;padding:4px 0}.mobile-menu .header .header-status .icon{background-color:#0000;border-radius:50%;display:block;height:20px;position:relative;width:20px}.mobile-menu .header .header-status .icon svg{fill:#333;display:block;height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.mobile-menu .header .header-status .icon.--error svg{fill:#c57701}.mobile-menu .header .header-status .icon.--connecting svg{fill:#888;animation:stepped-spin .8s steps(8) infinite;height:16px;left:calc(50% - 8px);top:calc(50% - 8px);transform:translate(0);width:16px}.mobile-menu .header .header-container{align-items:center;display:flex;justify-content:space-between;padding:4px;position:relative;width:100%}.mobile-menu .header .header-container span{color:#333;display:block;font-size:18px;font-weight:700;line-height:1em}.mobile-menu .header .header-container button{background-color:#0000;border:none;display:block;height:60px;outline:none;position:relative;width:60px}.mobile-menu .header .header-container button .icon{background-color:#efefef;border:none;border-radius:50%;display:block;height:28px;left:calc(50% - 14px);outline:none;position:absolute;top:calc(50% - 14px);transform-origin:center;width:28px}.mobile-menu .header .header-container button .icon svg{fill:#333;display:block;height:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.mobile-menu .header .header-container button .icon:after{background-color:#0000;border:1px solid #000;border-radius:50%;content:"";display:block;height:100%;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;width:100%}@media(hover:hover){.mobile-menu .header .header-container button:hover .icon{background-color:#e6e6e6;cursor:pointer;transform:scale(1.1)}}.mobile-menu .header .header-container button:active .icon{transform:scale(1)}.mobile-menu .lists-menu{gap:12px;padding:20px 8px}.mobile-menu .lists-menu .list-menu-item{padding-left:72px}.mobile-menu .lists-menu .list-menu-item .icon{height:40px;width:40px}.mobile-menu .lists-menu .list-menu-item .icon svg{max-height:16px;max-width:16px}.mobile-menu .lists-menu .list-menu-item .name{font-size:18px}.mobile-menu .lists-menu .list-menu-item .count span{font-size:16px;padding:4px 6px}main{-ms-overflow-style:none;display:block;height:100%;padding:calc(env(safe-area-inset-top) + 8px) 16px calc(50px + env(safe-area-inset-bottom)) 392px;position:relative;scrollbar-width:none;width:100%}main::-webkit-scrollbar{display:none}main .header{display:flex;flex-direction:column;height:60px;margin:0 auto;max-width:600px}main .header,main .header .header-status{align-items:center;justify-content:center;position:relative;width:100%}main .header .header-status{border-bottom:1px solid #ededed;display:none;gap:8px;padding:8px}main .header .header-status span{color:#333;display:block;font-size:14px;font-weight:500;line-height:1em;padding:4px 0}main .header .header-status .icon{background-color:#0000;border-radius:50%;display:block;height:20px;position:relative;width:20px}main .header .header-status .icon svg{fill:#333;display:block;height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}main .header .header-status .icon.--error svg{fill:#c57701}main .header .header-status .icon.--connecting svg{fill:#888;animation:stepped-spin .8s steps(8) infinite;height:16px;left:calc(50% - 8px);top:calc(50% - 8px);transform:translate(0);width:16px}main .header .header-container{align-items:center;display:flex;justify-content:space-between;padding:4px;position:relative;width:100%}main .header .header-container .title{align-items:center;display:flex;gap:12px;justify-content:flex-start;min-width:0;padding-left:16px;position:relative}main .header .header-container .title .icon{background-color:#3333331a;border-radius:50%;display:block;flex-shrink:0;height:30px;position:relative;width:30px}main .header .header-container .title .icon svg{fill:#333;display:block;height:auto;left:50%;max-height:14px;max-width:14px;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}main .header .header-container .title span{color:#333;display:block;font-size:18px;font-weight:700;line-height:1em;min-width:0;overflow:hidden;padding:4px 0;text-overflow:ellipsis;white-space:nowrap}main .header .header-container .title.--pink .icon{background-color:#ca4fa81a}main .header .header-container .title.--pink .icon svg{fill:#ca4fa8}main .header .header-container .title.--red .icon{background-color:#d047471a}main .header .header-container .title.--red .icon svg{fill:#d04747}main .header .header-container .title.--orange .icon{background-color:#c577011a}main .header .header-container .title.--orange .icon svg{fill:#c57701}main .header .header-container .title.--olive .icon{background-color:#7491011a}main .header .header-container .title.--olive .icon svg{fill:#749101}main .header .header-container .title.--green .icon{background-color:#3ba3651a}main .header .header-container .title.--green .icon svg{fill:#3ba365}main .header .header-container .title.--teal .icon{background-color:#26a3a31a}main .header .header-container .title.--teal .icon svg{fill:#26a3a3}main .header .header-container .title.--deep-blue .icon{background-color:#236abd1a}main .header .header-container .title.--deep-blue .icon svg{fill:#236abd}main .header .header-container .title.--sky-blue .icon{background-color:#1fa8e31a}main .header .header-container .title.--sky-blue .icon svg{fill:#1fa8e3}main .header .header-container .title.--lilac .icon{background-color:#9d62d91a}main .header .header-container .title.--lilac .icon svg{fill:#9d62d9}main .header .header-container .header-button{background-color:#0000;border:none;display:block;flex-shrink:0;height:60px;outline:none;position:relative;width:60px}main .header .header-container .header-button .icon{background-color:#efefef;border:none;border-radius:50%;display:block;height:28px;left:calc(50% - 14px);outline:none;position:absolute;top:calc(50% - 14px);transform-origin:center;width:28px}main .header .header-container .header-button .icon svg{fill:#333;display:block;height:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}main .header .header-container .header-button .icon:after{background-color:#0000;border:1px solid #000;border-radius:50%;content:"";display:block;height:100%;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;width:100%}@media(hover:hover){main .header .header-container .header-button:hover .icon{background-color:#e6e6e6;cursor:pointer;transform:scale(1.1)}}main .header .header-container .header-button:active .icon{transform:scale(1)}main .header .header-container .back-button{display:none}@media(max-width:900px){.sidebar{width:300px}main{padding-left:316px}}@media(max-width:709px){.mobile-menu{display:block}main{padding-left:0;padding-right:0;padding-top:calc(env(safe-area-inset-top) + 74px)}main.--has-status{padding-top:calc(env(safe-area-inset-top) + 114px)}main .header{align-items:center;background-color:#fafafa;border-bottom:1px solid #ededed;display:flex;height:auto;justify-content:space-between;max-width:100%;padding:calc(env(safe-area-inset-top) + 4px) 0 0;position:fixed;top:0;width:100%;z-index:20}main .header .header-status{display:flex}main .header .header-container .title{padding:0}main .header .header-container .back-button{display:block}.sidebar{display:none}}.button-group{display:flex;flex-wrap:wrap;gap:12px;width:100%}.button-group.--fw .button{flex-grow:1}.button-group.--stack{flex-direction:column}.button-group.--center{justify-content:center}@media(max-width:709px){.button-group .button{flex-grow:1}.button-group.--mob-no-grow .button{flex-grow:0}}.button{align-items:center;background-color:#efefef;border:none;border-radius:100px;display:inline-flex;height:50px;justify-content:center;margin:0;outline:none;padding:0;position:relative;width:auto;z-index:1}.button:active,.button:focus{box-shadow:none;outline:none}.button:after{background-color:#0000;border:1px solid #000;border-radius:100px;opacity:.08}.button:after,.button:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.button:before{background-color:#000;border-radius:100px;opacity:0}.button .button-content{align-items:center;display:flex;flex-shrink:0;gap:8px;height:100%;justify-content:center;padding:0 28px;position:relative;width:auto;z-index:2}.button .button-content span{color:#333;display:block;flex-shrink:0;font-size:16px;font-weight:500;position:relative;width:auto}.button .button-content svg{fill:#333;display:block;height:18px;position:relative;width:18px}.button .button-loader{background-color:#0000;display:none;height:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;z-index:2}.button .button-loader svg{fill:#333;animation:stepped-spin .8s steps(8) infinite;display:block;height:100%;position:relative;width:100%}.button.--loading .button-content{opacity:.2}.button.--loading .button-loader{display:block}.button.--loading:before{display:none!important}.button:disabled{pointer-events:none}.button:disabled .button-content{opacity:.5}.button.--pink{background-color:#ca4fa833}.button.--pink.--primary{background-color:#ca4fa8}.button.--pink.--primary .button-content span{color:#fff}.button.--pink.--primary .button-content svg,.button.--pink.--primary .button-loader svg{fill:#fff}.button.--pink.--primary:before{background-color:#000}.button.--red{background-color:#d0474733}.button.--red.--primary{background-color:#d04747}.button.--red.--primary .button-content span{color:#fff}.button.--red.--primary .button-content svg,.button.--red.--primary .button-loader svg{fill:#fff}.button.--red.--primary:before{background-color:#000}.button.--orange{background-color:#c5770133}.button.--orange.--primary{background-color:#c57701}.button.--orange.--primary .button-content span{color:#fff}.button.--orange.--primary .button-content svg,.button.--orange.--primary .button-loader svg{fill:#fff}.button.--orange.--primary:before{background-color:#000}.button.--olive{background-color:#74910133}.button.--olive.--primary{background-color:#749101}.button.--olive.--primary .button-content span{color:#fff}.button.--olive.--primary .button-content svg,.button.--olive.--primary .button-loader svg{fill:#fff}.button.--olive.--primary:before{background-color:#000}.button.--green{background-color:#3ba36533}.button.--green.--primary{background-color:#3ba365}.button.--green.--primary .button-content span{color:#fff}.button.--green.--primary .button-content svg,.button.--green.--primary .button-loader svg{fill:#fff}.button.--green.--primary:before{background-color:#000}.button.--teal{background-color:#26a3a333}.button.--teal.--primary{background-color:#26a3a3}.button.--teal.--primary .button-content span{color:#fff}.button.--teal.--primary .button-content svg,.button.--teal.--primary .button-loader svg{fill:#fff}.button.--teal.--primary:before{background-color:#000}.button.--deep-blue{background-color:#236abd33}.button.--deep-blue.--primary{background-color:#236abd}.button.--deep-blue.--primary .button-content span{color:#fff}.button.--deep-blue.--primary .button-content svg,.button.--deep-blue.--primary .button-loader svg{fill:#fff}.button.--deep-blue.--primary:before{background-color:#000}.button.--sky-blue{background-color:#1fa8e333}.button.--sky-blue.--primary{background-color:#1fa8e3}.button.--sky-blue.--primary .button-content span{color:#fff}.button.--sky-blue.--primary .button-content svg,.button.--sky-blue.--primary .button-loader svg{fill:#fff}.button.--sky-blue.--primary:before{background-color:#000}.button.--lilac{background-color:#9d62d933}.button.--lilac.--primary{background-color:#9d62d9}.button.--lilac.--primary .button-content span{color:#fff}.button.--lilac.--primary .button-content svg,.button.--lilac.--primary .button-loader svg{fill:#fff}.button.--lilac.--primary:before{background-color:#000}.button.--primary{background-color:#333}.button.--primary .button-content span{color:#fff}.button.--primary .button-content svg,.button.--primary .button-loader svg{fill:#fff}.button.--primary:before{background-color:#fff}.button.--danger{background-color:#d04747}.button.--danger .button-content span{color:#fff}.button.--danger .button-content svg,.button.--danger .button-loader svg{fill:#fff}.button.--danger:before{background-color:#fff}@media(hover:hover){.button:hover:before{opacity:.05}}.button:active{transform:scale(.95)}@media(hover:hover){.button:disabled:hover:before{opacity:0}}.button:disabled:active{transform:none}.button-text{align-items:center;background-color:#0000;border:none;border-radius:100px;display:inline-flex;height:50px;justify-content:center;margin:0;outline:none;padding:0;position:relative;width:auto;z-index:1}.button-text:before{background-color:#000;border-radius:100px;content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.button-text .button-content{align-items:center;display:flex;flex-shrink:0;gap:8px;height:100%;justify-content:center;padding:0 28px;position:relative;width:auto;z-index:2}.button-text .button-content span{color:#333;display:block;flex-shrink:0;font-size:16px;font-weight:500;position:relative;width:auto}.button-text .button-content svg{fill:#333;display:block;height:18px;position:relative;width:18px}.button-text .button-loader{background-color:#0000;display:none;height:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;z-index:2}.button-text .button-loader svg{fill:#333;animation:stepped-spin .8s steps(8) infinite;display:block;height:100%;position:relative;width:100%}.button-text.--loading .button-content{opacity:.2}.button-text.--loading .button-loader{display:block}.button-text.--loading:before{display:none!important}.button-text:disabled{pointer-events:none}.button-text:disabled .button-content{opacity:.5}.button-text.--danger .button-content span{color:#d04747}.button-text.--danger .button-content svg{fill:#d04747}.button-text.--danger .button-loader svg{fill:#333}@media(hover:hover){.button-text:hover:before{opacity:.05}}.button-text:active{transform:scale(.95)}@media(hover:hover){.button-text:disabled:hover:before{opacity:0}}.button-text:disabled:active{transform:none}.context-menu{background-color:#fff;border-radius:16px;box-shadow:0 8px 16px #0000001a,inset 0 0 0 1px #0000001a;display:block;height:auto;opacity:0;position:absolute;right:8px;top:8px;transform:scale(.6);transform-origin:top right;transition:transform .15s,opacity .15s,visibility .15s;visibility:hidden;width:auto;z-index:90}.context-menu.--active{opacity:1;transform:scale(1);visibility:visible}.context-menu .context-menu-container{display:flex;flex-direction:column;gap:0;height:auto;max-width:300px;min-width:180px;padding:8px 16px;position:relative;width:auto}.context-menu .context-menu-container .context-menu-item{align-items:center;background-color:#0000;border:none;display:flex;gap:12px;height:40px;outline:none;position:relative;width:100%;z-index:1}.context-menu .context-menu-container .context-menu-item:before{background-color:#000;border-radius:8px;content:"";display:block;height:100%;left:-8px;opacity:0;position:absolute;top:0;width:calc(100% + 16px);z-index:-1}@media(hover:hover){.context-menu .context-menu-container .context-menu-item:hover:before{opacity:.05}}.context-menu .context-menu-container .context-menu-item:active{transform:scale(.97)}.context-menu .context-menu-container .context-menu-item span{color:#333;display:block;font-size:16px;font-weight:400;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.context-menu .context-menu-container .context-menu-item .item-icon{display:block;flex-shrink:0;height:16px;position:relative;width:16px}.context-menu .context-menu-container .context-menu-item .item-icon svg{fill:#333;display:block;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.context-menu .context-menu-container .context-menu-item.--danger span{color:#d04747}.context-menu .context-menu-container .context-menu-item.--danger .item-icon svg{fill:#d04747}.context-menu .context-menu-container .context-menu-item.--danger:before{background-color:#d04747}.context-menu .context-menu-container .context-menu-divider{background-color:#0000001a;display:block;height:1px;margin:4px 8px;position:relative;width:calc(100% - 16px)}.context-menu .close-button{background-color:#0000;border:none;display:none;flex-shrink:0;height:44px;opacity:0;outline:none;position:absolute;right:4px;top:-46px;width:44px;z-index:2}.context-menu .close-button .icon{background-color:#efefef;border:none;border-radius:50%;display:block;height:28px;left:calc(50% - 14px);outline:none;position:absolute;top:calc(50% - 14px);transform-origin:center;width:28px}.context-menu .close-button .icon svg{fill:#333;display:block;height:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.context-menu .close-button .icon:after{background-color:#0000;border:1px solid #000;border-radius:50%;content:"";display:block;height:100%;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;width:100%}@media(hover:hover){.context-menu .close-button:hover .icon{background-color:#e6e6e6;cursor:pointer;transform:scale(1.1)}}.context-menu .close-button:active .icon{transform:scale(1)}@media(hover:none){.context-menu{margin-top:50px}.context-menu .close-button{display:block}.context-menu .context-menu-container{min-width:200px}}.form{gap:20px}.form,.form .form-group{display:flex;flex-direction:column;position:relative}.form .form-group{gap:4px}.form .form-group.--center{align-items:center}.form .form-group.--center .error-text,.form .form-group.--center .help-text{text-align:center}.form .form-group label{color:#333;display:block;font-size:14px;font-weight:700;padding:0 8px}.form .form-group .form-input{background-color:#fafafa;border:1px solid #ccc;border-radius:12px;box-shadow:none;color:#333;display:block;font-size:16px;outline:none;padding:12px 16px;resize:none;width:100%}.form .form-group .form-input:focus{border-color:#909090;outline:2px solid #0000001a}.form .form-group .otp-inputs{display:flex;flex-shrink:1;gap:8px;max-width:100%}.form .form-group .otp-inputs .form-input{flex-shrink:1;height:50px;max-width:50px;padding:0;text-align:center;width:100%}.form .form-group .help-text{color:#888;display:block}.form .form-group .error-text,.form .form-group .help-text{font-size:14px;line-height:1.3em;margin-top:4px;padding:0 8px;position:relative}.form .form-group .error-text{color:#d04747;display:none;margin-bottom:4px}.form .form-group:before{background-color:#d047471a;border-radius:12px;content:"";display:none;height:calc(100% + 12px);left:-8px;position:absolute;top:-6px;width:calc(100% + 16px);z-index:-1}.form .form-group.--has-error:before{display:block}.form .form-group.--has-error label{color:#d04747}.form .form-group.--has-error .error-text{display:block}.form.--pink .form-group .form-input:focus{border-color:#ca4fa8!important;outline:3px solid #ca4fa833!important}.form.--red .form-group .form-input:focus{border-color:#d04747!important;outline:3px solid #d0474733!important}.form.--orange .form-group .form-input:focus{border-color:#c57701!important;outline:3px solid #c5770133!important}.form.--olive .form-group .form-input:focus{border-color:#749101!important;outline:3px solid #74910133!important}.form.--green .form-group .form-input:focus{border-color:#3ba365!important;outline:3px solid #3ba36533!important}.form.--teal .form-group .form-input:focus{border-color:#26a3a3!important;outline:3px solid #26a3a333!important}.form.--deep-blue .form-group .form-input:focus{border-color:#236abd!important;outline:3px solid #236abd33!important}.form.--sky-blue .form-group .form-input:focus{border-color:#1fa8e3!important;outline:3px solid #1fa8e333!important}.form.--lilac .form-group .form-input:focus{border-color:#9d62d9!important;outline:3px solid #9d62d933!important}.spacer{align-items:center;display:flex;gap:0;height:72px;justify-content:center;padding:0 16px}.spacer,.spacer .line{position:relative;width:100%}.spacer .line{background-color:#ededed;display:block;height:1px}.spacer .text{color:#a5a5a5;display:block;font-size:12px;font-weight:400;padding:0 8px;position:relative;text-transform:uppercase}.spacer.--has-text{gap:16px}.spacer.--extra-small{height:12px}.spacer.--small{height:28px}.spacer.--large{height:120px}.modal-overlay{background-color:#000;display:block;height:100%;left:0;opacity:0;position:fixed;top:0;transition-duration:.15s;width:100%;z-index:100}.modal-overlay.--active{opacity:.5}.modal-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding-bottom:40px;padding-top:40px;pointer-events:none;position:fixed;top:0;width:100%;z-index:101}.modal{background-color:#fff;border-radius:20px;display:block;height:auto;max-height:100%;max-width:600px;opacity:0;overflow-y:scroll;pointer-events:all;position:relative;transform:translateY(40px);transition-duration:.15s;width:100%}.modal.--active{opacity:1;transform:translate(0)}.modal .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;height:60px;justify-content:flex-start;left:0;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal .modal-header .modal-title{align-items:center;display:flex;gap:12px;position:relative;width:100%}.modal .modal-header .modal-title.--centered{justify-content:center}.modal .modal-header .modal-title svg{fill:#333;display:block;flex-shrink:0;height:20px}.modal .modal-header .modal-title h2{color:#333;display:block;font-size:18px;font-weight:700;line-height:1.2;margin:0;min-width:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:auto}.modal .modal-header .modal-close{background-color:#0000;border:none;display:none;height:60px;outline:none;position:absolute;right:0;top:0;width:60px}.modal .modal-header .modal-close .icon{background-color:#efefef;border:none;border-radius:50%;display:block;height:28px;left:calc(50% - 14px);outline:none;position:absolute;top:calc(50% - 14px);transform-origin:center;width:28px}.modal .modal-header .modal-close .icon svg{fill:#333;display:block;height:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.modal .modal-header .modal-close .icon:after{background-color:#0000;border:1px solid #000;border-radius:50%;content:"";display:block;height:100%;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;width:100%}@media(hover:hover){.modal .modal-header .modal-close:hover .icon{background-color:#e6e6e6;cursor:pointer;transform:scale(1.1)}}.modal .modal-header .modal-close:active .icon{transform:scale(1)}.modal.--has-close .modal-header{padding-right:60px}.modal .modal-body{display:block;padding:20px}.modal.--has-close .modal-header .modal-close{display:block}@media(max-width:709px){.modal-container{align-items:flex-end;padding-bottom:0;padding-top:calc(env(safe-area-inset-top) + 12px)}.modal{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}}.lists-menu{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr;padding:16px}.lists-menu .list-menu-item{align-items:center;background-color:#0000;border:none;border-radius:12px;display:flex;gap:12px;height:50px;justify-content:space-between;min-width:0;outline:none;padding:0 16px 0 54px;position:relative;text-decoration:none;width:100%}.lists-menu .list-menu-item:after{background-color:#0000;border:1px solid #000;border-radius:12px;content:"";display:none;height:100%;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;width:100%}.lists-menu .list-menu-item .icon{background-color:#333;border-radius:50%;display:block;height:30px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:30px}.lists-menu .list-menu-item .icon svg{fill:#fff;display:block;height:auto;left:50%;max-height:14px;max-width:14px;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.lists-menu .list-menu-item .icon:after{background-color:#0000;border:1px solid #000;border-radius:50%;content:"";display:block;height:100%;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;width:100%}.lists-menu .list-menu-item .name{color:#333;display:block;font-size:16px;font-weight:400;line-height:1em;overflow:hidden;padding:4px 0;position:relative;text-overflow:ellipsis;white-space:nowrap}.lists-menu .list-menu-item .count{background-color:#0000000d;border-radius:4px;display:block;height:auto;position:relative;width:auto}.lists-menu .list-menu-item .count span{color:#666;display:block;font-size:12px;font-weight:400;line-height:1em;padding:3px 4px;position:relative}@media(hover:hover){.lists-menu .list-menu-item:hover{background-color:#efefef}.lists-menu .list-menu-item:hover:after{display:block}}.lists-menu .list-menu-item.--pink .icon{background-color:#ca4fa8}.lists-menu .list-menu-item.--pink.--active{background-color:#ca4fa833}.lists-menu .list-menu-item.--pink.--active:after{display:block}.lists-menu .list-menu-item.--red .icon{background-color:#d04747}.lists-menu .list-menu-item.--red.--active{background-color:#d0474733}.lists-menu .list-menu-item.--red.--active:after{display:block}.lists-menu .list-menu-item.--orange .icon{background-color:#c57701}.lists-menu .list-menu-item.--orange.--active{background-color:#c5770133}.lists-menu .list-menu-item.--orange.--active:after{display:block}.lists-menu .list-menu-item.--olive .icon{background-color:#749101}.lists-menu .list-menu-item.--olive.--active{background-color:#74910133}.lists-menu .list-menu-item.--olive.--active:after{display:block}.lists-menu .list-menu-item.--green .icon{background-color:#3ba365}.lists-menu .list-menu-item.--green.--active{background-color:#3ba36533}.lists-menu .list-menu-item.--green.--active:after{display:block}.lists-menu .list-menu-item.--teal .icon{background-color:#26a3a3}.lists-menu .list-menu-item.--teal.--active{background-color:#26a3a333}.lists-menu .list-menu-item.--teal.--active:after{display:block}.lists-menu .list-menu-item.--deep-blue .icon{background-color:#236abd}.lists-menu .list-menu-item.--deep-blue.--active{background-color:#236abd33}.lists-menu .list-menu-item.--deep-blue.--active:after{display:block}.lists-menu .list-menu-item.--sky-blue .icon{background-color:#1fa8e3}.lists-menu .list-menu-item.--sky-blue.--active{background-color:#1fa8e333}.lists-menu .list-menu-item.--sky-blue.--active:after{display:block}.lists-menu .list-menu-item.--lilac .icon{background-color:#9d62d9}.lists-menu .list-menu-item.--lilac.--active{background-color:#9d62d933}.lists-menu .list-menu-item.--lilac.--active:after{display:block}.no-lists-message{color:#333;display:block;font-size:14px;font-weight:400;padding:20px 5%;position:relative;text-align:center;width:100%}.add-list-button{align-items:center;background-color:#333;border:none;border-radius:100px;display:flex;gap:16px;height:50px;justify-content:center;outline:none;padding:0 16px;position:relative;width:100%}.add-list-button svg{fill:#fff;display:block;height:auto;max-height:16px;max-width:16px;position:relative;width:auto}.add-list-button span{color:#fff;display:block;font-size:16px;font-weight:400;line-height:1em;padding:4px 0;position:relative}.lists-menu-skeleton{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr;padding:16px}.lists-menu-skeleton .item{align-items:center;background-color:#f5f5f5;border-radius:12px;display:flex;height:50px;justify-content:flex-start;padding:0 16px 0 54px;position:relative;width:100%}.lists-menu-skeleton .item .icon{background-color:#ddd;border-radius:50%;display:block;height:30px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:30px}.lists-menu-skeleton .item .text{background-color:#ddd;border-radius:100px;display:block;height:16px;position:relative;width:100%}.lists-menu-skeleton .item:first-child .text{width:80%}.lists-menu-skeleton .item:nth-child(2) .text{width:40%}.lists-menu-skeleton .item:nth-child(3) .text{width:90%}.add-item-container{display:block;margin:0 auto;max-width:600px;padding:4px;position:relative;transition:margin-bottom .2s ease-in-out;width:100%;z-index:10}.add-item-container:before{background:#fff;background:linear-gradient(0deg,#fff0,#fff 35%);content:"";display:block;height:calc(100% + 20px);left:0;pointer-events:none;position:absolute;top:-1px;width:100%}.add-item-container .add-item-skeleton{background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:12px;display:block;height:60px;position:relative;width:100%}.add-item-container .add-item{background-color:#fafafa;border:1px solid #ededed;border-radius:20px;display:block;height:60px;overflow:hidden;position:relative;transition:height .2s ease-in-out;width:100%}.add-item-container .add-item .add-item-cancel{background-color:#0000;border:none;display:block;height:60px;outline:none;position:absolute;right:0;top:0;visibility:hidden;width:60px}.add-item-container .add-item .add-item-cancel .icon{background-color:#efefef;border:none;border-radius:50%;display:block;height:28px;left:calc(50% - 14px);outline:none;position:absolute;top:calc(50% - 14px);transform-origin:center;width:28px}.add-item-container .add-item .add-item-cancel .icon svg{fill:#333;display:block;height:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.add-item-container .add-item .add-item-cancel .icon:after{background-color:#0000;border:1px solid #000;border-radius:50%;content:"";display:block;height:100%;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;width:100%}@media(hover:hover){.add-item-container .add-item .add-item-cancel:hover .icon{background-color:#e6e6e6;cursor:pointer;transform:scale(1.1)}}.add-item-container .add-item .add-item-cancel:active .icon{transform:scale(1)}.add-item-container .add-item .item-name,.add-item-container .add-item .item-name-container{display:block;position:relative;width:100%}.add-item-container .add-item .item-name{background-color:#0000;border:none;color:#000;font-size:16px;height:60px;line-height:1em;outline:none;padding:0 16px}.add-item-container .add-item .item-name::placeholder{color:#888;opacity:1}.add-item-container .add-item .item-name::-ms-input-placeholder{color:#888;opacity:1}.add-item-container .add-item .item-name::-webkit-input-placeholder{color:#888;opacity:1}.add-item-container .add-item .item-description-container{display:block;opacity:0;position:relative;transition:opacity .3s ease-in-out;transition-delay:.1s;width:100%}.add-item-container .add-item .item-description-container:after{background-color:#ededed;content:"";display:block;height:1px;left:0;position:absolute;top:0;width:100%}.add-item-container .add-item .item-description{background-color:#0000;border:none;color:#000;display:block;font-size:16px;line-height:1em;outline:none;padding:20px 16px;position:relative;resize:none;width:100%}.add-item-container .add-item .item-description::placeholder{color:#888;opacity:1}.add-item-container .add-item .item-description::-ms-input-placeholder{color:#888;opacity:1}.add-item-container .add-item .item-description::-webkit-input-placeholder{color:#888;opacity:1}.add-item-container .button-container{display:flex;gap:8px;padding:0 8px 8px;position:relative;width:100%}.add-item-container .button-container .add-item-button{align-items:center;background-color:#333;border:none;border-radius:100px;color:#fff;display:flex;flex-grow:1;gap:8px;height:50px;justify-content:center;outline:none;position:relative;transform-origin:center;width:auto;z-index:1}.add-item-container .button-container .add-item-button:after{background-color:#0000;border:1px solid #000;border-radius:100px;content:"";display:block;height:100%;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.add-item-container .button-container .add-item-button span{display:block;font-size:16px;font-weight:500;line-height:1em;margin:0;padding:4px 0;position:relative}.add-item-container .button-container .add-item-button svg{fill:#fff;display:block;height:20px;position:relative;width:20px}@media(hover:hover){.add-item-container .button-container .add-item-button:hover:after{background-color:#000}}.add-item-container .button-container .add-item-button:active{transform:scale(.98)}.add-item-container .button-container .add-item-button .button-loader{background-color:#0000;display:none;height:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;z-index:2}.add-item-container .button-container .add-item-button .button-loader svg{fill:#fff;animation:stepped-spin .8s steps(8) infinite;display:block;height:100%;position:relative;width:100%}.add-item-container .button-container .add-item-button.--loading span{opacity:.2}.add-item-container .button-container .add-item-button.--loading .button-loader{display:block}.add-item-container .button-container .add-item-button.--loading:after{display:none!important}.add-item-container .button-container .add-image-button{background-color:#0000;border:none;border-radius:12px;display:block;height:50px;outline:none;position:relative;transform-origin:center;width:50px}.add-item-container .button-container .add-image-button:after{background-color:#0000;border:1px solid #000;border-radius:12px;content:"";display:block;height:100%;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;visibility:hidden;width:100%}.add-item-container .button-container .add-image-button svg{fill:#333;display:block;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@media(hover:hover){.add-item-container .button-container .add-image-button:hover{background-color:#efefef;cursor:pointer}.add-item-container .button-container .add-image-button:hover:after{visibility:visible}}.add-item-container .button-container .add-image-button:active{transform:scale(.95)}.add-item-container.--active .add-item{border-bottom-left-radius:33px;border-bottom-right-radius:33px;height:224px}.add-item-container.--active .add-item .item-name-container{width:calc(100% - 56px)}.add-item-container.--active .add-item .add-item-cancel{opacity:1;visibility:visible}.add-item-container.--active .add-item .item-description-container{opacity:1}.add-item-container.--pink .add-item-button{background-color:#ca4fa8}.add-item-container.--red .add-item-button{background-color:#d04747}.add-item-container.--orange .add-item-button{background-color:#c57701}.add-item-container.--olive .add-item-button{background-color:#749101}.add-item-container.--green .add-item-button{background-color:#3ba365}.add-item-container.--teal .add-item-button{background-color:#26a3a3}.add-item-container.--deep-blue .add-item-button{background-color:#236abd}.add-item-container.--sky-blue .add-item-button{background-color:#1fa8e3}.add-item-container.--lilac .add-item-button{background-color:#9d62d9}.add-item-container.--disabled .add-item-button{background-color:#ccc!important;pointer-events:none}@media(max-width:709px){.add-item-container{left:0;padding:8px;position:-webkit-sticky;position:sticky;top:calc(env(safe-area-inset-top) + 74px)}.--has-status .add-item-container{top:calc(env(safe-area-inset-top) + 114px)}.--has-status .add-item-container:before{top:-2px}}.list-items{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin:0 auto;max-width:600px;padding:16px;position:relative;width:100%}.list-items .no-items-message{color:#888;display:block;font-size:14px;font-weight:400;padding:0 5%;position:relative;text-align:center;width:100%}.list-items .list-item{grid-gap:8px;display:grid;gap:8px;grid-template-columns:50px 1fr;padding-right:11px;position:relative}.list-items .list-item:after{background-color:#f5f5f5;bottom:-4px;content:"";display:block;height:1px;left:50px;position:absolute;width:calc(100% - 50px)}.list-items .list-item:last-child:after{display:none}.list-items .list-item .list-item-checkbox{background-color:#0000;border:none;display:block;height:50px;margin:0;outline:none;padding:0;position:relative;transform-origin:center;width:50px}.list-items .list-item .list-item-checkbox .circle{background-color:#0000;border:2px solid #ccc;border-radius:50%;display:block;height:28px;left:calc(50% - 14px);pointer-events:none;position:absolute;top:calc(50% - 14px);visibility:visible;width:28px}.list-items .list-item .list-item-checkbox .circle:after{background-color:#ccc;border-radius:50%;content:"";display:none;height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}.list-items .list-item .list-item-checkbox .spinner{display:block;height:50px;left:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:50px}.list-items .list-item .list-item-checkbox .spinner svg{fill:#ccc;animation:stepped-spin .8s steps(8) infinite;display:block;height:20px;left:calc(50% - 10px);position:absolute;top:calc(50% - 10px);width:20px}.list-items .list-item .list-item-checkbox:active{transform:scale(.9)}.list-items .list-item .list-item-body{align-items:flex-start;background-color:#0000;border:none;color:inherit;display:flex;flex-direction:column;height:auto;justify-content:center;min-height:50px;min-width:0;outline:none;padding:8px 0;position:relative;width:100%}.list-items .list-item .list-item-body .name{color:#333;display:inline-block;font-size:16px;line-height:1em;margin-left:-2px;max-width:100%;min-width:0;overflow:hidden;padding:4px;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.list-items .list-item .list-item-body .name:after{background-color:#333;bottom:10px;content:"";display:block;height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s;width:100%;z-index:2}.list-items .list-item .list-item-body .name:before{background-color:#fff9;bottom:-2px;content:"";display:block;height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;transition:opacity .15s;width:calc(100% + 4px);z-index:1}.list-items .list-item .list-item-body .description{color:#888;display:block;font-size:14px;line-height:1.2em;padding:4px;position:relative;text-align:left;transition:opacity .15s;width:100%}.list-items .list-item.--active .list-item-checkbox .circle:after{display:block}.list-items .list-item.--active .list-item-body .name:after{transform:scaleX(1)}.list-items .list-item.--active .list-item-body .name:before{opacity:1}.list-items .list-item.--active .list-item-body .description{opacity:.5}.list-items .list-item.--loading .list-item-checkbox .spinner{visibility:visible}.list-items .list-item.--disabled .list-item-checkbox{opacity:.5;pointer-events:none}.list-items .list-item.--disabled .list-item-checkbox .circle{border-color:#ccc!important}.list-items .list-item.--disabled .list-item-checkbox .circle:after{background-color:#ccc!important}.list-items.--pink .list-item.--active .list-item-checkbox .circle{border-color:#ca4fa8}.list-items.--pink .list-item.--active .list-item-checkbox .circle:after{background-color:#ca4fa8}.list-items.--pink .list-item.--active.--loading .list-item-checkbox .circle:after{display:none}.list-items.--pink .list-item.--active.--loading .list-item-checkbox .spinner svg{fill:#ca4fa8}.list-items.--red .list-item.--active .list-item-checkbox .circle{border-color:#d04747}.list-items.--red .list-item.--active .list-item-checkbox .circle:after{background-color:#d04747}.list-items.--red .list-item.--active.--loading .list-item-checkbox .circle:after{display:none}.list-items.--red .list-item.--active.--loading .list-item-checkbox .spinner svg{fill:#d04747}.list-items.--orange .list-item.--active .list-item-checkbox .circle{border-color:#c57701}.list-items.--orange .list-item.--active .list-item-checkbox .circle:after{background-color:#c57701}.list-items.--orange .list-item.--active.--loading .list-item-checkbox .circle:after{display:none}.list-items.--orange .list-item.--active.--loading .list-item-checkbox .spinner svg{fill:#c57701}.list-items.--olive .list-item.--active .list-item-checkbox .circle{border-color:#749101}.list-items.--olive .list-item.--active .list-item-checkbox .circle:after{background-color:#749101}.list-items.--olive .list-item.--active.--loading .list-item-checkbox .circle:after{display:none}.list-items.--olive .list-item.--active.--loading .list-item-checkbox .spinner svg{fill:#749101}.list-items.--green .list-item.--active .list-item-checkbox .circle{border-color:#3ba365}.list-items.--green .list-item.--active .list-item-checkbox .circle:after{background-color:#3ba365}.list-items.--green .list-item.--active.--loading .list-item-checkbox .circle:after{display:none}.list-items.--green .list-item.--active.--loading .list-item-checkbox .spinner svg{fill:#3ba365}.list-items.--teal .list-item.--active .list-item-checkbox .circle{border-color:#26a3a3}.list-items.--teal .list-item.--active .list-item-checkbox .circle:after{background-color:#26a3a3}.list-items.--teal .list-item.--active.--loading .list-item-checkbox .circle:after{display:none}.list-items.--teal .list-item.--active.--loading .list-item-checkbox .spinner svg{fill:#26a3a3}.list-items.--deep-blue .list-item.--active .list-item-checkbox .circle{border-color:#236abd}.list-items.--deep-blue .list-item.--active .list-item-checkbox .circle:after{background-color:#236abd}.list-items.--deep-blue .list-item.--active.--loading .list-item-checkbox .circle:after{display:none}.list-items.--deep-blue .list-item.--active.--loading .list-item-checkbox .spinner svg{fill:#236abd}.list-items.--sky-blue .list-item.--active .list-item-checkbox .circle{border-color:#1fa8e3}.list-items.--sky-blue .list-item.--active .list-item-checkbox .circle:after{background-color:#1fa8e3}.list-items.--sky-blue .list-item.--active.--loading .list-item-checkbox .circle:after{display:none}.list-items.--sky-blue .list-item.--active.--loading .list-item-checkbox .spinner svg{fill:#1fa8e3}.list-items.--lilac .list-item.--active .list-item-checkbox .circle{border-color:#9d62d9}.list-items.--lilac .list-item.--active .list-item-checkbox .circle:after{background-color:#9d62d9}.list-items.--lilac .list-item.--active.--loading .list-item-checkbox .circle:after{display:none}.list-items.--lilac .list-item.--active.--loading .list-item-checkbox .spinner svg{fill:#9d62d9}.colour-selector{align-items:center;display:flex;flex-wrap:wrap;gap:8px;position:relative;width:100%}.colour-selector .option{background-color:#0000;border:none;display:block;height:44px;margin:0;outline:none;padding:0;position:relative;width:44px;z-index:1}.colour-selector .option .icon{background-color:#000;border-radius:50%;display:block;height:44px;left:calc(50% - 22px);position:absolute;top:calc(50% - 22px);transform-origin:center;width:44px;z-index:1}.colour-selector .option:after{border:4px solid #333;border-radius:50%;content:"";display:none;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:2}.colour-selector .option:hover .icon{cursor:pointer;transform:scale(.9)}.colour-selector .option.--pink .icon{background-color:#ca4fa8}.colour-selector .option.--pink:after{border-color:#ca4fa8}.colour-selector .option.--red .icon{background-color:#d04747}.colour-selector .option.--red:after{border-color:#d04747}.colour-selector .option.--orange .icon{background-color:#c57701}.colour-selector .option.--orange:after{border-color:#c57701}.colour-selector .option.--olive .icon{background-color:#749101}.colour-selector .option.--olive:after{border-color:#749101}.colour-selector .option.--green .icon{background-color:#3ba365}.colour-selector .option.--green:after{border-color:#3ba365}.colour-selector .option.--teal .icon{background-color:#26a3a3}.colour-selector .option.--teal:after{border-color:#26a3a3}.colour-selector .option.--deep-blue .icon{background-color:#236abd}.colour-selector .option.--deep-blue:after{border-color:#236abd}.colour-selector .option.--sky-blue .icon{background-color:#1fa8e3}.colour-selector .option.--sky-blue:after{border-color:#1fa8e3}.colour-selector .option.--lilac .icon{background-color:#9d62d9}.colour-selector .option.--lilac:after{border-color:#9d62d9}.colour-selector .option.--active .icon{border:8px solid #fff}.colour-selector .option.--active:after{display:block}.icon-selector{align-items:center;display:flex;flex-wrap:wrap;gap:8px;position:relative;width:100%}.icon-selector .option{background-color:#0000;border:none;display:block;height:44px;margin:0;outline:none;padding:0;position:relative;width:44px;z-index:1}.icon-selector .option .icon{background-color:#efefef;border-radius:50%;display:block;height:44px;left:calc(50% - 22px);position:absolute;top:calc(50% - 22px);transform-origin:center;width:44px;z-index:1}.icon-selector .option .icon svg{fill:#333;display:block;height:auto;left:50%;max-height:24px;max-width:24px;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.icon-selector .option:hover .icon{cursor:pointer;transform:scale(.9)}.icon-selector .option.--active .icon{background-color:#333}.icon-selector .option.--active .icon svg{fill:#fff}.share-code{align-items:center;background-color:#f5f5f5;border-radius:20px;box-shadow:inset 0 0 0 1px #0000001a;display:flex;gap:10px;height:100px;justify-content:center}.share-code span{color:#333;display:block;font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-size:36px;font-style:normal;font-weight:700;line-height:1em}@media(prefers-color-scheme:dark){.app,body{background-color:#000}.sidebar{background-color:#333}.sidebar,.sidebar .sidebar-left{border-color:#464646}.sidebar .sidebar-left .sidebar-left-top .logo svg{fill:#fff}.sidebar .sidebar-left .user{background-color:#464646}.sidebar .sidebar-left .user svg{fill:#fff}.sidebar .lists .header{background:#fafafa;background:linear-gradient(180deg,#333 50%,#3330)}.sidebar .lists .header span{color:#fff}.sidebar .lists .header button .icon{background-color:#464646}.sidebar .lists .header button .icon svg{fill:#fff}.sidebar .lists .header button:hover .icon{background-color:#505050}.mobile-menu .header{background-color:#333;border-color:#464646}.mobile-menu .header .header-status{border-color:#464646}.mobile-menu .header .header-container span,.mobile-menu .header .header-status span{color:#fff}.mobile-menu .header .header-container button .icon{background-color:#464646}.mobile-menu .header .header-container button .icon svg{fill:#fff}.mobile-menu .header .header-container button:hover .icon{background-color:#505050}.lists-menu .list-menu-item:after{border:1px solid #fff}.lists-menu .list-menu-item .name{color:#fff}.lists-menu .list-menu-item .count{background-color:#fff3}.lists-menu .list-menu-item .count span{color:#fff}.lists-menu .list-menu-item:hover,.lists-menu-skeleton .item{background-color:#464646}.lists-menu-skeleton .item .icon,.lists-menu-skeleton .item .text{background-color:#555}.no-lists-message{color:#888}.add-list-button{background-color:#fff}.add-list-button span{color:#333}.add-list-button svg{fill:#333}main .header .header-status{border-color:#464646}main .header .header-container .title span,main .header .header-status span{color:#fff}main .header .header-container .title .icon{background-color:#3336}main .header .header-container .title.--pink .icon{background-color:#ca4fa866}main .header .header-container .title.--pink .icon svg{fill:#ca4fa8}main .header .header-container .title.--red .icon{background-color:#d0474766}main .header .header-container .title.--red .icon svg{fill:#d04747}main .header .header-container .title.--orange .icon{background-color:#c5770166}main .header .header-container .title.--orange .icon svg{fill:#c57701}main .header .header-container .title.--olive .icon{background-color:#74910166}main .header .header-container .title.--olive .icon svg{fill:#749101}main .header .header-container .title.--green .icon{background-color:#3ba36566}main .header .header-container .title.--green .icon svg{fill:#3ba365}main .header .header-container .title.--teal .icon{background-color:#26a3a366}main .header .header-container .title.--teal .icon svg{fill:#26a3a3}main .header .header-container .title.--deep-blue .icon{background-color:#236abd66}main .header .header-container .title.--deep-blue .icon svg{fill:#236abd}main .header .header-container .title.--sky-blue .icon{background-color:#1fa8e366}main .header .header-container .title.--sky-blue .icon svg{fill:#1fa8e3}main .header .header-container .title.--lilac .icon{background-color:#9d62d966}main .header .header-container .title.--lilac .icon svg{fill:#9d62d9}main .header .header-container .header-button .icon{background-color:#464646}main .header .header-container .header-button .icon svg{fill:#fff}main .header .header-container .header-button:hover .icon{background-color:#505050}}@media(prefers-color-scheme:dark)and (max-width:709px){main .header{background-color:#333;border-color:#464646}}@media(prefers-color-scheme:dark){.add-item-container:before{background:#000;background:linear-gradient(0deg,#0000,#000 35%)}.add-item-container .add-item{background-color:#333;border-color:#464646}.add-item-container .add-item .add-item-cancel .icon{background-color:#464646}.add-item-container .add-item .add-item-cancel .icon svg{fill:#fff}.add-item-container .add-item .add-item-cancel:hover .icon{background-color:#505050}.add-item-container .add-item .item-description,.add-item-container .add-item .item-name{color:#fff}.add-item-container .add-item .item-description-container:after{background-color:#464646}.add-item-container .add-item .add-image-button{background-color:#0000}.add-item-container .add-item .add-image-button svg{fill:#fff}.list-items .list-item:after{background-color:#333}.list-items .list-item .list-item-body .name{color:#fff}.list-items .list-item .list-item-body .name:after{background-color:#fff}.list-items .list-item .list-item-body .name:before{background-color:#0006}.list-items .list-item .list-item-body .description{color:#888}.modal,.modal .modal-header{background-color:#333;border-color:#464646}.modal .modal-header .modal-title svg{fill:#fff}.modal .modal-header .modal-title h2{color:#fff}.modal .modal-header .modal-close .icon{background-color:#464646}.modal .modal-header .modal-close .icon svg{fill:#fff}.modal .modal-header .modal-close:hover .icon{background-color:#505050}.modal .modal-body{color:#fff}.modal .modal-footer{background-color:#333;border-color:#464646}.modal .modal-footer button{background-color:#464646;color:#fff}.modal .modal-footer button:hover{background-color:#505050}.icon-selector .option .icon{background-color:#464646}.icon-selector .option .icon svg{fill:#fff}.icon-selector .option:hover .icon{background-color:#505050}.icon-selector .option.--active .icon{background-color:#fff}.icon-selector .option.--active .icon svg{fill:#333}.colour-selector .option.--active .icon{border:8px solid #333}.colour-selector .option.--active:after{display:block}.button{background-color:#464646}.button:after{border-color:#fff}.button:before{background-color:#fff}.button .button-content span{color:#fff}.button .button-content svg,.button .button-loader svg{fill:#fff}.button.--primary{background-color:#fff}.button.--primary .button-content span{color:#333}.button.--primary .button-content svg,.button.--primary .button-loader svg{fill:#333}.button.--primary:before{background-color:#000}.button-text:before{background-color:#fff}.button-text .button-content span{color:#fff}.button-text .button-content svg{fill:#fff}.button-text .button-loader svg{fill:#fff!important}.form .form-group label{color:#fff}.form .form-group .form-input{background-color:#383838;border:1px solid #505050;color:#fff}.form .form-group .form-input:focus{border-color:silver;outline:2px solid #ffffff1a}.spacer .line{background-color:#464646}.spacer .text{color:#908f8f}.context-menu{background-color:#333;box-shadow:0 8px 16px #0000001a,inset 0 0 0 1px #ffffff1a}.context-menu .close-button .icon{background-color:#464646}.context-menu .close-button .icon svg{fill:#fff}.context-menu .close-button:hover .icon{background-color:#505050}.context-menu .context-menu-item:before{background-color:#fff!important}.context-menu .context-menu-item:after{box-shadow:inset 0 0 0 1px #ffffff0f!important}.context-menu .context-menu-item span{color:#fff!important}.context-menu .context-menu-item .item-icon svg{fill:#fff!important}.context-menu .context-menu-item.--danger span{color:#d04747!important}.context-menu .context-menu-item.--danger .item-icon svg{fill:#d04747!important}.context-menu .context-menu-divider{background-color:#ffffff1a!important}.share-code{background-color:#464646;box-shadow:inset 0 0 0 1px #ffffff1a}.share-code span{color:#fff}}
/*# sourceMappingURL=main.445543af.css.map*/