:root {
/* 色｜ホワイト */ --theme-global-white: #ffffff;
/* 色｜ブラック */ --theme-global-dark: #111111;
/* 人数選択モーダル｜ボーダー */ --theme-modal-accordion-icon: #8e8e8e;
/* 人数選択モーダル｜ボーダー */ --theme-modal-border: #cdcdcd;
/* アイコン｜検索 */ --theme-icon-search: url('data:image/svg+xml;utf8,');
/* アイコン｜閉じる */ --theme-icon-close: url('data:image/svg+xml;utf8,');
/* アイコン｜カレンダー */ --theme-icon-calendar: url('data:image/svg+xml;utf8,');
/* アイコン｜プルダウンの矢印 */ --theme-icon-arrow-down: url('data:image/svg+xml;utf8,');
/* アイコン｜人数選択モーダル｜プルダウン */ --theme-icon-modal-arrow-down: url('data:image/svg+xml;utf8,');
/* アイコン｜月変更の矢印 */ --theme-icon-arrow: url('data:image/svg+xml;utf8,');
/* アイコン｜年・月選択プルダウン */ --theme-icon-triangle: url('data:image/svg+xml;utf8,');
}
[data-theme-color="basic"] {
--theme-primary: #111111;
--theme-bg: #eeeeee;
--theme-border: #cdcdcd;
--theme-button-color: var(--theme-primary);
--theme-icon-color: #8e8e8e;
--theme-button-hover: #4a4a4a;
--theme-input-bg: var(--theme-global-white);
--theme-date-bg: var(--theme-global-white);
--theme-date-border: var(--theme-border);
--theme-date-piker-text: var(--theme-primary);
--theme-date-piker-sutuday: #0060c7;
--theme-date-piker-sunday: #df1100;
--theme-date-piker-month-select-icon-color: var(--theme-icon-color);
--theme-date-piker-month-select-icon-color-hover: #eeeeee;
--theme-date-picker-years-month-selection-text: var(--theme-primary);
--theme-date-piker-pullDown-icon-color: var(--theme-icon-color);
--theme-date-piker-bg-hover: #eeeeee;
--theme-date-piker-date-button-text: var(--theme-global-white);
--theme-date-piker-date-button-hover: #eeeeee;
--theme-date-piker-selected: var(--theme-primary);
--theme-date-piker-text-disabled: #11111130;
}
[data-theme-color="ots"] {
--theme-primary: #0f294d;
--theme-primary-blue: #0169d8;
--theme-bg: #ffffff;
--theme-border: #0f294d1a;
--theme-input-bg: #f2f4f8;
--theme-icon-color: var(--theme-primary-blue);
--theme-button-color: var(--theme-primary-blue);
--theme-button-hover: #108cf7;
--theme-date-bg: var(--theme-global-white);
--theme-date-border: var(--theme-border);
--theme-date-piker-text: var(--theme-primary);
--theme-date-piker-sutuday: var(--theme-primary-blue);
--theme-date-piker-sunday: #e64437;
--theme-date-piker-month-select-icon-color: var(--theme-icon-color);
--theme-date-piker-month-select-icon-color-hover: #f2f4f8;
--theme-date-picker-years-month-selection-text: var(--theme-primary);
--theme-date-piker-pullDown-icon-color: #8592a6;
--theme-date-piker-bg-hover: var(--theme-input-bg);
--theme-date-piker-date-button-text: var(--theme-global-white);
--theme-date-piker-date-button-hover: var(--theme-input-bg);
--theme-date-piker-selected: var(--theme-primary);
--theme-date-piker-text-disabled: #11111130;
}
[data-theme-color="custom"] {
/* ■共通 */
/* 共通｜文字色 */ --theme-primary: #111111;
/* 共通｜注釈 */ --theme-note: #5a5a5a;
/* 共通｜border */ --theme-border: #cdcdcd;
/* 共通｜アイコン */ --theme-icon-color: #000;
/* 共通｜塗り */ --theme-painting: var(--theme-global-white);
/* 共通｜ボタン（default） */--theme-button-color: var(--theme-primary);
/* 共通｜ボタン（hover） */ --theme-button-hover: #4a4a4a;
/* 共通｜input 背景色 */ --theme-input-bg: var(--theme-painting);
/* ■人数選択モーダル */
/* 人数選択モーダル｜背景色 */ --theme-modal-plaining: var(--theme-global-white);
/* 人数選択モーダル｜アコーディオン｜背景色*/--theme-modal-accordion-backgroundColor: #eeeeee;
/* 人数選択モーダル｜アコーディオン｜icon*/ --theme-modal-accordion-icon: #8e8e8e;
/* 人数選択モーダル｜アコーディオン｜文字色*/ --theme-modal-accordion-color: var(--theme-global-dark);
/* 人数選択モーダル｜チェックボックス｜文字色・checked塗り */--theme-modal-checkbox-color: var(--theme-global-dark);
/* ■ウィジェット */
/* ウィジェット｜背景色 */ --theme-bg: #f2f9fc;
/* ■日付 */
/* 日付｜背景色 */ --theme-date-bg: var(--theme-global-white);
/* 日付｜ボーダー */ --theme-date-border: var(--theme-border);
/* 日付｜曜日（平日） */ --theme-date-piker-text: var(--theme-primary);
/* 日付｜曜日（土曜） */ --theme-date-piker-sutuday: #0060c7;
/* 日付｜曜日（日曜） */ --theme-date-piker-sunday: #df1100;
/* 日付｜月変更の矢印｜アイコン */ --theme-date-piker-month-select-icon-color: var(--theme-icon-color);
/* 日付｜月変更の矢印｜hover 塗り */ --theme-date-piker-month-select-icon-color-hover: #eeeeee;
/* 日付｜年・月選択｜文字色 */ --theme-date-picker-years-month-selection-text: var(--theme-primary);
/* 日付｜年・月選択｜アイコン */ --theme-date-piker-pullDown-icon-color: var(--theme-icon-color);
/* 日付｜年・月選択｜hover 塗り */ --theme-date-piker-bg-hover: #eeeeee;
/* 日付｜日付ボタン｜文字色 */--theme-date-piker-date-button-text: var(--theme-global-white);
/* 日付｜日付ボタン｜hover 塗り */ --theme-date-piker-date-button-hover: #eeeeee;
/* 日付｜日付ボタン｜選択済み */ --theme-date-piker-selected: var(--theme-primary);
/* 日付｜日付ボタン｜disable 文字色 */ --theme-date-piker-text-disabled: #11111130;
}
.template-wrap {
font-family: "Noto Sans JP";
font-feature-settings: "palt";
color: var(--theme-global-dark);
}
select {
cursor: pointer;
}
.airport-search {
min-width: 320px;
align-items: flex-end;
column-gap: 40px;
display: flex;
justify-content: center;
max-width: 1732px;
width: 100%;
margin: 0 auto;
background: var(--theme-bg);
padding: 40px 20px;
flex-wrap: wrap;
row-gap: 32px;
}
.airport-search-list {
display: flex;
flex-wrap: wrap;
row-gap: 24px;
column-gap: 12px;
}
@media (max-width: 992px) {
.airport-search-item:first-child {
width: 100%;
}
.airport-search-item:nth-child(2) {
width: calc(50% - 6px);
}
.airport-search-item:nth-child(3) {
width: calc(50% - 6px);
}
.airport-search-item:nth-child(4) {
max-width: 72px;
}
.airport-search-item:nth-child(5) {
flex: 1;
}
}
.airport-search-data {
border-radius: 4px;
border: 1px solid var(--theme-border);
background: var(--theme-global-white);
display: flex;
min-height: 50px;
justify-content: center;
align-items: center;
align-self: stretch;
position: relative;
}
.airport-search-data select {
-webkit-appearance: none;
appearance: none;
background-color: var(--theme-input-bg);
/* デフォルトの矢印を非表示 */
}
.airport-search-data :is(select, input) {
border: none;
font-family: "Noto Sans JP";
font-feature-settings: "palt";
padding: 12px;
width: 100%;
height: 100%;
display: inline-block;
font-size: 16px;
}
.airport-search-data[data-field="date"]::after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
mask-image: var(--theme-icon-calendar);
-webkit-mask-image: var(--theme-icon-calendar);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
background-color: var(--theme-icon-color);
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
pointer-events: none;
}
.airport-search-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.airport-search-button {
position: relative;
display: flex;
width: 100%;
min-height: 50px;
padding: 12px 16px 13px 16px;
justify-content: center;
align-items: center;
gap: 6px;
color: var(--theme-global-white);
border-radius: 6px;
background: var(--theme-button-color);
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
transition: 0.3s background-color;
}
.airport-search-button:hover {
background-color: var(--theme-button-hover);
}
.airport-search-data {
font-size: 16px;
font-style: normal;
font-weight: 500;
color: var(--theme-primary);
line-height: 125%;
/* 20px */
background-color: var(--theme-input-bg);
}
.airport-search-label {
color: var(--theme-primary);
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 125%;
/* 18.75px */
}
.airport-search-anchor {
color: inherit;
text-decoration: none;
padding: 12px;
width: 100%;
height: 100%;
white-space: nowrap;
display: inline-flex;
align-items: center;
}
[data-field="down"] select,
.airport-search-anchor[data-field="down"] {
padding-right: 40px;
}
[data-field="down"]::after {
content: "";
display: inline-block;
width: 13px;
height: 7px;
mask-image: var(--theme-icon-arrow-down);
-webkit-mask-image: var(--theme-icon-arrow-down);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
background-color: var(--theme-icon-color);
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
pointer-events: none;
}
.airport-search-button span {
display: flex;
align-items: center;
column-gap: 6px;
}
.airport-search-button input {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
color: var(--theme-global-white);
}
.airport-search-button span:before {
content: "";
display: inline-block;
mask-image: var(--theme-icon-search);
-webkit-mask-image: var(--theme-icon-search);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
background-color: var(--theme-global-white);
width: 18px;
height: 18px;
pointer-events: none;
}
.accordion-select-down {
position: relative;
}
.accordion-select-down::after {
content: "";
mask-image: var(--theme-icon-modal-arrow-down);
-webkit-mask-image: var(--theme-icon-modal-arrow-down);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
background-color: var(--theme-modal-accordion-icon);
fill: red;
background-repeat: no-repeat;
width: 13px;
height: 7px;
display: inline-block;
right: 12px;
position: absolute;
top: calc(50%);
transform: translateY(-50%);
pointer-events: none;
}
.modal {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: none;
}
.modal-inner {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.modal-bg {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.modal-content {
height: 100svh;
width: 100%;
background: var(--theme-modal-plaining, var(--theme-global-white));
position: relative;
z-index: 2;
overflow: auto;
}
.modal-content-inner {
padding: 40px;
min-width: 320px;
}
.modal-header {
display: grid;
grid-template-columns: 46px 1fr 46px;
place-items: center;
background: var(--theme-modal-plaining, var(--theme-global-white));
padding: 14px 0;
box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);
position: sticky;
top: 0;
z-index: 2;
}
.modal-header:before {
content: "";
}
.modal-heading {
position: relative;
padding: 16px 8px;
border-radius: 4px;
text-align: center;
font-weight: 700;
color: var(--theme-modal-accordion-color);
background: var(--theme-modal-accordion-backgroundColor, #eeeeee);
}
.modal-closebox {
display: flex;
row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 11px;
font-weight: 700;
cursor: pointer;
}
.modal-closebox::before {
content: "";
mask-image: var(--theme-icon-close);
-webkit-mask-image: var(--theme-icon-close);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
background-color: var(--theme-global-dark);
width: 16px;
height: 16px;
pointer-events: none;
}
.modal-heading::after {
content: "";
display: inline-block;
mask-image: var(--theme-icon-modal-arrow-down);
-webkit-mask-image: var(--theme-icon-modal-arrow-down);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
background-color: var(--theme-modal-accordion-icon);
position: absolute;
right: 15px;
top: 18px;
width: 18px;
height: 13px;
margin: auto;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
transition: all 0.1s 0s ease;
pointer-events: none;
}
.modal-heading.is-active::after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
top: 21px;
}
.accordion>*+* {
margin-top: 24px;
}
.accordion-heading {
cursor: pointer;
}
.accordion-body {
display: none;
}
.accordion-body.is-open {
display: block;
}
.d-n {
display: none;
}
.accordion-select-wrap {
display: flex;
flex-direction: column;
row-gap: 24px;
}
.accordion-select-wrap select {
border-radius: 4px;
border: 1px solid var(--theme-modal-border);
background: var(--theme-global-white);
min-width: 64px;
padding: 10px 12px;
}
.accordion-select-data {
display: flex;
align-items: center;
}
.accordion-select-data.parent {
column-gap: 8px;
}
.accordion-select-inner {
display: flex;
align-items: center;
padding-top: 24px;
column-gap: 8px;
}
input[type="checkbox" i] {
background-color: initial;
cursor: default;
appearance: auto;
}
.accordion-select-wrap input[name="meal_futon"] {
display: inline-flex;
width: 20px;
height: 20px;
padding: 10px 12px;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 1px solid var(--theme-border);
background: var(--theme-global-white);
accent-color: var(--theme-modal-checkbox-color, var(--theme-global-dark));
}
.accordion-select-inner:nth-child(2) {
border-top: 1px solid var(--theme-border);
}
.accordion-list {
margin-top: 32px;
color: var(--theme-note, #5a5a5a);
font-size: 13px;
line-height: 125%;
padding-bottom: 130px;
}
.accordion-list>*+* {
margin-top: 8px;
}
.accordion-button {
width: 100%;
min-height: 50px;
padding: 12px 16px 13px 16px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
background-color: var(--theme-global-dark);
color: var(--theme-global-white);
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
transition: 0.3s background-color;
}
.accordion-button-wrap {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
padding: 16px 16px 32px;
min-width: 320px;
background: var(--theme-modal-plaining, var(--theme-global-white));
box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.25);
}
.accordion-children-details>*+* {
margin-top: 16px;
}
.accordion-children-detail-inner {
display: flex;
align-items: center;
}
.accordion-children-detail-inner select {
min-width: 64px;
}
.accordion-children-detail-label {
display: flex;
align-items: center;
}
.accordion-children-detail-inner input[name="meal_futon"] {
margin-left: 8px;
margin-right: 4px;
}
.accordion-select-data.child>span {
display: flex;
align-items: baseline;
column-gap: 8px;
}
.accordion-children-detail-inner span:nth-child(2) {
margin: 0 8px;
}
@media (max-width: 992px) {
.accordion-select-inner.child {
display: grid;
grid-template-areas:
"dt dd"
"child child";
grid-template-columns: auto 1fr;
row-gap: 34px;
}
.accordion-children-details {
grid-area: child;
}
.accordion-select-data.child {
display: contents;
}
}
@media (min-width: 993px) {
.modal-content {
max-width: 900px;
}
.modal-content {
max-height: calc(100svh - 80px);
}
.airport-search-list {
column-gap: 32px;
}
.airport-search-button {
max-width: 240px;
}
.airport-search {
padding: 48px 40px;
}
.airport-search-data[data-field="date"] {
max-width: 140px;
}
.accordion-select-data.child {
column-gap: 64px;
}
.accordion-button-wrap {
max-width: 900px;
bottom: 40px;
left: 50%;
padding: 24px 40px 32px;
transform: translateX(-50%);
}
.accordion-button {
max-width: 320px;
}
}
/*======================
* date picker
*========================*/
/*=========== ■年・月選択 ===========*/
.flatpickr-calendar{
background:var(--theme-date-bg);
}
.flatpickr-innerContainer,
span.flatpickr-weekday {
font-size: 16px;
font-weight: 400;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
pointer-events: none;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
padding: 4px 20px 4px 6px;
height: 27px;
width: 60px;
}
.flatpickr-current-month input.cur-year {
-webkit-appearance: none;
appearance: none;
-moz-appearance: textfield;
padding: 4px calc(20px + 1em) 4px 6px;
height: 27px;
}
.flatpickr-current-month:after {
content: "年";
position: absolute;
left: 90px;
top: 5px;
pointer-events: none;
}
.flatpickr-current-month:has(input.cur-year[disabled]):after {
color: var(--theme-date-piker-text-disabled);
}
@-moz-document url-prefix() {
.flatpickr-calendar+.flatpickr-calendar .flatpickr-current-month:after,
.flatpickr-calendar+.flatpickr-calendar .cur-year {
color: var(--theme-date-piker-text-disabled);
}
}
.flatpickr-month {
display: grid;
place-items: center;
}
.flatpickr-months .flatpickr-month {
min-height: 44px;
border-bottom: 1px solid var(--theme-date-border);
margin-bottom: 15px;
}
.flatpickr-current-month {
height: auto;
}
.numInputWrapper span {
mask-image: var(--theme-icon-triangle);
-webkit-mask-image: var(--theme-icon-triangle);
background-color: var(--theme-icon-color);
display: inline-block;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
content: "";
position: absolute;
width: 13px;
display: none;
height: 6px;
}
.numInputWrapper:hover,
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
border-radius: 4px;
background: var(--theme-date-piker-bg-hover);
}
/* .numInputWrapper::after,
.numInputWrapper::before {
transform: translateY(-50%);
top: 50%;
content: "";
display: inline-block;
mask-image: var(--theme-icon-triangle);
-webkit-mask-image: var(--theme-icon-triangle);
background-color: var(--theme-date-piker-pullDown-icon-color);
display: inline-block;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
content: "";
position: absolute;
width: 13px;
height: 6px;
} */
.numInputWrapper::before {
right: 0;
}
.numInputWrapper::after {
right: -60px;
}
.flatpickr-current-month {
color: var(--theme-date-picker-years-month-selection-text);
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row-reverse;
padding: 0;
}
.flatpickr-current-month .numInputWrapper {
width: 90px;
pointer-events: none;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
background: var(--theme-date-piker-month-select-icon-color-hover);
border-radius: 100px;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
fill: transparent;
padding: 0;
height: 34px;
width: 34px;
display: flex;
align-items: center;
justify-content: center;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
width: 7px;
height: 14px;
padding: 0;
-webkit-mask-image: var(--theme-icon-arrow);
mask-image: var(--theme-icon-arrow);
background: var(--theme-date-piker-month-select-icon-color);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.flatpickr-months .flatpickr-prev-month svg {
margin-right: 2px;
margin-top: 2px;
}
.flatpickr-months .flatpickr-next-month svg {
margin-right: 2px;
margin-top: 2px;
}
.flatpickr-months .flatpickr-prev-month {
left: 5px !important;
top: 5px;
}
.flatpickr-months .flatpickr-next-month {
transform: rotate(180deg);
right: 5px !important;
top: 5px;
}
/*=========== ■ 日付選択（テンプレート） ===========*/
/* 曜日の色変更 */
.flatpickr-weekdaycontainer .flatpickr-weekday,
.flatpickr-day {
color: var(--theme-date-piker-text);
}
.flatpickr-weekdaycontainer .flatpickr-weekday:first-child {
color: var(--theme-date-piker-sunday);
}
.flatpickr-weekdaycontainer .flatpickr-weekday:last-child {
color: var(--theme-date-piker-sutuday);
}
/*=========== ■日付ボタン ===========*/
/* 文字色*/
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
color: var(--theme-date-piker-date-button-text);
}
/* hover 塗り */
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
background: var(--theme-date-piker-date-button-hover);
border-color: var(--theme-date-piker-date-button-hover);
}
/* 選択済み */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: var(--theme-date-piker-selected);
border-color: var(--theme-date-piker-selected);
}
/* disabled */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
color: var(--theme-date-piker-text-disabled);
}