.starship-v2 {
    .starship-range-picker-dropdown {
        .ant-picker-header {
            border-bottom: 1px solid var(--neutral-300);
        }
        .ant-picker-header-view {
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: var(--neutral-600);
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .ant-picker-time-panel,
        .ant-picker-time-panel-column:not(:first-child) {
            border-left: 1px solid var(--neutral-300);
        }
        .ant-picker-panel {
            border: 1px solid var(--neutral-300);
        }
        .ant-picker-time-panel-column {
            padding-top: 8px;
        }
        .ant-picker-time-panel-cell {
            div {
                color: var(--neutral-900) !important;
                font-weight: 500;
                font-size: 13px;
                line-height: 16px !important;
                letter-spacing: 0.4px;
                width: 45px !important;
                height: 32px !important;
                align-items: center;
                display: flex !important;
                padding: 0px !important;
                justify-content: center;
                padding-top: 1px;
                margin: auto;
            }
            &:hover {
                div {
                    background-color: var(--neutral-300) !important;
                }
            }
            &.ant-picker-time-panel-cell-selected {
                div {
                    background-color: var(--primary-100) !important;
                    color: var(--neutral-100) !important;
                }
            }
        }

        .ant-picker-panel-container {
            background-color: var(--neutral-200);
            border-radius: 8px;
            box-shadow:
                0px 38.8889px 46.8519px rgba(0, 0, 0, 0.05),
                0px 23.1111px 25.4815px rgba(0, 0, 0, 0.04),
                0px 12px 13px rgba(0, 0, 0, 0.04),
                0px 4.88889px 6.51852px rgba(0, 0, 0, 0.03),
                0px 1.11111px 3.14815px rgba(0, 0, 0, 0.02);
        }
        .ant-picker-range-arrow {
            &::after {
                border-color: var(--neutral-200) var(--neutral-200) transparent transparent;
            }
        }
        .ant-picker-content {
            thead {
                th {
                    font-weight: 500;
                    font-size: 13px;
                    line-height: 16px;
                    letter-spacing: 0.4px;
                    color: var(--neutral-900);
                }
            }
        }
        .ant-picker-header {
            padding: 1px 16px;
            button {
                color: var(--neutral-1000);
                font-size: 14px;
                font-weight: 400;
                &:hover,
                &:focus {
                    color: var(--primary-100);
                }
            }
        }
        .ant-picker-cell-inner {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            height: 32px;
            width: 32px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border-radius: 24px;
            padding-top: 1px;
            color: var(--neutral-900);
        }
        .ant-picker-cell-today {
            .ant-picker-cell-inner {
                border: 1px solid var(--neutral-800);
                border-radius: 24px;
                &::before {
                    display: none;
                }
            }
        }

        .ant-picker-cell-selected {
            .ant-picker-cell-inner {
                border: 1px solid var(--primary-100);
                background-color: var(--primary-100);
                color: var(--neutral-100);
            }
        }
        .ant-picker-ok {
            margin-left: 0px;
            .ant-btn {
                text-shadow: none;
                box-shadow: none;
                background-color: var(--neutral-300);
                background: var(--neutral-300);
                color: var(--neutral-700);
                border: 1px solid var(--neutral-300);
                font-weight: 500;
                font-size: 12px;
                line-height: 16px;
                padding: 4px 12px;
                padding-top: 3px;
                border-radius: 8px;
                &[disabled] {
                    &:hover,
                    &:focus {
                        background-color: var(--neutral-300);
                        background: var(--neutral-300);
                        color: var(--neutral-700);
                    }
                }
                &:hover,
                &:focus {
                    background-color: var(--neutral-400);
                    background: var(--neutral-400);
                    color: var(--neutral-800);
                }
            }
        }
        /*scroll bar*/
        /* width */
        ::-webkit-scrollbar {
            width: 2px;
        }

        /* Track */
        ::-webkit-scrollbar-track {
            background: var(--neutral-200);
        }

        /* Handle */
        ::-webkit-scrollbar-thumb {
            background: var(--neutral-400);
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: var(--neutral-300);
        }
        /*scroll bar*/
    }

    .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
    .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(
            .ant-picker-cell-range-end
        ):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
        .ant-picker-cell-inner {
        background-color: var(--neutral-300);
        &::before {
            border: 1px solid var(--neutral-300);
        }
    }

    .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single:after,
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover:after,
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(
            .ant-picker-cell-range-start
        ):not(.ant-picker-cell-range-end):after,
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single:after,
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover:after,
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(
            .ant-picker-cell-range-start
        ):not(.ant-picker-cell-range-end):after,
    .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range):after {
        border-top: 1px dashed var(--primary-100);
        border-bottom: 1px dashed var(--primary-100);
    }
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(
            .ant-picker-cell-range-hover-edge-start-near-range
        ):after,
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after,
    .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after,
    tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after,
    tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child:after {
        border-left: 1px dashed var(--primary-100);
    }
    .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after,
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(
            .ant-picker-cell-range-hover-edge-end-near-range
        ):after,
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after,
    tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after,
    tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child:after {
        border-right: 1px dashed var(--primary-100);
    }
    .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,
    .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
    .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
        border: 1px solid var(--primary-100);
        background-color: var(--primary-100);
        color: var(--neutral-100);
    }
    .ant-picker-cell-in-view.ant-picker-cell-in-range:before {
        border: 1px solid var(--primary-100);
        background-color: var(--primary-100);
    }
    .ant-picker-cell-in-range div {
        color: var(--neutral-100) !important;
    }

    .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):before,
    .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):before {
        background-color: var(--primary-100);
    }

    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover:before,
    .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover:before,
    .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
            .ant-picker-cell-range-end-single
        ).ant-picker-cell-range-hover-end:before,
    .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover:before,
    .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
            .ant-picker-cell-range-start-single
        ).ant-picker-cell-range-hover-start:before,
    .ant-picker-panel
        > :not(.ant-picker-date-panel)
        .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end:before,
    .ant-picker-panel
        > :not(.ant-picker-date-panel)
        .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start:before {
        background-color: var(--primary-100);
    }

    .ant-picker-date-panel
        .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
        .ant-picker-cell-inner:after,
    .ant-picker-date-panel
        .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
        .ant-picker-cell-inner:after {
        background-color: var(--primary-100);
    }
    .ant-picker-cell:before {
        height: 32px;
    }
    .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(
            .ant-picker-cell-range-end
        )
        .ant-picker-cell-inner {
        border-radius: 0;
    }
    .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(
            .ant-picker-cell-range-start
        )
        .ant-picker-cell-inner {
        border-radius: 0;
    }
}