*{padding:0;margin:0;font-family:Outfit,sans-serif;list-style:none}body{background-color:#f5f1ee}a{text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.shimmer,.shimmer-200{background:linear-gradient(-45deg,#e1d8d1,#ebe5e0,#e1d8d1);background-size:200% 100%;animation-name:shimmer;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}.shimmer-200{animation-delay:-.5s}svg.spinner{height:22px;width:22px;fill:none;stroke:#f3f3f3;stroke-width:10px;stroke-dasharray:100.5309649149px;animation:spin 1s linear infinite}.primary{color:#6e9f9b}.body-1{font-weight:300;font-size:1rem;letter-spacing:-.04rem;color:#1b1c1c}.body-2{font-weight:300;font-size:.875rem;letter-spacing:-.04rem;color:#1b1c1c}.caption-1{font-weight:300;font-size:.75rem;letter-spacing:-.04rem;color:#878c8c}.caption-2{font-weight:300;font-size:.625rem;letter-spacing:-.04rem;color:#878c8c}button.secondary.small,button.primary.small,button.tertiary.small{height:36px;font-size:.875rem}button[primary],button.primary,a.button-primary{width:100%;height:44px;max-height:100%;font-size:1rem;box-sizing:border-box;outline:none;border:none;border-radius:22px;padding:0 20px;display:flex;align-items:center;column-gap:8px;justify-content:center;background-color:#6e9f9b;color:#fff}button[primary]:hover:not(:disabled),button.primary:hover:not(:disabled),a.button-primary:hover:not(:disabled){filter:brightness(90%)}button[primary]:disabled,button.primary:disabled,a.button-primary:disabled{background-color:#e1e2e2}button[tertiary],button.tertiary,a.button-tertiary{width:100%;height:44px;max-height:100%;font-size:1rem;box-sizing:border-box;outline:none;border:none;border-radius:22px;padding:0 20px;display:flex;align-items:center;column-gap:8px;justify-content:center;background-color:#fff;color:#1b1c1c}button[tertiary]:hover:not(:disabled),button.tertiary:hover:not(:disabled),a.button-tertiary:hover:not(:disabled){filter:brightness(90%)}button[tertiary]:disabled,button.tertiary:disabled,a.button-tertiary:disabled{background-color:#e1e2e2}button[secondary],button.secondary,a.button-secondary{width:100%;height:44px;max-height:100%;font-size:1rem;box-sizing:border-box;outline:none;border:none;border-radius:22px;padding:0 20px;display:flex;align-items:center;column-gap:8px;justify-content:center;background-color:transparent;color:#1b1c1c;border:1px solid #878c8c}button[secondary-inverted],button.secondary-inverted,a.button-secondary-inverted{width:100%;height:44px;max-height:100%;font-size:1rem;box-sizing:border-box;outline:none;border:none;border-radius:22px;padding:0 20px;display:flex;align-items:center;column-gap:8px;justify-content:center;background-color:transparent;color:#fff;border:1px solid #ffffff}button[secondary]:hover,button.secondary:hover,a.button-secondary:hover{filter:brightness(90%)}button[secondary]:disabled,button.secondary:disabled,a.button-secondary:disabled{background-color:#e1e2e2}button.floating-button{display:flex;justify-content:center;align-items:center;width:fit-content;padding:0 24px;position:absolute;margin:0 20px;right:0;bottom:44px;column-gap:8px}button.floating-button path{stroke:#fff}input[type=checkbox]{display:none}label.checkbox{pointer-events:none}label.checkbox:before{content:"";transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:block;height:24px;width:24px;border:1px solid #cfd1d1;box-sizing:border-box;border-radius:4px}input[type=checkbox]:checked+label.checkbox:before{background-color:#6e9f9b;border:none;background-image:url("./media/tick-VMGDBWHL.svg");background-position:center;background-repeat:no-repeat}.page{padding:8px 20px 20px;height:100svh;box-sizing:border-box;background-color:#fff}.ash{background-color:#f6f5f5}.grey{background-color:#676767}.sky{background-color:#a5e3ff}.mint{background-color:#acffee}.fresh{background-color:#a0ff9b}.lilac{background-color:#d5ceff}.purple{background-color:#8394ff}.red{background-color:#ff8284}.yellow{background-color:#ffeea8}.orange{background-color:#ffc17b}.dialog-title{font-weight:500;font-size:1.25rem;color:#1b1c1c}.dialog-title-wrapper{display:flex;justify-content:space-between;align-items:center;margin-left:20px;margin-top:11px;margin-bottom:13px}.dialog-title-wrapper button{width:44px;height:44px;border:none;background-color:transparent;display:flex;justify-content:center;align-items:center}.dialog-text-field-wrapper{margin:0 20px 16px}.dialog-description{margin:0 20px 16px;color:#515454;line-break:auto;word-wrap:break-word;font-weight:300;font-size:1rem;letter-spacing:-.04rem;color:#1b1c1c}.dialog-subtitle{font-weight:600;color:#6e9f9b}.dialog-button-wrapper{display:grid;grid-template-columns:7fr 10fr;column-gap:11px;margin-left:20px;margin-right:20px;margin-bottom:20px}.dialog-button-wrapper span{display:block}.notification{background-color:#f6d347;box-sizing:border-box;width:100%;display:flex}.notification p{padding:8px;width:100%;text-align:center;box-sizing:border-box}input.text-field{display:block;height:44px;box-sizing:border-box;border-radius:8px;border:1px solid #cfd1d1;background-color:transparent;outline:none;padding:12px;width:100%;font-weight:300;font-size:1rem;letter-spacing:-.04rem;color:#1b1c1c}input.text-field::placeholder{color:#cfd1d1}input.text-field:active,input.text-field:focus{border-color:#6e9f9b}input:read-only{color:#878c8c}label{font-weight:300;font-size:.875rem;letter-spacing:-.04rem;color:#1b1c1c;margin-bottom:8px;display:block}button.action{display:flex;justify-content:center;align-items:center;border-radius:50%;border-width:.5px;border-color:#878c8c;background-color:transparent;height:36px;width:36px;align-self:center}button.action:hover{background-color:#f9f9f9}p.errormessage{color:#fff;padding:16px;background-color:#ff5053;border-radius:8px}li.dropdown-item{height:44px;display:flex;box-sizing:border-box;padding:0 12px;align-items:center;background-color:#fff;transition:background-color .2s ease-in-out}li.dropdown-item.active{color:#6e9f9b}li.dropdown-item:hover{background-color:#f9f9f9}li.dropdown-item.action-item{background-color:#f6d347;color:#000;justify-content:center;column-gap:8px}li.dropdown-item.action-item path{stroke:#000}button.dropdown{display:block;position:relative;width:100%;height:44px;padding:12px;box-sizing:border-box;border-radius:8px;border-width:1px;border-style:solid;border-color:#cfd1d1;outline:none;text-align:start;font-weight:300;font-size:1rem;letter-spacing:-.04rem;color:#1b1c1c;background-color:transparent}button.dropdown p.placeholder{color:#cfd1d1}button.dropdown:focus{border-color:#6e9f9b}.skeleton-wrapper{padding:0 20px;box-sizing:border-box}.skeleton{border-radius:12px;box-sizing:border-box;height:82px;background-color:#ebe5e0;display:grid;align-items:center;grid-template-columns:auto 1fr;padding:23px 20px;column-gap:10px}.skeleton-detail{display:flex;justify-content:space-between;flex-direction:column;row-gap:4px}.skeleton-title{height:1.125rem;width:50%;background-color:#e1d8d1;border-radius:.5rem}.skeleton-profile-photo{height:70px;width:70px;background-color:#e1d8d1;border-radius:50%}.skeleton-body{border-radius:.5rem;height:.75rem;width:10%;background-color:#e1d8d1}.skeleton-icon{height:36px;width:36px;border-radius:50%;background-color:#e1d8d1}.sorter-wrapper{display:flex;justify-content:space-between;padding:20px;align-items:center}.sorter-wrapper p{font-weight:500;font-size:1.25rem;color:#1b1c1c}.sorter-wrapper p span{font-weight:300}.d-flex{display:flex}.d-grid{display:grid}.flex-end{justify-content:end}.flex-column{flex-direction:column}.text-center{text-align:center}.space-between{justify-content:space-between}.justify-content-center{justify-content:center}.justify-center{justify-items:center}.align-items-center{align-items:center}.p-page{padding:20px}.pw-page{padding:0 20px}.full-height{height:100%}.h1{font-weight:500;font-size:2rem;letter-spacing:-.04rem;color:#1b1c1c}.h2{font-weight:500;font-size:1.75rem;color:#1b1c1c}.h3{font-weight:500;font-size:1.5rem;color:#1b1c1c}.h4{font-weight:500;font-size:1.25rem;color:#1b1c1c}.h5{font-weight:500;font-size:1.125rem;color:#1b1c1c}.text-dim{color:#878c8c}
