@keyframes l3 {
    20% {
        background-position: 0% 0%, 50% 50%, 100% 50%;
    }

    40% {
        background-position: 0% 100%, 50% 0%, 100% 50%;
    }

    60% {
        background-position: 0% 50%, 50% 100%, 100% 0%;
    }

    80% {
        background-position: 0% 50%, 50% 50%, 100% 100%;
    }
}

.add-folder-button {
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    color: inherit;
    padding: 0;
    font: inherit;
    text-decoration: underline;
    border-radius: 0;
}

.small-text {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
}
.medium-text {
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 400;
}

.text-light {
    color: var(--text-color-light) !important;
}

.text-large {
    font-size: 90px;
    font-weight: 700;
    line-height: 0.9;
}
.text-large-2 {
    font-size: 55px;
    line-height: 1;
}

.registrationstep,
.loginstep {
    display: none;
}
.add-btn a.add {
    border: none;
    border-radius: 5px;
    height: auto;
    width: auto;
    font-size: 15px;
    font-weight: 600;
    padding: 8px 10px 9px 9px;
    cursor: pointer;
    display: inline-block;
    outline: none;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
    line-height: 18px;
    min-width: max-content;
}

.add-btn a.add::before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 3px;
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.5 4L7.5 11' stroke='%2300272B' stroke-linecap='round'/%3E%3Cpath d='M11 7.5L4 7.5' stroke='%2300272B' stroke-linecap='round'/%3E%3Cpath d='M-2.91169e-05 7.50003C-2.92976e-05 11.6355 3.36456 15 7.50014 15C11.6357 15 15.0002 11.6355 15.0002 7.50003C15.0002 3.36452 11.6357 -1.47071e-07 7.50014 -3.2784e-07C3.36456 -5.08612e-07 -2.89361e-05 3.36452 -2.91169e-05 7.50003ZM13.9735 7.50003C13.9735 11.0694 11.0696 13.9733 7.50014 13.9734C3.93069 13.9734 1.02675 11.0695 1.02668 7.50003C1.02675 3.93065 3.93069 1.02678 7.50021 1.02678C11.0695 1.02678 13.9735 3.93065 13.9735 7.50003Z' fill='%2300272B'/%3E%3C/svg%3E");
}
.appindex .main-logo-wrapper {
    min-height: 145px;
}
.getstartedindex .main-logo-wrapper {
    min-height: 20px;
}
.pw .btn-light:active,
.pw .btn-light:focus,
.pw .btn-light:hover {
    background-color: #fff !important;
    color: var(--body-color-dark) !important;
}
#bottom-sub-menu {
    transition: display 2s linear;
}

.day-options .day-radio-button {
    background-color: transparent;
    transition: background-color 0.3s ease;
    width: 100%;
    max-width: 160px;
    border-radius: 5px;
}

.day-options .day-radio-button input {
    position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin-right: 4px;
}
.day-options .day-radio-button input::before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid #000000;
    border-radius: 5px;
}

.day-options .day-radio-button input:checked:after {
    content: "";
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(219, 255, 79);
    border: 1px solid #000000;
    border-radius: 5px;
}

label[toggler-button]:has(input:checked) {
    background-color: #dbff4f;
    color: #212529;
}

.wallet-option .wallet-radio {
    display: none;
}
.wallet-option .wallet-radio:checked + label {
    color: var(--body-color-dark);
}
.wallet-option .wallet-radio:checked + label .icon {
    background-color: #8861dc;
}
.timeline-block .reminder-details-block .reminder-cards-wrapper {
    position: relative !important;
    width: auto !important;
    right: auto !important;
}
.content-bottom-bar {
    height: calc(100% - 95px);
}
.tablet-aside-bar {
    height: calc(100dvh - 268px);
}
.task-wallet-option:hover .icon,
.task-wallet-option.active .icon {
    background-color: #8861dc;
}
.task-mark-complete {
    background-color: #eeeeee;
    color: #7b8283;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: max-content;
}
.add-event-form-wrapper .profile-main-wrapper::after {
    display: none;
}
.task-content .options-item.has-icon .options-text {
    padding-left: 12px;
}
.task-card .task-content-wrapper,
.task-card .task-content-wrapper .images-block {
    display: flex;
    align-items: start;
}
.calendar-setup.setup-status-wrapper .setup-status-block::before {
    display: none;
}

.calendar-setup.setup-status-wrapper .setup-status-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 540px) {
    .calendar-setup.setup-status-wrapper .setup-status-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .calendar-setup.setup-status-wrapper .setup-status-block .btn {
        width: 100%;
        max-width: 100%;
    }
}

.dark-form input[type="date"]:focus,
.dark-form input[type="text"]:focus,
.dark-form input[type="email"]:focus,
.dark-form input[type="password"]:focus,
.dark-form input[type="number"]:focus,
.dark-form select:focus {
    background-color: var(--body-color-light);
}
.dark-form input[type="date"]:focus::placeholder,
.dark-form input[type="text"]:focus::placeholder,
.dark-form input[type="email"]:focus::placeholder,
.dark-form input[type="password"]:focus::placeholder,
.dark-form input[type="number"]:focus::placeholder {
    color: var(--body-color-dark);
}

.subscription-wrapper {
    box-shadow: 0px 0px 10px 0px #0000001a;
    border: 1px solid var(--body-color-primary);
    border-radius: 10px;
}
.subscription-btn {
    padding: 8px 10px 7px 40px;
    position: relative;
    font-size: 14px;
}
.subscription-btn::after {
    content: "";
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.596 6.23076C18.6142 4.72865 16.3855 4.72863 15.4036 6.23076L10.4461 13.8144L6.65681 11.6675C4.75841 10.5919 2.47587 12.2775 2.99011 14.3753L5.56447 24.8768C5.68038 25.3498 6.10973 25.6829 6.60329 25.6829H28.3964C28.89 25.6829 29.3193 25.3498 29.4353 24.8768L32.0095 14.3753C32.5239 12.2775 30.2413 10.5919 28.3428 11.6675L24.5535 13.8144L19.596 6.23076ZM17.7992 7.37163C17.6591 7.15704 17.3406 7.15704 17.2004 7.37162L11.6927 15.797C11.3844 16.2686 10.7551 16.4192 10.2616 16.1397L5.59155 13.4938C5.32035 13.3401 4.99426 13.5809 5.06774 13.8806L7.44454 23.5763H27.5552L29.932 13.8806C30.0053 13.5809 29.6794 13.3401 29.4082 13.4938L24.738 16.1397C24.2445 16.4192 23.6154 16.2686 23.3071 15.797L17.7992 7.37163Z' fill='%2300272B'/%3E%3Cpath d='M7.52525 27.7893C6.93502 27.7893 6.45654 28.2609 6.45654 28.8426C6.45654 29.4242 6.93502 29.8958 7.52525 29.8958H27.4743C28.0645 29.8958 28.543 29.4242 28.543 28.8426C28.543 28.2609 28.0645 27.7893 27.4743 27.7893H7.52525Z' fill='%2300272B'/%3E%3C/svg%3E%0A");
}
.subscription-btn.dark::after {
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.596 6.23076C18.6142 4.72865 16.3855 4.72863 15.4036 6.23076L10.4461 13.8144L6.65681 11.6675C4.75841 10.5919 2.47587 12.2775 2.99011 14.3753L5.56447 24.8768C5.68038 25.3498 6.10973 25.6829 6.60329 25.6829H28.3964C28.89 25.6829 29.3193 25.3498 29.4353 24.8768L32.0095 14.3753C32.5239 12.2775 30.2413 10.5919 28.3428 11.6675L24.5535 13.8144L19.596 6.23076ZM17.7992 7.37163C17.6591 7.15704 17.3406 7.15704 17.2004 7.37162L11.6927 15.797C11.3844 16.2686 10.7551 16.4192 10.2616 16.1397L5.59155 13.4938C5.32035 13.3401 4.99426 13.5809 5.06774 13.8806L7.44454 23.5763H27.5552L29.932 13.8806C30.0053 13.5809 29.6794 13.3401 29.4082 13.4938L24.738 16.1397C24.2445 16.4192 23.6154 16.2686 23.3071 15.797L17.7992 7.37163Z' fill='%23DBFF4F'/%3E%3Cpath d='M7.52525 27.7893C6.93502 27.7893 6.45654 28.2609 6.45654 28.8426C6.45654 29.4242 6.93502 29.8958 7.52525 29.8958H27.4743C28.0645 29.8958 28.543 29.4242 28.543 28.8426C28.543 28.2609 28.0645 27.7893 27.4743 27.7893H7.52525Z' fill='%23DBFF4F'/%3E%3C/svg%3E%0A");
}
.cancel-subscription-wrapper {
    line-height: 1;
}

.saving-text {
    color: #579c90;
}

.add-new-item {
    font-size: 16px;
    line-height: 1.3;
    color: var(--body-color-dark);
    text-decoration: none;
    background-color: #f6f6f6;
    padding: 10px 15px 10px 41px;
    position: relative;
    border-radius: 30px;
    display: block;
    max-width: max-content;
}
.add-new-item::after {
    content: "";
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1457_4371' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1457_4371)'%3E%3Cpath d='M7.3335 11.8334H8.66683V9.16671H11.3335V7.83337H8.66683V5.16671H7.3335V7.83337H4.66683V9.16671H7.3335V11.8334ZM8.00016 15.1667C7.07794 15.1667 6.21127 14.9917 5.40016 14.6417C4.58905 14.2917 3.8835 13.8167 3.2835 13.2167C2.6835 12.6167 2.2085 11.9112 1.8585 11.1C1.5085 10.2889 1.3335 9.42226 1.3335 8.50004C1.3335 7.57782 1.5085 6.71115 1.8585 5.90004C2.2085 5.08893 2.6835 4.38337 3.2835 3.78337C3.8835 3.18337 4.58905 2.70837 5.40016 2.35837C6.21127 2.00837 7.07794 1.83337 8.00016 1.83337C8.92238 1.83337 9.78905 2.00837 10.6002 2.35837C11.4113 2.70837 12.1168 3.18337 12.7168 3.78337C13.3168 4.38337 13.7918 5.08893 14.1418 5.90004C14.4918 6.71115 14.6668 7.57782 14.6668 8.50004C14.6668 9.42226 14.4918 10.2889 14.1418 11.1C13.7918 11.9112 13.3168 12.6167 12.7168 13.2167C12.1168 13.8167 11.4113 14.2917 10.6002 14.6417C9.78905 14.9917 8.92238 15.1667 8.00016 15.1667ZM8.00016 13.8334C9.48905 13.8334 10.7502 13.3167 11.7835 12.2834C12.8168 11.25 13.3335 9.98893 13.3335 8.50004C13.3335 7.01115 12.8168 5.75004 11.7835 4.71671C10.7502 3.68337 9.48905 3.16671 8.00016 3.16671C6.51127 3.16671 5.25016 3.68337 4.21683 4.71671C3.1835 5.75004 2.66683 7.01115 2.66683 8.50004C2.66683 9.98893 3.1835 11.25 4.21683 12.2834C5.25016 13.3167 6.51127 13.8334 8.00016 13.8334Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.add-new-item.selected {
    background-color: var(--body-color-primary);
}
.add-new-item.selected::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1457_3686' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1457_3686)'%3E%3Cpath d='M7.06683 11.5667L11.7668 6.86668L10.8335 5.93334L7.06683 9.70001L5.16683 7.80001L4.2335 8.73334L7.06683 11.5667ZM8.00016 15.1667C7.07794 15.1667 6.21127 14.9917 5.40016 14.6417C4.58905 14.2917 3.8835 13.8167 3.2835 13.2167C2.6835 12.6167 2.2085 11.9111 1.8585 11.1C1.5085 10.2889 1.3335 9.42223 1.3335 8.50001C1.3335 7.57779 1.5085 6.71112 1.8585 5.90001C2.2085 5.0889 2.6835 4.38334 3.2835 3.78334C3.8835 3.18334 4.58905 2.70834 5.40016 2.35834C6.21127 2.00834 7.07794 1.83334 8.00016 1.83334C8.92238 1.83334 9.78905 2.00834 10.6002 2.35834C11.4113 2.70834 12.1168 3.18334 12.7168 3.78334C13.3168 4.38334 13.7918 5.0889 14.1418 5.90001C14.4918 6.71112 14.6668 7.57779 14.6668 8.50001C14.6668 9.42223 14.4918 10.2889 14.1418 11.1C13.7918 11.9111 13.3168 12.6167 12.7168 13.2167C12.1168 13.8167 11.4113 14.2917 10.6002 14.6417C9.78905 14.9917 8.92238 15.1667 8.00016 15.1667ZM8.00016 13.8333C9.48905 13.8333 10.7502 13.3167 11.7835 12.2833C12.8168 11.25 13.3335 9.9889 13.3335 8.50001C13.3335 7.01112 12.8168 5.75001 11.7835 4.71668C10.7502 3.68334 9.48905 3.16668 8.00016 3.16668C6.51127 3.16668 5.25016 3.68334 4.21683 4.71668C3.1835 5.75001 2.66683 7.01112 2.66683 8.50001C2.66683 9.9889 3.1835 11.25 4.21683 12.2833C5.25016 13.3167 6.51127 13.8333 8.00016 13.8333Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.add-new-item.unselected {
    opacity: 20%;
    /* pointer-events: none; */
}

.button-look {
    background-color: var(--body-color-primary);
    max-width: max-content;
    color: var(--body-color-dark);
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.2;
}
.button-look.dark {
    background-color: var(--body-color-dark);
    color: var(--body-color-primary);
}

.cancel-btn {
    color: rgba(221, 58, 58, 0.5);
    text-decoration: none;
}

/* devices */

.devices-wrapper .button-look {
    font-size: 14px;
}

.footer-links-wrapper,
.checkout-form-wrapper,
.checkout-page .container.px-0 .checkout.tabs-bar,
.checkout-page .order-summary-info,
.checkout-page .order-summary {
    padding-left: 20px;
    padding-right: 20px;
}

.order-steps-wrapper {
    overflow: visible;
}

.order-steps-wrapper {
    justify-content: center;
    display: flex;
}

.order-steps-wrapper,
.tabs-bar {
    width: calc(100% + 40px);
    left: -20px;
    position: relative;
    overflow-x: auto;
}
.tabs-bar {
    padding: 0 20px;
}
/* .tabs-bar::-webkit-scrollbar {
	display: none;
} */
.tabs-bar .tab-button {
    min-width: max-content;
}

.tab-button.large {
    font-size: 16px;
    border-radius: 30px;
    padding: 10px 15px;
    line-height: 120%;
}
.tab-button {
    background-color: #f6f6f6;
    color: var(--body-color-dark);
    padding: 5px 10px;
    font-size: 14px;
    line-height: 150%;
    border-radius: 5px;
}
.tab-button.selected {
    background-color: var(--body-color-primary);
}

/* notification buttons */

.notifications-button {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    font-size: 0;
    position: relative;
    background-color: #fff;
}

.notifications-button.active {
    /* background-color: #dd3a3a; */
}

.notifications-button img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
}

.notification-cards-block.highlight {
    background-color: #d0ff1375;
}

/* checkout */

.wallet-pages {
    min-height: calc(100vh - 98px);
    overflow: auto;
    padding-bottom: 80px;
}
.wallet-pages.calendar-mobile {
    max-height: calc(100vh - 181px);
    overflow: hidden;
    padding-bottom: 80px;
}
.wallet-pages.calendar-mobile .reminders-main-wrapper,
.wallet-pages.calendar-mobile .calendar-timeline-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
}
.calendar-mobile .calendar-timeline-wrapper {
    position: relative;
}
.wallet-pages.calendar-mobile .calendar-timeline-wrapper {
    height: 100%;
}
.wallet-pages.calendar-mobile .calendar-timeline-wrapper .calendar-timeline {
    height: 100%;
    overflow-y: auto;
}

.checkout-page {
    background-color: #fafafa;
}

.checkout-page .checkout.tabs-bar {
    width: max-content;
    margin: 0;
    left: 0;
}
footer {
    z-index: 3;
}
.footer-links-wrapper,
.checkout-form-wrapper,
.checkout-page .container.px-0 .checkout.tabs-bar,
.checkout-page .order-summary-info,
.checkout-page .order-summary {
    padding-left: 20px;
    padding-right: 20px;
}

.order-summary-info .product-info .image-wrapper {
    width: 64px;
    height: 64px;
    position: relative;
    border: 1px solid #dedede;
    min-width: 64px;
}
.order-summary-info .product-info .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* dicount form */

.discount-form [type="submit"] {
    color: #707070;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    padding: 18px 21px;
    border-radius: 6px;
}
.discount-form .input-wrapper input {
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 50px;
    font-size: 14px;
    line-height: 1.5;
}
.discount-form .input-wrapper input:focus {
    background-color: #ffffff !important;
    border: 1px solid var(--body-color-dark);
}
.discount-form .input-wrapper input::placeholder {
    color: #707070;
}

/*  checkout form */

.payment-options {
    display: flex;
    max-width: 350px;
    margin: 0 auto;
    column-gap: 14px;
}
.payment-options .button-wrapper {
    flex: 1;
}
.payment-options .button-wrapper .btn {
    height: 48px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90% 22px;
}
.payment-options .paypal-button {
    background-color: #ffc439;
    background-image: url("../img/paypal.svg");
}
.payment-options .apple-button {
    background-color: #000000;
    background-image: url("../img/apple-pay.svg");
}

body .checkout-form-wrapper input:not([type="checkbox"]) {
    border-color: #dedede;
    font-size: 14px;
    padding: 11px;
}
body .checkout-form-wrapper input:focus {
    background-color: #fff;
}
body .checkout-form-wrapper input::placeholder {
    color: #707070;
}
body .checkout-form-wrapper input[type="checkbox"] {
    width: 18px;
    height: 18px;
    position: relative;
    top: -4px;
    border-color: #dedede;
    background-size: 15px;
    background-position: -0.5px center;
}
body .checkout-form-wrapper .dropdown-toggle {
    padding: 21px 9px 6px;
    background-color: #fff !important;
    height: 51px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    border-radius: 5px;
    border-color: #dedede;
}
.checkout-form-wrapper .dropdown .dropdown-toggle::after {
    width: 10px;
    height: 10px;
}
body .checkout-form-wrapper .dropdown-wrapper {
    position: relative;
}
body .checkout-form-wrapper .dropdown-wrapper label {
    position: absolute;
    z-index: 1;
    left: 9px;
    font-size: 12px;
    top: 8px;
    color: #707070;
    padding: 0;
    margin: 0;
    border: 0;
}
body .checkout-form-wrapper .dropdown-wrapper label::after {
    display: none;
}

.has-icon,
.phone-field-wrapper {
    position: relative;
}
body .has-icon input {
    padding-right: 36px !important;
}
.tooltip-btn {
    width: 18px;
    height: 18px;
    position: relative;
    border: 0 !important;
    background-color: transparent !important;
    outline: none !important;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translatey(-50%);
}
.tooltip-btn svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.footer-links-wrapper {
    border-top: 1px solid #dedede;
}
.footer-links-wrapper .links-wrapper {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}
.footer-links-wrapper .links-wrapper a:hover {
    text-decoration: none;
}