.card-wrapper{display:grid;width:100%;height:100%;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center}input[type=checkbox]{display:none}.card-container{border-radius:8px;height:100%;width:100%;overflow:hidden;border:2px solid transparent;display:flex;flex-direction:column}.card-container:hover{cursor:pointer;border-color:var(--hover-border-color, rgba(167, 162, 162, .5));opacity:100%}.card-container:hover img{transform:scale(1.1)}.selected-card,.selected-card:hover{border-color:var(--selected-border-color, rgba(167, 162, 162, .8))}.not-selected-card{opacity:.6}.label-wrapper{height:100%;width:100%}.image-container{width:100%;flex-grow:1;overflow:hidden}.image-container img{border-radius:6px 6px 0 0;width:100%;height:100%;z-index:-1;object-fit:cover;transition:transform .5s ease-in-out}.information-wrapper{background-color:var(--information-background-color, #F0EEFB);flex-grow:1;width:100%;border-radius:0 0 6px 6px}.information-container{width:auto;height:fit-content;padding:1rem 1.5rem;font-family:Inter,sans-serif}.information-container p{opacity:.8;margin:0;color:#000000e6;font-weight:400;font-size:14px}.information-container h3{margin-top:0;margin-bottom:.5rem;font-weight:600;font-size:16px}body{margin:0}.example-root{width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;justify-content:center;gap:1rem;background-color:#16072d;padding-top:10rem}.example-component-container{width:50%;display:flex;align-items:center;flex-direction:column}.example-continue-button-container{margin-top:1rem;display:flex;justify-content:end}.example-continue-button-container button{border:1px solid #0070D2;border-radius:6px;background-color:#f0eefb;padding:.5rem 1rem}.example-continue-button-container button:hover{cursor:pointer;background-color:#0070d2;color:#fff}.example-continue-button-container button:disabled{cursor:not-allowed;opacity:.5}.resource-selector-style{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;justify-items:center;--selected-border-color: #9bcfff;--hover-border-color: #ff512f}.date-picker-example-style{display:flex;justify-content:center}.timeslot-example-style{height:50%;overflow-y:scroll;color:#fff}.staff-example-wrapper{display:flex;justify-content:center}.staff-example-style{width:40%;display:flex;flex-direction:column;gap:1rem;--staff-input-border-color: #ff512f;--option-border-color: #ff512f}.staff-card-example-style{display:grid;grid-template-columns:1fr}.example-nav{font-family:Inter,sans-serif;width:100%;display:flex;justify-content:center;align-items:center;background-color:#16072d;border-bottom:2px solid #ff512f;padding:0;gap:2rem;color:#fff}.example-nav ul{display:flex;align-items:center;list-style:none;gap:10rem}.example-nav img{height:7rem;width:7rem}.example-process{height:fit-content}.example-process-indicator{font-family:Inter,sans-serif;width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#16072d;border:2px solid #ff512f;border-radius:6px;padding:.5rem}.not-selected{width:100%;display:flex;gap:.5rem;align-items:center;color:#fff}.not-selected p{margin:.5rem 0}.selected{width:100%;display:flex;gap:.5rem;opacity:.6;align-items:center;color:#fff}.selected p{text-decoration:line-through;margin:.5rem 0}.example-summary-container{width:100%;display:flex;justify-content:center}.example-summary{display:flex;width:fit-content;flex-direction:column;align-items:center;background-color:#f0eefb;border:1px solid transparent;border-radius:6px;padding:1rem;gap:1rem}.example-summary p{margin:0}.process-circle{border:2px solid #9bcfff;border-radius:100%;width:.7rem;height:.7rem}.selected-process-circle{border:2px solid #9bcfff;border-radius:100%;width:.7rem;height:.7rem;background-color:#9bcfff}.confirmation-example-style{--form-submit-button-hover-border-color: variables.$gomeddo-blue;--form-submit-button-border-color: variables.$gomeddo-blue}.calendar-wrapper{width:100%;height:fit-content;background-color:var(--calendar-background-color, rgba(240, 238, 251, .8));border:solid 1px var(--calendar-border-color, #F0EEFB);border-radius:6px;z-index:1;font-family:Inter,sans-serif}.calendar-container{width:100%;height:100%;display:flex;flex-direction:column}.datepicker-wrapper{height:fit-content;display:flex;flex-direction:column;gap:.25rem}.date-overview-wrapper{font-family:Inter,sans-serif;border-radius:6px;background-color:var(--date-overview-background-color, rgba(240, 238, 251, .8));height:fit-content;padding:1rem}.date-overview-container{display:flex;width:100%;flex-direction:row;align-items:center;gap:1rem}.date-overview-container img{cursor:pointer;height:1.5rem;width:1.5rem}.date-overview-container p{opacity:.8;font-size:20px;margin:0;cursor:pointer}.show-calendar,.show-month-selection{display:block;width:100%;height:fit-content}.hide-calendar,.hide-month-selection{display:none;width:100%;height:fit-content}.calendar-control-wrapper{width:100%;height:fit-content;position:relative;z-index:2}.calendar-control-container{display:flex;flex-direction:row;gap:2rem;align-items:center;width:100%;margin:1rem 0 0}.calendar-arrow-container{display:flex;flex-direction:row;justify-content:center;gap:1rem}.calendar-arrows:disabled{opacity:.5;cursor:default}.calendar-arrows{display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;border-radius:6px;border:solid 1px var(--calendar-control-border-color, rgba(0, 0, 0, .3));background-color:var(--calendar-control-background-color, white);cursor:pointer}.calendar-arrows img{margin:1rem;width:1rem;height:1rem}.month-year-container{display:flex;justify-content:center;align-items:center;width:100%;height:fit-content;border-radius:6px;padding:.75rem;border:solid 1px var(--month-year-border-color, rgba(0, 0, 0, .3));font-family:Inter,sans-serif;background-color:var(--month-year-background-color, white);cursor:pointer}.month-year-container p{margin:0;font-size:20px;opacity:.8}.available-dates{align-items:center;justify-content:center;border-radius:6px;border:solid 1px rgba(0,0,0,.3);background-color:#fff;cursor:pointer;text-align:center}.calendar-controls-wrapper{height:100%;padding:0 1rem 1rem}.month-wrapper,.year-wrapper{z-index:1;width:100%;max-height:100%}.month-container{height:fit-content;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:1rem}.year-container{height:15rem;overflow-y:scroll;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem}.month-button,.year-button{display:flex;align-items:center;justify-content:center;background-color:#fff;width:100%;height:100%;border-radius:6px;border:solid 1px rgba(0,0,0,.3);cursor:pointer;text-align:center}.month-button:disabled{opacity:.5;cursor:default}.booked-date{pointer-events:none;cursor:none;opacity:.5}.date-overview-label{width:20rem;text-align:center}.selected-month,.selected-year{background-color:var(--accent-background-color, #0070D2);border:solid 1px var(--accent-color, #F0EEFB);border-radius:6px;color:#fff;font-weight:400;cursor:pointer}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root{--rdp-accent-color: var(--accent-color, variables.$background-color);--rdp-accent-background-color: var(--accent-background-color, variables.$selected-color);margin:0 1rem 1rem}.rdp-month{width:100%;height:100%;display:flex;flex-direction:column}.rdp-months{display:block;max-width:100%}.rdp-month_grid{width:100%;height:100%}.rdp-weeks{display:flex;flex-direction:column;gap:.5rem}.rdp-week{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.rdp-weekdays{display:flex;flex-direction:row}.rdp-weekday{width:100%}.rdp-day{display:flex;align-items:center;justify-content:center;border-radius:6px;border:solid 1px var(--day-border-color, rgba(0, 0, 0, .3));background-color:var(--day-background-color, white);cursor:pointer;text-align:center}.rdp-selected{background-color:var(--accent-background-color, #0070D2);border:solid 1px var(--accent-color, #F0EEFB);border-radius:6px;color:#fff;font-weight:400}.rdp-range_middle{background-color:var(--accent-background-color, #0070D2);color:#fff;border:solid var(--accent-color, #F0EEFB);border-width:1px 0 1px 0;border-radius:0;font-weight:400}.rdp-range_start{background-color:var(--accent-background-color, #0070D2);border:solid var(--accent-color, #F0EEFB);border-width:1px 0 1px 1px;border-radius:6px 0 0 6px;color:#fff;font-weight:400}.rdp-range_end{background-color:var(--accent-background-color, #0070D2);border:solid var(--accent-color, #F0EEFB);border-width:1px 1px 1px 0;border-radius:0 6px 6px 0;color:#fff;font-weight:400}.rdp-month_caption{position:absolute}.rdp-caption_label{display:none}.rdp-today{border:solid 1px var(--today-day-border-color, rgba(0, 112, 210, .6))}.rdp-disabled{opacity:.6}.rdp-selected .rdp-day_button{border:none}.rdp-range_start .rdp-day_button,.rdp-range_end .rdp-day_button{background-color:transparent}.date-hover-start-style{background-color:var(--accent-background-color, #0070D2);border:solid var(--accent-color, #F0EEFB);border-width:1px 0 1px 1px;border-radius:6px 0 0 6px;color:#fff;font-weight:400}.date-hover-style{background-color:var(--range-hover-background-color, #A1A0A0);border:solid var(--range-hover-border-color, rgba(167, 162, 162, .8));border-width:1px 0 1px 0;border-radius:0;font-weight:400}.root-time-slot{width:100%;display:flex;justify-content:center;gap:1rem}.time-slot-wrapper{display:grid;width:100%;justify-content:space-between;gap:1rem;font-family:Inter,sans-serif}.time-slot-container{width:100%;flex-direction:column;align-items:center;gap:1rem}.day-wrapper{width:100%;height:fit-content;display:flex;align-items:center;text-align:center;justify-content:center}.day-container{width:100%;height:fit-content;align-items:center;text-align:center;justify-content:center;border-radius:6px;border:1px solid var(--day-border-color, transparent);background-color:var(--day-background-color, #F0EEFB);color:#000}.day-container h3{margin:1rem 1rem 0}.day-container p{margin:.25rem 1rem 1rem}.time-container{width:100%;margin-top:.25rem;gap:.5rem;height:fit-content}.time-slots-wrapper{width:100%;height:fit-content;display:flex;flex-direction:column;gap:.25rem;justify-content:center;align-items:center;margin:0 0 1rem}.time-slots-container{width:100%;max-height:fit-content;display:flex;flex-direction:column;gap:.5rem;align-items:center}.peak-hour{width:100%;height:100%;border-radius:6px;cursor:pointer;border:1px solid transparent;background-color:#f0eefb;border-left:4px solid #FF0004;padding:1rem}.peak-hour:hover{border-color:var(--selected-border-color, rgba(0, 112, 210, .5));border-left:4px solid var(--peak-hour-color, #FF0004)}.selected-peak-hour{width:100%;height:100%;border-radius:6px;cursor:pointer;background-color:var(--selected-background-color, #F0EEFB);border:1px solid var(--selected-border-color, #0070D2);border-left:4px solid var(--peak-hour-color, #FF0004);padding:1rem}.time-card-wrapper{width:100%;height:100%;border-radius:6px;cursor:pointer;border:1px solid var(--time-border-color, transparent);background-color:var(--time-background-color, #F0EEFB);position:relative;padding:1rem}.time-card-wrapper:hover{border-color:#0070d280}.time-card-container{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:.5rem}.no-time-card{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px solid var(--time-border-color, transparent);background-color:var(--time-background-color, #F0EEFB);border-radius:6px;padding:1rem}.no-time-card img{width:70%}.duration-container{height:100%;width:100%;display:flex;align-items:center;text-align:center;justify-content:center;gap:.5rem}.duration-container p{font-size:1rem;font-weight:600;margin:0}.duration-container img{height:1.25rem;width:1.25rem}.selected-time{width:100%;height:100%;border-radius:6px;cursor:pointer;background-color:var(--selected-background-color, #F0EEFB);border:1px solid var(--selected-border-color, #0070D2);padding:1rem}.chevron-left,.chevron-right{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--arrow-border-color, transparent);background-color:var(--arrow-background-color, #F0EEFB);cursor:pointer}.chevron-left img,.chevron-right img{margin:.5rem}.chevron-left:disabled,.chevron-right:disabled{opacity:.5;cursor:default}.separator-line{width:fit-content;height:100%}.time{width:100%;display:flex;justify-content:center;align-content:center}.time p{font-size:1.25rem;font-weight:600;margin:0}.hide-duration{display:none}.straight-line{border-radius:6px;background-color:#000;opacity:.8;width:100%;height:.12rem}.confirmation-form{font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:1rem;background-color:var(--form-background-color, #F0EEFB);border-radius:6px;padding:.5rem;overflow-x:hidden}.confirmation-form input{width:fit-content;border-radius:6px;border:1px solid var(--form-input-border-color, rgba(167, 162, 162, .8));padding:.25rem;font-size:1rem}.confirmation-form input:focus{border-color:var(--form-input-focus-border-color, rgba(0, 112, 210, .5))}.confirmation-form input:disabled{background-color:var(--form-disabled-input-background-color, #F0EEFB);border-color:var(--form-disabled-input-border-color, transparent);color:var(--form-disabled-input-text-color, rgba(0, 0, 0, .85))}.form-header{width:100%;text-align:center}.form-header h1{margin:.5rem}.form-contact-container,.form-additional-info-container,.form-reservation-container,.form-price-container{display:flex;flex-direction:column;gap:.5rem}.form-information-header{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--form-header-border-color, rgba(167, 162, 162, .8));border-radius:6px;background-color:var(--form-header-background-color, white)}.form-information-header h2{margin:.5rem}.form-information-header img{width:1.5rem;height:1.5rem;margin:.5rem;cursor:pointer}.form-input-container{display:flex;gap:.25rem;width:100%}.form-input-container label{align-self:center}.form-input-container input{width:100%}.form-total-price{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--form-total-price-border-color, rgba(167, 162, 162, .8));border-radius:6px;background-color:#fff}.form-total-price p{margin:.5rem}.form-contact-information,.form-reservation-info-container,.form-additional-information{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:.5rem;margin-left:.5rem;margin-right:.5rem}.form-buttons{display:flex;justify-content:space-between;align-items:center}.form-buttons button[type=submit]{background-color:var(--form-submit-button-text-color, white);border:1px solid var(--form-submit-button-border-color, #0070D2);border-radius:6px;padding:.25rem 2rem;cursor:pointer}.form-buttons button[type=submit]:disabled{cursor:not-allowed}.form-buttons button[type=submit]:hover{background-color:var(--form-submit-button-hover-border-color, #0070D2);color:#fff}.form-buttons button[type=button]{background-color:var(--form-cancel-button-background-color, rgba(0, 0, 0, .56));border:1px solid var(--form-cancel-button-border-color, transparent);border-radius:6px;color:var(--form-cancel-button-text-color, white);padding:.25rem 2rem;cursor:pointer}.error-message{font-size:12px;color:var(--form-error-message-text-color, red);font-style:italic}.form-price-information{gap:.5rem;align-items:center;margin-left:.5rem;margin-right:.5rem}.price-wrapper{display:flex;justify-content:space-between;align-items:center}.price-wrapper p{margin:.5rem 0}.price-container{display:flex;align-items:center;gap:.5rem}.reservation-info-field p{margin:.5rem 0}.spinner{height:.5rem;width:.5rem;border:4px solid white;border-radius:50%;border-top:4px solid #0070D2;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.api-key-form-section{width:100vw;height:100vh;background-color:#16072d;font-family:Inter,sans-serif}.api-key-form-wrapper{width:100vw;display:grid;justify-content:center;align-items:center}.api-key-form{width:fit-content;background-color:#9bcfff;border-radius:6px;display:grid;justify-content:center;align-items:center;padding:3rem;gap:1rem}.api-key-form h1,.api-key-form h3{text-align:center}.api-key-input{display:flex;gap:1rem;align-items:center;justify-content:center}.api-key-input input{border:4px solid transparent;border-radius:6px;padding:5px}.api-key-logo{width:100vw;display:grid;justify-content:center;align-items:center;margin-bottom:5rem}.api-key-logo img{margin-top:1rem;width:20rem}.api-key-submit-button{width:25vw;height:fit-content;background-color:#0000008f;border:2px solid transparent;border-radius:6px;padding:.5rem;color:#fff}.api-key-submit-button:hover{cursor:pointer}.api-key-toggle-button{width:fit-content;height:fit-content;background-color:#0000008f;border:2px solid transparent;border-radius:6px;padding:.5rem;color:#fff}.api-key-toggle-button:hover{cursor:pointer}.api-input-container{display:flex;align-items:center;gap:.5rem}.api-form-button-container{width:100%;display:grid;justify-content:center;align-items:center}.api-key-error{color:red;text-align:center}