div[data-servicify="servicify.common.book_with"]{display:none}div:has(>[data-servicify=confirmation-tz])+div{display:none!important}.ReactModal__Content:has([data-servicify=booking-preview-title]){--uk-brand: #003759;--uk-brand-hover: #002a44;--uk-ink: #1a1a1a;--uk-muted: #6c7680;--uk-line: #dfe4e8;--uk-surface: #f4f7f9;--uk-radius: 10px;--uk-logo: url(/cdn/shop/files/sininen_hotelli_logo.png?v=1768472695);display:flex!important;flex-direction:column;padding:clamp(20px,4vw,32px)!important;color:var(--uk-ink);opacity:1!important;visibility:visible!important}.ReactModal__Content:has([data-servicify=booking-preview-title]):before{content:"";order:0;flex:none;width:170px;height:52px;margin-bottom:18px;background:var(--uk-logo) left center / contain no-repeat}.ReactModal__Content:has([data-servicify=booking-preview-title])>div,.ReactModal__Content:has([data-servicify=booking-preview-title])>div>div,.ReactModal__Content:has([data-servicify=booking-preview-title]) .Servicify-NoCheckout-Modal{display:contents!important}.ReactModal__Content:has([data-servicify=booking-preview-title]) [data-servicify=booking-preview-title]{order:1;height:auto!important;margin:0 0 10px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--uk-muted)}.ReactModal__Content:has([data-servicify=booking-preview-title]) div:has(>[data-servicify=booking-preview-selected-time]){order:2;display:flex!important;flex-direction:column;gap:8px;margin-bottom:28px;padding:16px 18px;background:var(--uk-surface);border-radius:var(--uk-radius);font-size:15px;line-height:1.45}.ReactModal__Content:has([data-servicify=booking-preview-title]) div:has(>[data-servicify=booking-preview-selected-time]) svg{color:var(--uk-brand)}.ReactModal__Content:has([data-servicify=booking-preview-title]) .Servicify-NoCheckout-Modal>div:first-child{order:3;margin:0 0 14px!important;font-size:0!important;font-weight:600;color:var(--uk-ink)}.ReactModal__Content:has([data-servicify=booking-preview-title]) .Servicify-NoCheckout-Modal>div:first-child:before{content:"Yhteystiedot";font-size:17px}.ReactModal__Content:has([data-servicify=booking-preview-title]) form{order:4;margin:0 0 24px!important}.ReactModal__Content:has([data-servicify=booking-preview-title]) div:has(>[data-servicify=custom-field-wrapper]){order:5;margin:0 0 4px!important;padding-top:22px;border-top:1px solid var(--uk-line)}.ReactModal__Content:has([data-servicify=booking-preview-title]) [data-servicify=confirm-no-checkout-booking-button]{order:6;width:100%;min-height:52px;margin-top:12px;padding:0 24px;border:0;border-radius:35px;background-color:var(--uk-brand);color:#fff;font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.ReactModal__Content:has([data-servicify=booking-preview-title]) [data-servicify=confirm-no-checkout-booking-button]:hover:not(:disabled){background-color:var(--uk-brand-hover)}.ReactModal__Content:has([data-servicify=booking-preview-title]) [data-servicify=confirm-no-checkout-booking-button]:disabled{opacity:.45;cursor:not-allowed}.ReactModal__Content:has([data-servicify=booking-preview-title]) label[data-servicify=custom-field-label],.ReactModal__Content:has([data-servicify=booking-preview-title]) form label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--uk-ink)}.ReactModal__Content:has([data-servicify=booking-preview-title]) input[type=text],.ReactModal__Content:has([data-servicify=booking-preview-title]) input[type=email],.ReactModal__Content:has([data-servicify=booking-preview-title]) input[type=date],.ReactModal__Content:has([data-servicify=booking-preview-title]) select,.ReactModal__Content:has([data-servicify=booking-preview-title]) textarea{width:100%;padding:11px 12px!important;border:1px solid var(--uk-line)!important;border-radius:8px!important;background:#fff;font-family:inherit;font-size:16px;color:var(--uk-ink)}.ReactModal__Content:has([data-servicify=booking-preview-title]) textarea{min-height:96px;resize:vertical}.ReactModal__Content:has([data-servicify=booking-preview-title]) [data-servicify=phone-input] button{border-color:var(--uk-line)!important;border-radius:8px 0 0 8px!important}.ReactModal__Content:has([data-servicify=booking-preview-title]) input[type=tel]{padding:11px 12px!important;border:1px solid var(--uk-line)!important;border-left:0!important;border-radius:0 8px 8px 0!important;font-size:16px!important}.ReactModal__Content:has([data-servicify=booking-preview-title]) input:focus-visible,.ReactModal__Content:has([data-servicify=booking-preview-title]) select:focus-visible,.ReactModal__Content:has([data-servicify=booking-preview-title]) textarea:focus-visible,.ReactModal__Content:has([data-servicify=booking-preview-title]) button:focus-visible{outline:2px solid var(--uk-brand);outline-offset:1px;border-color:var(--uk-brand)!important}.ReactModal__Content:has([data-servicify=booking-preview-title]) input[type=checkbox]{accent-color:var(--uk-brand)!important}[data-servicify=custom-field-checkbox-group]>div{padding:2px 0!important}.ReactModal__Content:has([data-servicify=booking-preview-title]) [data-servicify=custom-field-helptext]{font-size:13px;line-height:1.4;color:var(--uk-muted)}@media screen and (max-width:600px){.ReactModal__Content:has([data-servicify=booking-preview-title]){padding:20px 16px!important}.ReactModal__Content:has([data-servicify=booking-preview-title]):before{width:140px;height:44px}.ReactModal__Content:has([data-servicify=booking-preview-title]) form{grid-template-columns:1fr!important}.ReactModal__Content:has([data-servicify=booking-preview-title]) [data-servicify=confirm-no-checkout-booking-button]{position:sticky;bottom:0;z-index:2;box-shadow:0 -10px 14px 10px #fff}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/booking-modal.css.map */