.calenda-container{font-family:NotoSansThai,sans-serif!important;height:32px;position:relative}.calenda-container .custom-select{color:red;cursor:pointer;display:inline-block;margin:0}.calenda-container input{background-color:#00000080;background-image:url(../images/input/calenda.png);background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;caret-color:var(--primary-button-color-1);color:var(--primary-text-color);font-family:NotoSansThai,sans-serif;height:100%;height:32px;padding:0 40px 0 16px;width:100%}@media only screen and (min-width:550px){.calenda-container input{background-size:22px}}.calenda-container .dp__action_button{font-family:NotoSansThai,sans-serif!important}.calenda-container :deep(.dp__action_buttons),.calenda-container :deep(.dp__calendar),.calenda-container :deep(.dp__calendar_header),.calenda-container :deep(.dp__calendar_item),.calenda-container :deep(.dp__input),.calenda-container :deep(.dp__input_wrap),.calenda-container :deep(.dp__menu),.calenda-container :deep(.dp__month_year_select),.calenda-container :deep(.dp__overlay),.calenda-container :deep(.dp__selection_preview),.calenda-container :deep(.dp__time_col),.calenda-container :deep(.dp__time_input){font-family:NotoSansThai,sans-serif!important}.calenda-container .button-primary-outline:hover span{color:var(--primary-button-color-1)}.calenda-container .button-primary-outline.cancel span{color:var(--primary-button-color-1)!important}.calenda-container .button-primary-outline span{color:var(--primary-button-color-1)}.calenda-container .dp__overlay_cell_active{background:linear-gradient(180.26deg,var(--primary-button-color-1) 0,var(--primary-button-color-2) 100%)}.calenda-container .dp__action_buttons{gap:16px!important}.calenda-container .dp__calendar .dp__calendar_item[aria-pressed=true] .dp__cell_inner{background:linear-gradient(180.26deg,var(--primary-button-color-1) 0,var(--primary-button-color-2) 100%)}.calenda-container .dp__calendar .dp__calendar_item .dp__cell_inner{border-radius:30px!important}.calenda-container .dp__calendar .dp__calendar_item .dp__cell_inner.dp__today{border:1px solid var(--primary-button-color-1)}@media only screen and (min-width:550px){.calenda-container,.calenda-container input{height:40px}}:deep(.dp__menu),:deep(.dp__menu_wrap),:deep(.dp__overlay){z-index:999999!important}