body.no-scroll {
    overflow: hidden;  /* Prevent scrolling */
}
.widget-preview {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.partner-logo {
    max-height: 100px;
    max-width: 100px;
    object-fit: contain;
    object-position: left;
}

.logo-container {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0px;
}

.fields {
    max-width: 1200px;
    padding: 0 5px;
    box-sizing: border-box;
}

.search_button {
    height: 32px;
    font-size: 12px;
    background-color: #000000;
    color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2.89px;
    width: 68px;
    cursor: pointer;
}

.search_button:hover {
    opacity: 0.3;
    outline: thin solid rgb(16, 16, 16);
}

.search_button:focus {
    outline: thin solid rgb(16, 16, 16);
}

form {
    display: flex;
    width: 100%;
}

label {
    margin: 5px 5px 5px 0px;
    display: block;
    font-size: 12px;
    font-weight: 400;
}

input {
    height: 32px;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    padding: 8.68px;
    border-radius: 2.89px;
    border-width: 0.72px;
    opacity: 0px;
}

input:hover {
    outline: thin solid rgb(16, 16, 16);
}

.error-message {
    display: none;
}

div:has(input:user-invalid) > .error-message {
    display: block;
    font-size: 12;
    color: #B00020;
    padding-left: 10px;
}

input:user-invalid {
    border: 2px solid #B00020;
}

div:has(input:required)>label:after {
    content: " *";
    color: #B00020;
}

.duration input {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.6501%2013.3047H1.52078V5.34592H11.6501V13.3047ZM9.47954%200.28125V1.7283H3.69135V0.28125H2.2443V1.7283H1.52078C0.717667%201.7283%200.0737305%202.37223%200.0737305%203.17535V13.3047C0.0737305%2013.6885%200.226187%2014.0565%200.497561%2014.3279C0.768935%2014.5993%201.137%2014.7517%201.52078%2014.7517H11.6501C12.0339%2014.7517%2012.402%2014.5993%2012.6733%2014.3279C12.9447%2014.0565%2013.0972%2013.6885%2013.0972%2013.3047V3.17535C13.0972%202.79156%2012.9447%202.4235%2012.6733%202.15213C12.402%201.88075%2012.0339%201.7283%2011.6501%201.7283H10.9266V0.28125H9.47954ZM10.2031%208.24001H6.58545V11.8576H10.2031V8.24001Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.3%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    padding-right: calc(1.5em + 0.75rem);
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.duration:has(input:user-invalid) > input {
    border: 2px solid #B00020;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23B00020%22%20stroke-opacity%3D%220.3%22%3E%0A%3Cpath%20d%3D%22M11.6501%2013.3047H1.52078V5.34592H11.6501V13.3047ZM9.47954%200.28125V1.7283H3.69135V0.28125H2.2443V1.7283H1.52078C0.717667%201.7283%200.0737305%202.37223%200.0737305%203.17535V13.3047C0.0737305%2013.6885%200.226187%2014.0565%200.497561%2014.3279C0.768935%2014.5993%201.137%2014.7517%201.52078%2014.7517H11.6501C12.0339%2014.7517%2012.402%2014.5993%2012.6733%2014.3279C12.9447%2014.0565%2013.0972%2013.6885%2013.0972%2013.3047V3.17535C13.0972%202.79156%2012.9447%202.4235%2012.6733%202.15213C12.402%201.88075%2012.0339%201.7283%2011.6501%201.7283H10.9266V0.28125H9.47954ZM10.2031%208.24001H6.58545V11.8576H10.2031V8.24001Z%22%20fill%3D%22%23B00020%22%20fill-opacity%3D%220.3%22%2F%3E%0A%3C%2Fsvg%3E");
}

.duration span:first-of-type {
    display: none;
}

.pac-icon {
    display: none;
}

.g360-logo span {
    font-family: Proxima Nova;
    font-size: 7.24px;
    font-weight: 400;
    line-height: 8.81px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-align: right;
}

.g360-logo .stack {
    display: flex;
    flex-direction: column;
}

.g360-logo img {
    width: 100px;
}

.hidden_fields {
    display: none;
}

@media (min-width: 0px) and (max-width: 480px) {
    form {
        flex-direction: column;
        width: 100%;
        align-items: flex-end;
    }

    .destination {
        width: 100%;
    }

    .duration {
        width: 100%;
    }

    .rooms {
        width: 100%;
    }

    .attendees {
        width: 100%;
    }

    .search_button {
        margin-top: 10px;
        width: 100px;
    }

    .g360-logo {
        display: flex;
        justify-content: flex-end;
    }
}

@media (min-width: 481px) and (max-width: 737px) {
    form {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .destination {
        width: 100%;
    }

    .duration {
        width: 50%;
    }

    .rooms {
        width: 25%;
    }

    .attendees {
        width: 25%;
    }

    .search_button {
        margin-top: 10px;
    }

    .g360-logo {
        display: flex;
        justify-content: flex-end;
    }
}

@media (min-width: 738px) {
    form {
        flex-direction: row;
    }

    .destination {
        width: 35%;
    }

    .duration {
        width: 25%;
    }

    .rooms {
        width: 20%;
    }

    .attendees {
        width: 20%;
    }

    .search_button {
        margin: 24px 0px 0px 5px;
    }

    .g360-logo {
        display: flex;
        justify-content: flex-end;
    }
}

.widget {
    box-shadow: 0px 2.89px 2.89px 0px #00000040;
    border: 0.72px solid #0000001F;
    border-radius: 6px;
    background: white;
    padding: 18px 35px;
}