1 3

home

Antique Victorian Honiton Guipure Lace & Tulle Collar

Name: Antique Victorian Honiton Guipure Lace & Tulle Collar
Brand: Penelope Textiles Ltd
SKU: 2339899278_8CA8
Price: 30.0 USD
Availability: InStock

Product variants

Quantity

$30.00

Sale Sold out

Tax included.

Low stock: 1 left

Description and Details

A lovely antique Victorian Honiton guipure lace and tulle collar.

The collar is in excellent condition and measures 35.5 x 9.5 cm/ 14 x 3.75 inches.

Materials: Cotton.

View full details

***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; } ***/ /* Basic Reset for consistency */ .vacation-popup-container *, .vacation-popup-container *::before, .vacation-popup-container *::after { box-sizing: border-box; } /* Overlay styles */ .vacation-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 24, 39, 0.75); /* bg-gray-900 bg-opacity-75 */ display: none; /* Initially hidden */ align-items: center; justify-content: center; padding: 1rem; /* p-4 */ z-index: 50; opacity: 0; /* For fade in effect */ transition: opacity 0.3s ease; } /* Active state for the overlay */ .vacation-popup-overlay.popup-active { display: flex; opacity: 1; } /* Pop-up content box styles */ .vacation-popup-content { background-color: #fff; border-radius: 0.5rem; /* rounded-lg */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */ max-width: 32rem; /* max-w-lg */ width: 100%; padding: 1.5rem; /* p-6 */ position: relative; transform: scale(0.95); /* scale-95 */ opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; /* transition-all duration-300 */ } /* Visible state for the content box - added by JavaScript */ .vacation-popup-content.visible { transform: scale(1); /* scale-100 */ opacity: 1; } /* Close button styles */ .close-vacation-popup-button { position: absolute; top: 0.75rem; /* top-3 */ right: 0.75rem; /* right-3 */ color: #6b7280; /* text-gray-500 */ border: none; background: none; cursor: pointer; padding: 0.5rem; } .close-vacation-popup-button:hover { color: #374151; /* hover:text-gray-700 */ } .close-vacation-popup-button:focus { outline: none; } .close-vacation-popup-button svg { height: 1.5rem; /* h-6 */ width: 1.5rem; /* w-6 */ fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } /* Text styles */ .text-center { text-align: center; } .text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .font-bold { font-weight: 700; } .text-gray-900 { color: #111827; } .mb-4 { margin-bottom: 1rem; /* 16px */ } .text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-gray-700 { color: #374151; } .leading-relaxed { line-height: 1.625; } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .font-semibold { font-weight: 600; } .text-indigo-600 { color: #4f46e5; } .text-md { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-gray-600 { color: #4b5563; }

Item added to your cart

Antique Victorian Honiton Guipure Lace & Tulle Collar