:root {
    Interpolate-size: allow-keywords;
}

html {
    font-size: 16px;
    font-family: 'Lexend', sans-serif;
    background-color: #ffffff;
    color: oklch(0.145 0 0);
    --background: #fff;
    --foreground: oklch(0.145 0 0);
    --primary: #030213;
    --primary-foreground: oklch(1 0 0);
    --secondary: oklch(0.95 0.0058 264.53);
    --secondary-foreground: #030213;
    --muted: #ececf0;
    --muted-foreground: #717182;
    --accent: #e9ebef;
    --accent-foreground: #030213;
    --border: #0000001a;
    --radius: 0.625rem;
    --spacing: .25rem;
    --input-background: #f3f3f5;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --tw-shadow: 0 0 #0000;
    --tw-shadow-color: initial;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 #0000;
    --tw-inset-shadow-color: initial;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: initial;
    --tw-ring-shadow: 0 0 #0000;
    --tw-inset-ring-color: initial;
    --tw-inset-ring-shadow: 0 0 #0000;
    --tw-ring-inset: initial;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-outline-style: solid;
    --tw-blur: initial;
    --tw-brightness: initial;
    --tw-contrast: initial;
    --tw-grayscale: initial;
    --tw-hue-rotate: initial;
    --tw-invert: initial;
    --tw-opacity: initial;
    --tw-saturate: initial;
    --tw-sepia: initial;
    --tw-drop-shadow: initial;
    --tw-drop-shadow-color: initial;
    --tw-drop-shadow-alpha: 100%;
    --tw-drop-shadow-size: initial;
    --tw-duration: initial;
    --destructive: #d4183d;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-black: #000;
    --color-white: #fff;
    --font-size: 16px;
    --font-family: 'Lexend', sans-serif;
    --background: #ffffff;
    --foreground: oklch(0.145 0 0);
    --card: #ffffff;
    --card-foreground: oklch(0.145 0 0);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.145 0 0);
    --primary: #030213;
    --primary-foreground: oklch(1 0 0);
    --secondary: oklch(0.95 0.0058 264.53);
    --secondary-foreground: #030213;
    --muted: #ececf0;
    --muted-foreground: #717182;
    --accent: #e9ebef;
    --accent-foreground: #030213;
    --destructive: #d4183d;
    --destructive-foreground: #ffffff;
    --border: rgba(0, 0, 0, 0.1);
    --input: transparent;
    --input-background: #f3f3f5;
    --switch-background: #cbced4;
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --ring: oklch(0.708 0 0);
    --chart-1: oklch(0.646 0.222 41.116);
    --chart-2: oklch(0.6 0.118 184.704);
    --chart-3: oklch(0.398 0.07 227.392);
    --chart-4: oklch(0.828 0.189 84.429);
    --chart-5: oklch(0.769 0.188 70.08);
    --radius: 0.625rem;
    --sidebar: oklch(0.985 0 0);
    --sidebar-foreground: oklch(0.145 0 0);
    --sidebar-primary: #030213;
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.97 0 0);
    --sidebar-accent-foreground: oklch(0.205 0 0);
    --sidebar-border: oklch(0.922 0 0);
    --sidebar-ring: oklch(0.708 0 0);
}

body {
    font-family: 'Lexend', sans-serif;
    font-weight: var(--font-weight-normal);
}

.newgencolor {
    background-color: #000000;
    color: #ffffff;
}

h1, h2, h3, h4, h5, h6, p, label, input, select, textarea {
    font-family: 'Lexend', sans-serif;
    color: var(--foreground);
    font-weight: var(--font-weight-normal);
}

.fontmedium {
    font-weight: var(--font-weight-medium);
}

.nomargin {
    margin: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

.noline {
    line-height: normal;
}

.reveal-overlay {
    background-color: rgba(200, 200, 200, 0.65);
}

    .reveal-overlay .waitmessage {
        text-align: center;
        font-weight: bold;
    }

header {
    background-color: var(--primary);
    color: var(--primary-foreground);
    padding: calc(var(--spacing) * 6);
}

    header img {
        width: auto;
        height: calc(var(--spacing) * 10);
    }

    header h1 {
        display: block;
        text-align: center;
        font-size: 16px;
        margin: 0;
        padding: 0;
        color: var(--color-white);
    }

    header .hometouroptitle {
    }

        header .hometouroptitle p.totitle {
            color: var(--primary-foreground);
            font-size: 16px;
            margin: 0;
            padding: 0;
            line-height: normal;
        }

        header .hometouroptitle p.toname {
            color: var(--muted);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            margin: 0;
            padding: 0;
            line-height: normal;
        }

        header .hometouroptitle .touroplink {
            color: var(--muted);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            padding: 6px 12px;
            border: solid 1px var(--muted);
            border-radius: calc(var(--radius) - 2px);
            line-height: 20px;
        }

            header .hometouroptitle .touroplink:hover {
                background-color: var(--accent);
                border-color: var(--accent);
                color: var(--foreground);
            }


    header .nonhometouroptitle {
    }

        header .nonhometouroptitle p.totitle {
            color: var(--foreground);
            font-size: 16px;
            margin: 0;
            padding: 0;
            line-height: normal;
        }

        header .nonhometouroptitle p.toname {
            color: var(--muted-foreground);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            margin: 0;
            padding: 0;
            line-height: normal;
        }

        header .nonhometouroptitle .touroplinkholder {
            padding-top: 10px;
        }

        header .nonhometouroptitle .touroplink {
            color: var(--foreground);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            padding: 6px 12px;
            border: solid 1px var(--border);
            border-radius: calc(var(--radius) - 2px);
            line-height: 20px;
        }

            header .nonhometouroptitle .touroplink:hover {
                background-color: var(--accent-foreground);
                border-color: var(--accent-foreground);
            }

    header .signintext {
        position: relative;
    }

        header .signintext p {
            font-size: var(--text-sm);
            line-height: var(--text-sm--line-height);
            margin: 0;
            padding: 0;
            padding: calc(var(--spacing) * 2 + 2px);
            padding-bottom: 0;
        }

        header .signintext a {
            color: var(--primary-foreground);
            padding: var(--spacing);
        }

            header .signintext a:hover {
                color: var(--muted-foreground);
            }

            header .signintext a.officesignin {
                border: solid 1px var(--primary-foreground);
                border-radius: 50%;
                padding: calc(var(--spacing) * 2 + 2px);
            }

                header .signintext a.officesignin:hover {
                    border: solid 1px var(--faded-foreground);
                }

    header p.signinlink {
        font-size: var(--text-sm);
        line-height: var(--text-sm--line-height);
        margin: 0;
        padding: 0;
        padding: calc(var(--spacing) * 2 + 2px);
        padding-bottom: 0;
        margin-bottom: 0;
    }

        header p.signinlink a {
            color: var(--primary-foreground);
            padding: var(--spacing);
        }

            header p.signinlink a:hover {
                color: var(--primary-foreground);
            }

    header.availabilityheader {
        background-color: #ffffff;
        color: var(--primary-foreground);
        border-bottom: solid 1px var(--border);
        padding: calc(var(--spacing) * 4);
    }

        header.availabilityheader .signinbutton {
            margin: auto;
            color: var(--primary);
            width: calc(var(--spacing) * 6);
            height: calc(var(--spacing) * 6);
            display: block;
        }

        header.availabilityheader .signintext {
            color: var(--primary);
            font-size: var(--text-sm);
            line-height: var(--text-sm--line-height);
            text-overflow: ellipsis;
            text-wrap: nowrap;
        }

        header.availabilityheader .officelink {
            padding-top: calc(var(--spacing) * 2);
            position: relative;
        }

            header.availabilityheader .officelink .officesignin {
                color: var(--primary);
                font-size: var(--text-sm);
                line-height: var(--text-sm--line-height);
                border: solid 1px var(--primary);
                border-radius: 50%;
                padding: calc(var(--spacing) * 2 + 2px);
            }

                header.availabilityheader .officelink .officesignin:hover {
                    color: var(--muted-foreground);
                    border: solid 1px var(--muted-foreground);
                }

        header.availabilityheader .headerbasket {
            position: relative;
            padding-top: 0.5rem;
            cursor: pointer;
        }

            header.availabilityheader .headerbasket .basket {
                width: calc(var(--spacing) * 7);
                height: calc(var(--spacing) * 7);
                color: var(--primary);
            }

            header.availabilityheader .headerbasket .basketcount {
                position: absolute;
                font-size: var(--text-xs);
                top: calc(var(--spacing) * -1);
                right: calc(var(--spacing));
                text-align: center;
                width: calc(var(--spacing) * 6);
                height: calc(var(--spacing) * 6);
                background-color: var(--primary);
                color: var(--primary-foreground);
                clip-path: circle();
                padding-top: 0.15rem;
            }

        header.availabilityheader .signout button {
            border-radius: calc(var(--radius) - 2px);
            width: calc(var(--spacing) * 9);
            height: calc(var(--spacing) * 9);
            transition: .3s ease-out;
            padding: 0;
            margin: 0;
            cursor: pointer;
        }

        header.availabilityheader .signout button {
            border-radius: calc(var(--radius) - 2px);
            width: calc(var(--spacing) * 9);
            height: calc(var(--spacing) * 9);
            transition: .3s ease-out;
            padding: 0;
            margin: 0;
            cursor: pointer;
        }

            header.availabilityheader .signout button.logout {
                width: unset;
                height: calc(var(--spacing) * 8);
                padding: calc(var(--spacing) * 2.5);
                color: var(--foreground);
                background: var(--background);
                font-size: var(--text-sm);
                line-height: var(--text-sm-line-height);
                border: solid 1px var(--border);
            }

            header.availabilityheader .signout button:hover {
                background-color: var(--accent);
                color: var(--accent-foreground);
            }

        header.availabilityheader .signout svg {
            width: calc(var(--spacing) * 4);
            height: calc(var(--spacing) * 4);
            color: var(--foreground);
            font-size: var(--text-sm);
            line-height: var(--text-sm-line-height);
            margin-right: calc(var(--spacing) * 2);
        }

            header .officeusertools {
                position: absolute;
                width: 600px;
                top: 40px;
                left: -100px;
                z-index: 100;
                background-color: white;
                color: black;
                padding: 0.5rem 1.5rem;
                border: solid 1px var(--border);
                border-radius: var(--radius);
            }

                header .officeusertools p {
                    padding: 0.5625rem 0;
                    font-size: var(--text-sm);
                }

                header .officeusertools a {
                    color: var(--primary);
                }

                    header .officeusertools a:hover {
                        color: var(--muted);
                    }

                header .officeusertools .input-group {
                    margin-bottom: 0;
                }

            .pagetitle {
                padding-block: calc(var(--spacing) * 6);
                text-align: center
            }

                .pagetitle h1 {
                    margin-bottom: calc(var(--spacing) * 2);
                    font-size: var(--text-2xl);
                    line-height: 1.5;
                }

                .pagetitle p {
                    margin-bottom: calc(var(--spacing) * 1);
                    font-size: var(--text-base);
                    line-height: 1.5;
                }

            .booking {
                padding-block: calc(var(--spacing) * 12);
                line-height: 1.5;
            }

                .booking .bookingarea {
                    border: solid 1px var(--border);
                    border-radius: var(--radius);
                    padding: calc(var(--spacing) * 8);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }

                    .booking .bookingarea h2 {
                        text-align: center;
                        font-size: 1rem;
                        font-weight: normal;
                    }

            .selection {
                margin-bottom: calc(var(--spacing) * 8);
                padding: calc(var(--spacing) * 4);
                background-color: color-mix(in oklab, var(--muted) 30%, transparent);
                border-radius: var(--radius);
            }

                .selection .selection-title {
                    color: var(--muted-foreground);
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                    margin-bottom: calc(var(--spacing) * 1);
                }

                .selection .selection-resort {
                    margin: 0;
                    font-size: 16px;
                    line-height: normal;
                }

                .selection .selection-dates {
                    font-size: var(--text-sm);
                    margin: 0;
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                }

            .basketpanel {
                display: flex;
                flex-direction: column;
                position: fixed;
                top: 0;
                bottom: 0;
                right: 0;
                max-width: 28rem;
                width: 100%;
                transform: translateX(100%);
                transition: .3s ease-out;
                z-index: 2006;
            }

                .basketpanel .basket {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background: #fff;
                    color: #000;
                    padding: 1em;
                    max-height: 100%;
                    overflow: hidden;
                }

                    .basketpanel .basket .basketheading {
                        padding: calc(var(--spacing) * 3);
                    }

                        .basketpanel .basket .basketheading h2 {
                            font-size: var(--text-lg);
                            line-height: var(--text-lg--line-height);
                            margin: 0;
                            padding: 0;
                        }

                        .basketpanel .basket .basketheading .close {
                            color: black;
                            font-size: var(--text-lg);
                            line-height: var(--text-lg--line-height);
                        }

                    .basketpanel .basket .basketitems {
                        border-top: solid 1px var(--border);
                        border-bottom: solid 1px var(--border);
                        margin-top: calc(var(--spacing) * 4);
                        margin-bottom: calc(var(--spacing) * 4);
                        padding-left: calc(var(--spacing) * 4);
                        padding-right: calc(var(--spacing) * 4);
                        height: 300px;
                        overflow-y: scroll;
                    }

                        .basketpanel .basket .basketitems .emptybasket {
                            font-size: var(--text-base);
                            line-height: var(--text-base--line-height);
                            padding: calc(var(--spacing) * 6);
                        }

                        .basketpanel .basket .basketitems .basketitem {
                            border: solid 1px var(--border);
                            margin-bottom: calc(var(--spacing) * 4);
                            margin-top: calc(var(--spacing) * 4);
                            padding: calc(var(--spacing) * 4);
                            padding-left: calc(var(--spacing) * 2);
                            padding-right: calc(var(--spacing) * 2);
                        }

                            .basketpanel .basket .basketitems .basketitem h3, .basketpanel .basket .basketitems .basketitem h4, .basketpanel .basket .basketitems .basketitem i {
                                font-size: var(--text-sm);
                                line-height: var(--text-sm--line-height);
                                margin: 0;
                                padding: 0;
                            }

                            .basketpanel .basket .basketitems .basketitem h4 {
                                padding: 0;
                            }

                            .basketpanel .basket .basketitems .basketitem a svg {
                                width: calc(var(--spacing) * 4);
                                height: calc(var(--spacing) * 4);
                                color: var(--primary);
                            }

                                .basketpanel .basket .basketitems .basketitem a svg.remove {
                                    color: red;
                                }

                            .basketpanel .basket .basketitems .basketitem i {
                                color: red;
                                padding: 0;
                            }

                            .basketpanel .basket .basketitems .basketitem p {
                                font-size: var(--text-sm);
                                line-height: var(--text-sm--line-height);
                                color: var(--muted-foreground);
                                padding: calc(var(--spacing));
                                margin: 0;
                            }

                                .basketpanel .basket .basketitems .basketitem p.description {
                                    font-size: var(--text-xs);
                                    line-height: var(--text-xs--line-height);
                                    padding: 0;
                                    margin: 0;
                                    margin-bottom: calc(var(--spacing));
                                }

                                .basketpanel .basket .basketitems .basketitem p.details {
                                    font-weight: bold;
                                }

                                .basketpanel .basket .basketitems .basketitem p.lowocc {
                                    color: var(--primary);
                                    font-size: var(--text-xs);
                                    line-height: var(--text-xs--line-height);
                                    text-align: center;
                                    padding-left: calc(var(--spacing) * 8);
                                    padding-right: calc(var(--spacing) * 8);
                                }

                                    .basketpanel .basket .basketitems .basketitem p.lowocc.warning {
                                        color: var(--secondary-foreground);
                                    }

                                    .basketpanel .basket .basketitems .basketitem p.lowocc.alert {
                                        color: var(--accent-foreground);
                                    }

                            .basketpanel .basket .basketitems .basketitem hr {
                                color: var(--border);
                                padding: 0;
                                margin: calc(var(--spacing) * 2);
                            }


                    .basketpanel .basket .basketfooter {
                        padding: calc(var(--spacing));
                        padding-top: calc(var(--spacing) * 4);
                    }

                        .basketpanel .basket .basketfooter p {
                            padding: calc(var(--spacing));
                            margin: 0;
                            color: var(--primary);
                            font-weight: bold;
                            font-size: var(--text-lg);
                            line-height: var(--text-lg--line-height);
                        }

                    .basketpanel .basket .clearcart {
                        font-size: var(--text-sm);
                        line-height: var(--text-sm--line-height);
                    }

                        .basketpanel .basket .clearcart a {
                            color: var(--muted-foreground);
                        }

                            .basketpanel .basket .clearcart a:hover {
                                color: var(--destructive);
                            }

            .prevbutton {
                font-size: var(--text-base);
                line-height: 1.5;
                margin: 0;
                padding: 0;
                padding: calc(var(--spacing) * 6);
            }

                .prevbutton a {
                    color: var(--color-blue-600);
                }

                    .prevbutton a:hover {
                        text-decoration: underline;
                    }

            .basketheadline {
                padding: calc(var(--spacing) * 3);
                background-color: color-mix(in oklab, var(--muted) 30%, transparent);
                border-radius: var(--radius);
                margin-top: calc(var(--spacing) * 4);
            }

                .basketheadline p {
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                    color: var(--foreground);
                    margin: 0;
                    padding: 0;
                }

                    .basketheadline p.itemtotal {
                        text-align: right;
                    }

            .editlesson {
                width: 100%;
                height: 90%;
                max-width: 32em;
                border-radius: var(--radius);
                border: solid 1px var(--border);
                padding: 0;
            }

                .editlesson::backdrop {
                    background-color: color-mix(in oklab, #000 50%, transparent);
                }

                .editlesson .editlessonheader {
                    padding: calc(var(--spacing) * 5);
                    border-bottom: solid 1px var(--border);
                }

                    .editlesson .editlessonheader a svg {
                        color: var(--foreground);
                    }

                .editlesson .editlessonmain {
                    padding: calc(var(--spacing) * 5);
                    padding-bottom: 0;
                }

                    .editlesson .editlessonmain .lessondetails {
                        padding: calc(var(--spacing) * 4);
                        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
                        border-radius: var(--radius);
                        margin-bottom: calc(var(--spacing) * 6);
                        color: var(--foreground);
                    }

                        .editlesson .editlessonmain .lessondetails p {
                            color: var(--muted-foreground);
                            font-size: var(--text-xs);
                            line-height: var(--text-xs--line-height);
                            margin: 0;
                            margin-bottom: calc(var(--spacing) * 1);
                            padding: 0;
                        }

                            .editlesson .editlessonmain .lessondetails p.title {
                                font-weight: 500;
                                font-size: var(--text-sm);
                                line-height: var(--text-sm--line-height));
                            }

                    .editlesson .editlessonmain svg {
                        width: calc(var(--spacing) * 4);
                        height: calc(var(--spacing) * 4);
                        font-family: var(--font-family);
                        margin-right: 0.5rem;
                    }

                    .editlesson .editlessonmain .assignline {
                        margin-bottom: calc(var(--spacing) * 3);
                    }

                        .editlesson .editlessonmain .assignline label {
                            margin-top: calc(var(--spacing) * 1);
                        }

                    .editlesson .editlessonmain .assignreason {
                        margin-top: calc(var(--spacing) * 6);
                    }

                    .editlesson .editlessonmain label, .editlesson .editlessonmain p {
                        line-height: 1;
                        font-size: var(--text-sm);
                        color: var(--foreground);
                    }

                        .editlesson .editlessonmain label.sublabel {
                            color: var(--muted-foreground);
                            font-size: var(--text-xs);
                            line-height: var(--tw-leading, var(--text-xs--line-height));
                        }

                    .editlesson .editlessonmain textarea, .editlesson .editlessonmain select, .editlesson .editlessonmain [type='text'], .editlesson .editlessonmain [type='time'], .editlesson .editlessonmain [type='number'], .editlesson .editlessonmain [type='email'], .editlesson .editlessonmain [type='tel'], .editlesson .editlessonmain [type='password'], .editlesson .editlessonmain [type='button'].astext {
                        font-size: var(--text-sm);
                        line-height: var(--text-sm--line-height);
                        padding-inline: calc(var(--spacing) * 3);
                        background-color: var(--input-background);
                        border: solid 1px var(--input);
                        height: calc(var(--spacing) * 9);
                        border-radius: calc(var(--radius) - 2px);
                        margin-top: calc(var(--spacing) * 2);
                        margin-bottom: calc(var(--spacing) * 4);
                    }

                    .editlesson .editlessonmain select {
                        font-size: var(--text-sm);
                        line-height: var(--text-sm--line-height);
                        padding-inline: calc(var(--spacing) * 3);
                        background-color: var(--input-background);
                        border: solid 1px var(--input);
                        height: calc(var(--spacing) * 9);
                        border-radius: calc(var(--radius) - 2px);
                        margin-top: calc(var(--spacing) * 2);
                        margin-bottom: calc(var(--spacing) * 4);
                        padding-right: 2rem;
                    }

                .editlesson .editlessonfooter {
                    padding: calc(var(--spacing) * 5);
                    border-top: solid 1px var(--border);
                }

                    .editlesson .editlessonfooter .newgenbutton {
                        border-radius: calc(var(--radius) - 2px);
                        padding-inline: calc(var(--spacing) * 2);
                        margin: 0;
                        margin-top: calc(var(--spacing) * 8);
                        margin-bottom: calc(var(--spacing) * 8);
                        font-weight: bold;
                        font-size: var(--text-sm);
                        line-height: var(--text-sm--line-height);
                        background-color: var(--primary);
                    }

                        .editlesson .editlessonfooter .newgenbutton.notbold {
                            font-weight: normal;
                        }

                        .editlesson .editlessonfooter .newgenbutton:hover, .editlesson .editlessonfooter .newgenbutton:focus {
                            background-color: #000000;
                        }

                        .editlesson .editlessonfooter .newgenbutton.empty {
                            background-color: white;
                            color: var(--accent-foreground);
                            border: solid 1px var(--border);
                            border-radius: var(--radius);
                        }

                            .editlesson .editlessonfooter .newgenbutton.empty:hover, .editlesson .editlessonfooter .newgenbutton.empty:focus {
                                background-color: var(--input-background);
                            }

            footer {
                padding-block: calc(var(--spacing) * 6);
                background-color: var(--muted);
                border-top: solid 1px var(--border);
            }

                footer p.footertitle {
                    color: var(--text-base);
                    line-height: 1.5;
                    margin: 0;
                    padding: 0;
                }

                footer p.footerlink {
                    margin: 0;
                    padding: 0;
                    margin-top: calc(var(--spacing) * 2);
                    color: var(--text-base);
                    line-height: 1.5;
                    font-size: var(--text-xs);
                }

                    footer p.footerlink a {
                        color: var(--text-base);
                        opacity: 0.5;
                    }

                        footer p.footerlink a:hover {
                            opacity: 1;
                        }

                footer.availabilityfooter {
                    background-color: #2a2a2a;
                    color: #ffffff;
                    padding: calc(var(--spacing) * 8);
                }

                    footer.availabilityfooter h3 {
                        color: #ffffff;
                        font-size: var(--text-lg);
                        line-height: var(--text-lg--line-height);
                        text-align: center;
                        margin: 0;
                        padding: 0;
                        margin-bottom: calc(var(--spacing) * 6);
                        font-weight: normal;
                    }

                    footer.availabilityfooter p {
                        color: #ffffff;
                        margin: 0;
                        padding: 0;
                        font-size: var(--text-base);
                        font-weight: normal;
                        line-height: 1.5;
                    }

                        footer.availabilityfooter p.officename {
                            margin-bottom: calc(var(--spacing) * 2);
                        }

                        footer.availabilityfooter p.officephone {
                            font-size: var(--text-sm);
                            line-height: var(--text-sm--line-height);
                        }

                            footer.availabilityfooter p.officephone a {
                                color: #ffffff;
                            }

                                footer.availabilityfooter p.officephone a:hover {
                                    text-decoration: underline;
                                }

                    footer.availabilityfooter .emaillnk {
                        margin-top: calc(var(--spacing) * 6);
                        margin-bottom: calc(var(--spacing) * 6);
                    }

                        footer.availabilityfooter .emaillnk .icon {
                            display: inline;
                        }

                            footer.availabilityfooter .emaillnk .icon .emailicon {
                                width: calc(var(--spacing) * 5);
                                height: calc(var(--spacing) * 5);
                                color: #ffffff;
                            }

                        footer.availabilityfooter .emaillnk p.text {
                            display: inline;
                            color: #ffffff;
                        }

                            footer.availabilityfooter .emaillnk p.text a {
                                color: white;
                            }

                                footer.availabilityfooter .emaillnk p.text a:hover {
                                    text-decoration: underline;
                                }

                    footer.availabilityfooter .copytext {
                        text-align: center;
                        margin-bottom: calc(var(--spacing) * 6);
                    }

                        footer.availabilityfooter .copytext p {
                            font-size: var(--text-xs);
                            line-height: var(--text-xs--line-height);
                        }
            /* Small Screen */
            @media screen and (max-width: 39.99875em) {
                header {
                    padding: calc(var(--spacing) * 6);
                }

                    header img {
                        width: unset;
                        height: unset;
                    }

                .booking .bookingarea h2 {
                    margin-bottom: calc(var(--spacing) * 8);
                }

                .pagetitle {
                    padding-block: calc(var(--spacing) * 2);
                }

                .basketpanel {
                    width: 100%;
                }
            }
            /* Medium Screen */
            @media screen and (min-width: 40em) and (max-width: 63.99875em) {
                .basketpanel {
                    width: 50%;
                }
            }