// @use "src/styles/colors" as *;

// .modal-tab-shadow {
//   box-shadow: 9.026px 8.205px 22.153px 2.051px rgba(17, 16, 20, 0.65);
// }

// .parent-class-for-modal {
//   width: 100%;
//   padding: 0px 20px;
//   margin-top: 15px;
//   font-family: "Calistoga";
//   border-radius: 10px;
// }

// .lib-bottom-modal .modal-wrapper {
//   background: transparent !important;
//   box-shadow: none !important;
// }

// #bottom-modal-content-ref {
//   background: transparent;
//   margin-top: 0px !important;
// }

// .lib-bottom-modal-loader {
//   display: none !important;
// }

// .lib-bottom-modal-header {
//   display: none !important;
// }

// .lib-bottom-modal-header.ng-star-inserted {
//   display: none;
// }

// .modal-handle {
//   display: none !important;
// }

// .modal-wrapper.ion-overlay-wrapper {
//   background: transparent !important;
// }

// .modal-handle {
//   display: none !important;
// }

// ion-modal.lib-bottom-modal[_ngcontent-ng-c1153917535]::part(handle) {
//   opacity: 0 !important;
//   display: none !important;
// }

// .custom-nav-bottom-modal {
//   height: 60px;
//   margin-top: auto;
//   position: absolute !important;
//   z-index: 9999 !important;
//   display: flex !important;
//   box-shadow: var(
//     --app-popup-modal-shadow,
//     5px 5px 95px 0px rgba(255, 255, 255, 0.32),
//     -3px -3px 16px 0px rgba(255, 255, 255, 0.1)
//   ) !important;
//   border-radius: var(--app-popup-modal-radius) !important;
// }

// .custom-nav-bottom-modal #bottomModalContentRef {
//   height: 60px !important;
//   max-width: 100% !important;
//   padding-bottom: 0px;
// }

// .delete-modal {
//   padding: 10px;
//   display: flex;
//   justify-content: center;
//   align-items: center;
//   flex-direction: column;
// }

// .delete-modal h1 {
//   font-size: 15px;
//   color: $text-color-3;
//   font-family: "Calistoga";
// }

// .delete-modal p {
//   font-size: 12px;
//   color: $text-color-3;
//   width: 250px;
// }

// .parent-class-for-modal {
//   margin-top: 30px;
// }

// .custom-modal .modal-wrapper.ion-overlay-wrapper {
//   background: transparent !important;
//   box-shadow: none !important;
// }

// #ion-overlay-2.modal-wrapper {
//   background: transparent !important;
// }

// .modal-wrapper.ion-overlay-wrapper {
//   background: transparent !important;
// }

// .bottom-modal-items {
//   margin-bottom: 20px;
// }

// .bottom-modal {
//   font-family: Gilroy-Regular !important;
//   font-size: 12px !important;
// }

// .delete-modal {
//   padding: 10px;
//   display: flex;
//   justify-content: center;
//   align-items: center;
//   flex-direction: column;
// }

// .delete-modal h1 {
//   font-size: 15px;
//   color: $text-color-3;
//   font-family: "Calistoga";
// }

// .delete-modal p {
//   font-size: 13px;
//   color: $text-color-3;
//   width: 245px;
// }

// .parent-class-for-modal {
//   margin-top: 40px;
// }

// .modal-bottom-bar {
//   display: flex;
//   justify-content: space-around;
//   align-items: center;
//   width: 100%;
//   position: relative;
// }

// .modal-bottom-bar button:last-child {
//   color: var(--secondary-color);
// }

// // Ng-deep removed from component styles

// // create-itinerary.component.scss
// .mat-mdc-dialog-surface {
//   border-radius: 10px !important;
// }

// .mdc-label {
//   padding: 5px 4px !important;
//   font-size: 12px;
// }

// .input-label {
//   top: 24px !important;
// }

// // create-itinerary-modal.component.scss
// .cdk-overlay-dark-backdrop {
//   opacity: 80.2% !important;
//   background: $background-color-4;
//   backdrop-filter: blur(16.40999984741211px) !important;
// }

// .mat-mdc-dialog-surface.mdc-dialog__surface {
//   background: transparent !important;
//   margin-bottom: 40px !important;
// }

// .cdk-global-overlay-wrapper {
//   align-items: end !important;
// }