/* _content/Atom.Web.Server/Views/Authentication/Components/Cards/Card.razor.rz.scp.css */
.authenticationCard[b-8hk2j1atfy] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--mediumGap);
    padding: var(--xXLargePadding) var(--largePadding);
}

.authenticationImageContainer[b-8hk2j1atfy] {
    position: relative;
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--mediumPadding);
    border-radius: var(--circleBorderRadius);
    background-color: var(--dynamicBackColor);
    box-shadow: var(--innerBoxShadow);
}

.authenticationImage[b-8hk2j1atfy] {
    position: relative;
    width: 100%;
    height: 100%;
    filter: var(--lightFilterDropShadow);
}

.authenticationCardText[b-8hk2j1atfy] {
    text-align: center;
}

.authenticationCardTitle[b-8hk2j1atfy] {
    font-weight: var(--boldFont);
    text-transform: capitalize;
    font-size: 200%;
}

.authenticationCardDescription[b-8hk2j1atfy] {
    font-weight: var(--normalFont);
    font-size: var(--dynamicXLargeFontSize);
    padding-bottom: 1rem;
}
/* _content/Atom.Web.Server/Views/Authentication/Components/Cards/CloudAccountCreationCompletionCard.razor.rz.scp.css */
.authenticationCardCloudImportContainer[b-pxpsy8p1by] {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--dynamicForeColor);
    font-size: var(--xLargeFontSize);
}
/* _content/Atom.Web.Server/Views/Authentication/Components/Cards/CloudAccountUserAndPasswordSetCard.razor.rz.scp.css */
/* _content/Atom.Web.Server/Views/Authentication/Components/Cards/ClouldPhoneNumberVerificationCard.razor.rz.scp.css */
.authenticationCardPinInputContainer[b-twcafk5jpx] {
    position: relative;
    display: flex;
    width: 100%;
    gap: var(--mediumGap);
}

[b-twcafk5jpx] .authenticationCardPinInput .mud-input > input.mud-input-root-outlined,
[b-twcafk5jpx] .authenticationCardPinInput div.mud-input-slot.mud-input-root-outlined {
    width: var(--mediumSize);
    height: var(--largeSize);
    padding: var(--largePadding);
    font-size: 120%;
    text-align: center;
}

[b-twcafk5jpx] .mud-input {
    justify-content:center;
}

.authenticationCardResendInfoContainer[b-twcafk5jpx] {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--smallGap);
}

[b-twcafk5jpx] .authenticationCardResendContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--smallGap);
    padding-top: var(--xXLargePadding);
}

[b-twcafk5jpx] .authenticationCardResendButton {
    border-radius: var(--mediumBorderRadius);
}

[b-twcafk5jpx] .authenticationCardResendButtonText {
    text-transform: uppercase;
    font-weight: var(--boldFont);
}
/* _content/Atom.Web.Server/Views/Authentication/Components/Timers/CountDownTimer.razor.rz.scp.css */

.countDownTimerContainer[b-3ysjcpn88j] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: var(--smallGap);
}

.countDownTimer[b-3ysjcpn88j] {
}

.countDownTimerText[b-3ysjcpn88j] {
    color: var(--dynamicForeColor);
    font-weight: var(--boldFont);
    font-size: var(--dynamicXLargeFontSize)
}
/* _content/Atom.Web.Server/Views/Authentication/Pages/MainPage.razor.rz.scp.css */

.authenticationPageContainer[b-4e2echyk48] {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    background: var(--white);
    gap:3rem;
}

.authenticationCardContainer[b-4e2echyk48] {
    max-width: 400px;
    height: 100%;
    height: 720px;
    background: var(--white);
}

[b-4e2echyk48] .authenticationCardInnerContentContainer {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: var(--xXLargeGap);
}

[b-4e2echyk48] .authenticationCardInputsContainer {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--xXLargeGap);
}

[b-4e2echyk48] .authenticationCardButtonText {
    text-transform: capitalize;
}
/* _content/Atom.Web.Server/Views/Components/Dialogs/CountryInputDialog.razor.rz.scp.css */
.countryInputDialogContainer[b-1ozkk3ryc0] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: var(--mediumGap);
}

.countryInputDialogSearchContainer[b-1ozkk3ryc0] {
    position: relative;
    width: 100%;
    padding: 0 1rem;
}

.countryInputDialogDivider[b-1ozkk3ryc0] {
    width: 100%;
    height: 1px;
    background: var(--lightGray);
}

.countryInputDialogResultsContainer[b-1ozkk3ryc0] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

[b-1ozkk3ryc0] .countryInputDialogResult {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--xXLargeGap);
    padding: var(--xLargePadding);
    cursor: pointer;
}

.countryInputDialogResultFlagAndText[b-1ozkk3ryc0] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: var(--xLargeGap);
}

.countryInputDialogResultFlagIconContainer[b-1ozkk3ryc0] {
    width: 24px;
    height: auto;
    aspect-ratio: 4 /3;
    object-fit: contain;
    display: flex;
}

.countryInputDialogResultFlagIcon[b-1ozkk3ryc0] {
    overflow: hidden;
    border-radius: 2px;
    border: solid 1px var(--lightGray);
}

.countryInputDialogResultText[b-1ozkk3ryc0] {
    font-size: 1rem;
}

.countryInputDialogResultVectorIcon[b-1ozkk3ryc0] {
    width: 20px;
    height: 20px;
}
/* _content/Atom.Web.Server/Views/Components/Icons/ImageWithFallbackIcon.razor.rz.scp.css */
.imageWithFallbackIconContainer[b-1h14qo0fa8] {
    position: relative;
}

.imageWithFallbackIconIcon[b-1h14qo0fa8] {
    position: relative;
    width: 100%;
    height: 100%;
}

.imageWithFallbackIconImage[b-1h14qo0fa8] {
    position: relative;
    width: 100%;
    height: 100%;
}
/* _content/Atom.Web.Server/Views/Components/Inputs/PhoneNumberInput.razor.rz.scp.css */

.phoneNumberInputsContainer[b-b1c9c64ex2] {
    display: flex;
    gap: 8px;
    width: 100%;
    justify-content: space-between;
}

.phoneNumberCountryInputContainer[b-b1c9c64ex2] {
    position:relative;
    width: 128px;
    cursor: pointer;
}

.phoneNumberCountryInput[b-b1c9c64ex2] {
    position: absolute;
    top: 0px;
    width: 128px;
    height: 56px;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    font-size: 1rem;
}

.phoneNumberCountryInputFlagAndTextContainer[b-b1c9c64ex2] {
    display: flex;
    gap: 8px;
    justify-content: start;
    align-items: center;
    color: var(--gray);
}

.phoneNumberCountryInputFlagIconContainer[b-b1c9c64ex2] {
    width: 24px;
    height: auto;
    aspect-ratio: 4 /3;
    object-fit: contain;
    display: flex;
}

.phoneNumberCountryInputFlagIcon[b-b1c9c64ex2] {
    overflow: hidden;
    border-radius: 2px;
    border: solid 1px var(--lightGray);
}

.phoneNumberCountryInputChevronIcon[b-b1c9c64ex2] {
    width: 20px;
    height: 20px;
}

.phoneNumberPhoneNumberInputContainer[b-b1c9c64ex2] {
    position: relative;
}

.phoneNumberCountryCode[b-b1c9c64ex2] {
    position: absolute;
    font-size: 1rem;
    top: 0px;
    left: 44px;
    height: 58px;
    display: flex;
    align-items: center;
    color: var(--gray);
}



@media only screen and (max-width: 560px) {
    .phoneNumberCountryInput[b-b1c9c64ex2] {
        width: 120px;
    }
}

@media only screen and (max-width: 420px) {
    .phoneNumberCountryInput[b-b1c9c64ex2] {
        width: 112px;
    }
}
/* _content/Atom.Web.Server/Views/Components/Lottie/LottieAnimation.razor.rz.scp.css */
.lottieAnimationContainer[b-rkmn22t05c] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lottieAnimation[b-rkmn22t05c] {
    width: 18rem;
    height: 18rem;
}

@media only screen and (max-width: 560px) {
    .lottieAnimation[b-rkmn22t05c] {
        width: 12rem;
        height: 12rem;
    }
}
/* _content/Atom.Web.Server/Views/Components/Text/MarkdownBlock.razor.rz.scp.css */
/* _content/Atom.Web.Server/Views/Shared/MainLayout.razor.rz.scp.css */
.page[b-980f3q5s89] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-980f3q5s89] {
    flex: 1;
}


#blazor-error-ui[b-980f3q5s89] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-980f3q5s89] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/CategoryButton.razor.rz.scp.css */
.categoryButtonButtonContainer[b-ki09a0xpu4] {
    position: relative;
    width: 100%;
    min-width: auto;
    height: auto;
}

.disabledCategoryButtonButtonContainer[b-ki09a0xpu4] {
    background-color: gray;
}

[b-ki09a0xpu4] .categoryButtonButton {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 1rem;
    padding: 0;
    overflow: hidden;
}

.categoryButtonButtonImage[b-ki09a0xpu4] {
    position: absolute;
    z-index: 0;
}

.categoryButtonButtonTitle[b-ki09a0xpu4] {
    font-size: 160%;
    font-weight: 600;
    color: var(--white);
    z-index: 1;
}

.categoryButtonButtonImageOverlay[b-ki09a0xpu4] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.1);
    transition: all ease-in-out 0.2s;
}

    .categoryButtonButtonImageOverlay:hover[b-ki09a0xpu4] {
        background-color: rgba(0,0,0,0.3);
    }

.disabledCategoryButtonButtonImageOverlay[b-ki09a0xpu4] {
    filter: grayscale(1);
    cursor: default;
}

@media only screen and (max-width: 560px) {
    .categoryButtonButtonTitle[b-ki09a0xpu4] {
        font-size: 120%;
    }
}

@media only screen and (max-width: 420px) {
    .categoryButtonButtonTitle[b-ki09a0xpu4] {
        font-size: 92%;
        font-weight: 500;
    }
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/CompanyHoursPreview.razor.rz.scp.css */

.companyIsOpenInfoContainer[b-lbfg4alrdb] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--smallGap);
}

.companyIsOpenFlagLabel[b-lbfg4alrdb] {
    position: relative;
    width: 120px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--mediumGap);
    padding: var(--smallPadding) var(--largePadding);
    background-color: var(--dynamicBackColor);
    color: var(--dynamicForeColor);
    border-radius: var(--mediumBorderRadius);
}

.companyIsOpenFlagIcon[b-lbfg4alrdb] {
    width: 1rem;
    height: 1rem;
}

.companyIsOpenFlagText[b-lbfg4alrdb] {
    font-size: 92%;
}

.companyIsOpenInfoText[b-lbfg4alrdb] {
    font-size: 80%;
    text-align: center;
}

    .companyIsOpenInfoText strong[b-lbfg4alrdb] {
        font-weight: 600;
    }
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Filters/CompaniesPageFilters.razor.rz.scp.css */
.companiesPageTrainBuddySupportContainer[b-40m6mpvt2e] {
    position: relative;
    width: 200px;
    margin-top: 1rem;
}

.companiesPageTrainBuddyFlagSupportedBy[b-40m6mpvt2e] {
    position: relative;
    font-size: var(--dynamicXSmallFontSize);
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Filters/CompanyPageSubscriptionFilters.razor.rz.scp.css */
.companyPageFiltersToggleButtonsContainer[b-p45gofqxg3] {
    width: 100px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 0.4rem;
    margin-top: 1rem;
}

.filterToogleFlagIconContainer[b-p45gofqxg3] {
    width: var(--smallIconSize);
    height: var(--smallIconSize);
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Filters/FiltersContainer.razor.rz.scp.css */
.filtersContainerToggleButtonsContainer[b-v2c5zfku6h] {
    width: fit-content;
    min-width: 100px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 0.4rem;
    margin-top: 1rem;
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Filters/FilterToggleButton.razor.rz.scp.css */

[b-e7r8b6i9ea] .filterToogleButton.mud-icon-button.mud-button {
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 32px;
}

.filterToogleFlagIconContainer[b-e7r8b6i9ea] {
    width: var(--smallIconSize);
    height: var(--smallIconSize);
}

/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Header.razor.rz.scp.css */
.headerContainer[b-egc9qdl3o4] {
    position: sticky;
    top:0;
    width: 100%;
    height: 5rem;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: 1fr;
    align-items: center;
    padding: var(--largePadding) var(--xLargePadding);
    background-color: var(--white);
    color: var(--veryDarkGray);
    filter: var(--lightFilterDropShadow);
    z-index: 10;
}

.headerContainerWithSearchBar[b-egc9qdl3o4] {
    gap: var(--largeGap);
}

.headerLogoAndAppNameContainer[b-egc9qdl3o4] {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: var(--mediumGap);
}

.headerLogoContainer[b-egc9qdl3o4] {
    position: relative;
    width: var(--logoHeight);
    height: var(--logoHeight);
}

.headerAppNameContainer[b-egc9qdl3o4] {
    position: relative;
    display: flex;
    gap: 0;
    font-family: "Poppins", serif;
    font-weight: 700;
    font-size: 190%;
}

.headerSearchBarContainer[b-egc9qdl3o4] {
    width: 100%;
    max-width: 32rem;
    justify-self: center;
}

[b-egc9qdl3o4] .headerDivider {
    display: none;
    bottom: 72px;
}

[b-egc9qdl3o4] .headerSearchBar {
    padding: var(--smallPadding) var(--xLargePadding) var(--smallPadding) var(--largePadding);
    border: solid var(--mediumBorderThickness) var(--lightGray);
    border-radius: var(--xLargeBorderRadius);
}

[b-egc9qdl3o4] .mud-input-control {
    margin: 0;
}

    [b-egc9qdl3o4] .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
        margin: 0;
    }

.headerLocationContainer[b-egc9qdl3o4] {
}


@media only screen and (max-width: 800px) {
    .headerContainerWithSearchBar[b-egc9qdl3o4] {
        height: 9rem;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 24px 1rem;
    }

    .headerLogoAndAppNameContainer[b-egc9qdl3o4] {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }

    [b-egc9qdl3o4] .headerSearchBarContainer {
        max-width: 800px;
        grid-row: 2 / 3;
        grid-column: 1 / 3;
    }

    [b-egc9qdl3o4] .headerDivider {
        display: flex;
    }

    .headerLocationContainer[b-egc9qdl3o4] {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
    }
}

@media only screen and (max-width: 560px) {
    
}

@media only screen and (max-width: 420px) {
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/IconAndTextBlock.razor.rz.scp.css */
.iconAndTextBlockContainer[b-w4xdjaah7l] {
    position: relative;
    width: 100%;
    display: flex;
    gap: var(--mediumGap);
}

.iconAndTextBlockIconContainer[b-w4xdjaah7l] {
    width: var(--mediumSize);
    height: var(--mediumSize);
}

[b-w4xdjaah7l] .iconAndTextBlockText {
    font-size: var(--dynamicSmallFontSize);
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Label.razor.rz.scp.css */
.labelContainer[b-fyfl36t7jt] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--smallPadding) var(--largePadding);
    background-color: var(--dynamicBackColor);
    color: var(--dynamicForeColor);
    border-radius: var(--mediumBorderRadius);
}

.labelText[b-fyfl36t7jt] {
    font-size: var(--dynamicXSmallFontSize);
    font-weight: 600;
    text-transform: capitalize;
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/NavigationBar.razor.rz.scp.css */
.navigationBarContainer[b-q93y1u9yxu] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: auto;
}

.navigationBarButtonsContainer[b-q93y1u9yxu] {
    position: relative;
    display: flex;
    gap: 4px;
}

.navigationBarButtonContainer[b-q93y1u9yxu] {
    position: relative;
    width: 140px;
    display: flex;
    justify-content: center;
}

[b-q93y1u9yxu] .navigationBarMenuButton {
    width: 100%;
}

    [b-q93y1u9yxu] .navigationBarMenuButton .iconAndTextBlockContainer {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.navigationBarMenuPointer[b-q93y1u9yxu] {
    position: absolute;
    bottom: 0;
    width: 140px;
    height: 2px;
    background-color: var(--blue);
    transition: all ease-in-out 0.2s;
}

[b-q93y1u9yxu] .navigationBarPointerFirstPosition {
    left: 0;
}

[b-q93y1u9yxu] .navigationBarPointerSecondPosition {
    left: 144px;
}

[b-q93y1u9yxu] .navigationBarPointerThirdPosition {
    left: 288px;
}

@media only screen and (max-width: 560px) {

    .navigationBarButtonContainer[b-q93y1u9yxu] {
        width: 100px;
    }

    .navigationBarMenuPointer[b-q93y1u9yxu] {
        width: 100px;
    }

    [b-q93y1u9yxu] .navigationBarButtonsContainer .iconAndTextBlockIconContainer {
        display: none;
    }

    [b-q93y1u9yxu] .navigationBarPointerFirstPosition {
        left: 0;
    }

    [b-q93y1u9yxu] .navigationBarPointerSecondPosition {
        left: 104px;
    }

    [b-q93y1u9yxu] .navigationBarPointerThirdPosition {
        left: 208px;
    }
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/PreviewFlag.razor.rz.scp.css */
.previewFlagContainer[b-2svy334zix] {
    position: absolute;
    top: 0;
    right: 0;
    height: var(--largeSize);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--dynamicBackColor);
    border-radius: 0 var(--xLargeBorderRadius) 0 var(--xLargeBorderRadius);
}

.previewFlagIconContaienr[b-2svy334zix] {
    width: 36px;
    height: var(--largeSize);
    padding: 6px;
    color: var(--white);
    background-color: var(--dynamicBackColor);
    border-radius: 0 var(--xLargeBorderRadius) 0 var(--xLargeBorderRadius);
}

.previewFlagText[b-2svy334zix] {
    font-size: var(--dynamicSmallFontSize);
    font-weight: 600;
    padding: var(--smallPadding) var(--largePadding);
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Previews/CompanyPreview.razor.rz.scp.css */
.companyLogoAndTrainBuddyFlagContainer[b-blxw97w2p3] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.companyTrainBuddyFlagContainer[b-blxw97w2p3] {
    position: absolute;
    bottom: -1rem;
    right: -1rem;
    width: 3rem;
    height: 3rem;
    padding: var(--mediumPadding);
    background-color: var(--white);
    border: solid var(--largeBorderThickness) var(--veryLightGray);
    border-radius: var(--largeBorderRadius);
    aspect-ratio: 1 / 1;
}

.supportedByTrainBuddyFlagLabelContainer[b-blxw97w2p3] {
    background-color: var(--aliceBlue);
}

.notSupportedByTrainBuddyFlagLabelContainer[b-blxw97w2p3] {
    background-color: var(--veryLightGray);
}

.supportedByTrainBuddyFlagLabelAppNameContainer[b-blxw97w2p3] {
    font-size: 112%;
    font-weight: 600;
}

@media only screen and (max-width: 560px) {
    .companyLogoAndTrainBuddyFlagContainer[b-blxw97w2p3] {
        padding: 2rem;
    }
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Previews/ServicePreview.razor.rz.scp.css */
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Previews/SubscriptionPreview.razor.rz.scp.css */
.subscriptionPreviewPriceContainer[b-obc48qz55i] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
}

.subscriptionPreviewBeforeSalePrice[b-obc48qz55i] {
    font-size: 80%;
    color: var(--red);
    text-decoration: line-through;
}

.subscriptionPreviewPrice[b-obc48qz55i] {
    font-size: 120%;
    font-weight: 600;
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Previews/SubscriptionServicePreview.razor.rz.scp.css */
.subscriptionServicePreviewFlagLabel[b-pkms6ai70b] {
    background-color: var(--dynamicBackColor);
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Schedule/Schedule.razor.rz.scp.css */
.scheduleContainer[b-20iabm3pqo] {
    position: relative;
    width: var(--xXLargeMaxWidth);
    min-width: var(--xXLargeMaxWidth);
    display: flex;
    flex-direction: column;
    gap: var(--mediumGap);
}

.scheduleHeaderContainer[b-20iabm3pqo] {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
    gap: var(--xLargeGap);
    background-color: var(--white);
    border-radius: 1rem;
}

.scheduleHeaderDayContainer[b-20iabm3pqo] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.4rem 0;
}

.scheduleHeaderDay[b-20iabm3pqo] {
    position: relative;
    font-size: 112%;
}

.scheduleTimeBarsContainer[b-20iabm3pqo] {
    max-height: 70vh;
    overflow-y: auto;
}

.scheduleTimeBarAndCardsContainer[b-20iabm3pqo] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--xLargeGap);
}

.scheduleTimeBarContainer[b-20iabm3pqo] {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    justify-content: center;
    gap: var(--xLargeGap);
}

.scheduleTimeBar[b-20iabm3pqo] {
    grid-row: 1 / 2;
    position: relative;
    width: 100%;
    height: 1px;
    background-color: var(--lightGray);
}

.scheduleTime[b-20iabm3pqo] {
    grid-row: 1 / 2;
    font-weight: 500;
    color: var(--lightGray);
}

.scheduleDaysAndCardsContainer[b-20iabm3pqo] {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(7, 1fr);
    align-items: start;
    gap: var(--xLargeGap);
}

.scheduleDayCardsContainer[b-20iabm3pqo] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--xLargeGap);
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/Schedule/ScheduleCard.razor.rz.scp.css */
.scheduleCardContainer[b-7rbttu2iax] {
    position: relative;
    width: 100%;
    max-width: 132px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: var(--largeGap);
    padding: var(--largePadding);
    background-color: var(--white);
    border-radius: var(--xLargeBorderRadius)
}

.scheduleCardFlagContainer[b-7rbttu2iax] {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--largeSize);
    height: 28px;
    padding: 6px;
    background-color: var(--dynamicBackColor);
    border-radius: 0 var(--xLargeBorderRadius) 0 var(--xLargeBorderRadius);
}

.scheduleCardTimeFrame[b-7rbttu2iax] {
    font-size: var(--dynamicXSmallFontSize);
}

.scheduleCardTitle[b-7rbttu2iax] {
    font-size: var(--dynamicMediumFontSize);
}

.scheduleCardDetailsContainer[b-7rbttu2iax] {
    position: relative;
    display: flex;
    gap: var(--largeGap);
    justify-content: start;
    align-items: center;
}

.scheduleCardIconAndTextContainer[b-7rbttu2iax] {
    position: relative;
    display: flex;
    gap: var(--smallGap);
    align-items: center;
}

.scheduleCardIconContainer[b-7rbttu2iax] {
    width: var(--mediumSize);
    height: var(--mediumSize);
}

.scheduleCardText[b-7rbttu2iax] {
    font-size: var(--dynamicXSmallFontSize);
}

.scheduleCardTrainersContainer[b-7rbttu2iax] {
    position: relative;
    display: flex;
    gap: var(--smallGap);
    align-items: center;
}

.scheduleCardTrainer[b-7rbttu2iax] {
    position: relative;
    width: var(--mediumIconSize);
    height: var(--mediumIconSize);
    border-radius: var(--circleBorderRadius);
    overflow: hidden;
    border: solid var(--mediumBorderThickness) var(--white);
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/ScrollableContainer.razor.rz.scp.css */
.scrollableContainer[b-707kcyf1xt] {
    position: relative;
    width: calc(100vw - 10px);
    max-width: var(--xXLargeMaxWidth);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    white-space: nowrap;
    cursor: grab;
}

    .scrollableContainer[b-707kcyf1xt]::-webkit-scrollbar {
        display: none;
    }

@media only screen and (max-width: 1020px) {
    .scrollableContainer[b-707kcyf1xt] {
        padding: 0 var(--smallPadding);
    }
}

@media only screen and (max-width: 560px) {
    .scrollableContainer[b-707kcyf1xt] {
        width: 100vw;
        gap: 0.4rem;
    }
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Components/SupportedByTrainBuddyBanner.razor.rz.scp.css */
.supportedByTrainBuddyBannerContainer[b-fy01fljomt] {
    position: relative;
    width: 100%;
    display: grid;
    grid-template: 1fr / 48% 52%;
    justify-content: space-between;
    align-items: center;
    gap: var(--largeGap);
    padding: var(--xLargePadding);
    background: linear-gradient(152deg, var(--white) 0 24%, var(--red) 72% 100%);
    border-radius: var(--xLargeBorderRadius);
}

.supportedByTrainBuddyBannerTitleContainer[b-fy01fljomt] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: var(--mediumGap);
}

.supportedByTrainBuddyBannerTitle[b-fy01fljomt] {
    position: relative;
    font-weight: 600;
    font-size: var(--dynamicXXLargeFontSize);
}

.supportedByTrainBuddyBannerAppName[b-fy01fljomt] {
    position: relative;
    font-weight: 700;
    font-size: var(--dynamicXXXXLargeFontSize);
}

.supportedByTrainBuddyBannerLogoImage[b-fy01fljomt] {
    width: 40%;
}

.supportedByTrainBuddyBannerTextContainer[b-fy01fljomt] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--white);
}

.supportedByTrainBuddyBannerTextBold[b-fy01fljomt] {
    font-size: var(--dynamicLargeFontSize);
    font-weight: 500;
}

.supportedByTrainBuddyBannerText[b-fy01fljomt] {
    font-size: var(--dynamicSmallFontSize);
}

@media only screen and (max-width: 800px) {
    .supportedByTrainBuddyBannerTitle[b-fy01fljomt] {
        font-size: var(--dynamicXLargeFontSize);
    }

    .supportedByTrainBuddyBannerAppName[b-fy01fljomt] {
        font-size: var(--dynamicXXLargeFontSize);
    }

    .supportedByTrainBuddyBannerTextBold[b-fy01fljomt] {
        font-size: var(--dynamicMediumFontSize);
        font-weight: 500;
    }

    .supportedByTrainBuddyBannerText[b-fy01fljomt] {
        font-size: var(--dynamicXSmallFontSize);
    }
}

@media only screen and (max-width: 560px) {
    .supportedByTrainBuddyBannerContainer[b-fy01fljomt] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
        background: linear-gradient(180deg, var(--white) 0 24%, var(--red) 72% 100%);
    }

    .supportedByTrainBuddyBannerLogoImage[b-fy01fljomt] {
        width: 28%;
    }

    .supportedByTrainBuddyBannerTitleContainer[b-fy01fljomt] {
        gap: var(--smallGap);
    }
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Pages/CompaniesPage.razor.rz.scp.css */

/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Pages/CompanyPage.razor.rz.scp.css */
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Pages/MainPage.razor.rz.scp.css */
.mainPageContainer[b-afpo28ss4d] {
    display: flex;
    flex-direction: column;
    gap: var(--xXLargeGap);
}

.mainPageSearchAreaSection[b-afpo28ss4d] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--xLargeGap);
    padding: var(--xXLargePadding);
    background-color: var(--white);
    border-radius: 0 0 var(--xXLargeBorderRadius) var(--xXLargeBorderRadius);
}

.mainPageSearchAreaLogoAndAppNameContainer[b-afpo28ss4d] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 0;
}

.mainPageSearchAreaLogoContainer[b-afpo28ss4d] {
    position: relative;
    width: 10rem;
    height: 10rem;
    filter: var(--lightFilterDropShadow);
}

.mainPageSearchAreaAppNameContainer[b-afpo28ss4d] {
    position: relative;
    top: -1rem;
    font-size: 360%;
}

[b-afpo28ss4d] .mainPageSearchAreaSearchBar {
    position: relative;
    width: 100%;
    max-width: 38rem;
}

[b-afpo28ss4d] .mainPageSearchAreaSearchInput {
    padding: var(--smallPadding) var(--xLargePadding) var(--smallPadding) var(--largePadding);
    border: solid var(--mediumBorderThickness) var(--lightGray);
    border-radius: var(--xLargeBorderRadius);
}

[b-afpo28ss4d] .mud-input-control {
    margin: 0;
}

    [b-afpo28ss4d] .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
        margin: 0;
    }

.mainPageSearchAreaPopularContainer[b-afpo28ss4d] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: var(--largeGap);
    padding: var(--xLargePadding);
    margin-left: var(--largeMargin);
}

.mainPageSearchAreaPopularSearchesContainer[b-afpo28ss4d] {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: var(--largeGap);
}

.mainPageSearchAreaPopularSearchesImageContainer[b-afpo28ss4d] {
    position: relative;
    width: 40px;
    height: 40px;
    padding: var(--mediumPadding);
    background-color: var(--dynamicBackColor);
    border-radius: var(--circleBorderRadius);
    filter: var(--lightFilterDropShadow);
}

.mainPageSearchAreaPopularSearchesTitle[b-afpo28ss4d] {
    font-size: var(--dynamicXLargeFontSize);
    font-weight: 600;
}

[b-afpo28ss4d] .mainPageSearchAreaPopularSearch.mud-button-outlined.mud-button-outlined-secondary {
    border-radius: 16px;
    color: var(--darkGray);
}

.subscriptionPreviewPriceContainer[b-afpo28ss4d] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
}

.subscriptionPreviewBeforeSalePrice[b-afpo28ss4d] {
    font-size: 80%;
    color: var(--red);
    text-decoration: line-through;
}

.subscriptionPreviewPrice[b-afpo28ss4d] {
    font-size: 120%;
    font-weight: 600;
}


.servicePreviewDescription[b-afpo28ss4d] {
    padding-bottom: 1rem;
}

.servicePreviewLogo[b-afpo28ss4d] {
    border-radius: 1rem;
}

.categoryButtonButtonWrapper[b-afpo28ss4d] {
    position: relative;
    width: 18%;
    min-width: 120px;
    height: auto;
    aspect-ratio: 1 / 1;
}

@media only screen and (max-width: 560px) {
    .mainPageSearchAreaPopularContainer[b-afpo28ss4d] {
        padding: var(--xLargePadding) 0;
        margin-left: 0;
    }

    .servicePreviewDescription[b-afpo28ss4d] {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 420px) {
    .mainPageContainer[b-afpo28ss4d] {
        display: flex;
        flex-direction: column;
        gap: var(--xLargeGap);
    }
    .mainPageSearchAreaSection[b-afpo28ss4d] {
        gap: var(--largeGap);
        padding: var(--xXLargePadding) var(--xLargePadding);
        border-radius: 0;
    }

    .mainPageSearchAreaPopularSearchesContainer[b-afpo28ss4d] {
        gap: var(--mediumGap);
    }

    .mainPageCategoriesSection[b-afpo28ss4d] {
        gap: var(--smallGap);
    }
}
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Pages/ServicePage.razor.rz.scp.css */
/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Pages/SubscriptionPage.razor.rz.scp.css */

/* _content/Atom.Web.Server/Views/TrainBuddy/Roster/Shared/RosterMainLayout.razor.rz.scp.css */
.page[b-w7tlcs4f1f] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-w7tlcs4f1f] {
    flex: 1;
}


#blazor-error-ui[b-w7tlcs4f1f] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-w7tlcs4f1f] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Atom.Web.Server/Views/Website/Components/ApplicationPreview.razor.rz.scp.css */
.applicationPreviewAndLabelContainer[b-qaw81fmqfr] {
    position: relative;
    width: 100%;
    display: flex;
}

.applicationPreviewContainer[b-qaw81fmqfr] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.applicationPreviewImagesContainer[b-qaw81fmqfr] {
    position: relative;
    width: 100%;
    max-height: 220px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    justify-items: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.applicationPreviewImagesContainerWithLabel[b-qaw81fmqfr] {
    border-radius: var(--largeBorderRadius) 0 0 0;
}

.applicationPreviewImagesContainerWithoutLabel[b-qaw81fmqfr] {
    border-radius: var(--largeBorderRadius) var(--largeBorderRadius) 0 0;
}

.applicationPreviewBackgroundImage[b-qaw81fmqfr] {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    position: relative;
    width: 100%;
    max-height: 124px;
    display: flex;
}

.secondApplicationPreviewBackgroundImage[b-qaw81fmqfr] {
    transform: scaleX(-1);
    left: -1px;
}

.applicationPreviewBackground[b-qaw81fmqfr] {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, var(--dynamicBackColor), var(--dynamicForeColor));
    opacity: 80%;
}

.applicationPreviewForegroundImage[b-qaw81fmqfr] {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    height: 6rem;
    object-fit: contain;
    filter: var(--lightFilterDropShadow);
    z-index: 2;
}

.applicationPreviewNameContainer[b-qaw81fmqfr] {
    position: relative;
    width: 100%;
    height: var(--xLargeIconSize);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--dynamicBackColor);
    color: var(--dynamicForeColor);
}

.applicationPreviewName[b-qaw81fmqfr] {
    font-size: 120%;
    font-weight: 600;
}

.applicationPreviewDescriptionContainer[b-qaw81fmqfr] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--largeGap);
    padding: var(--xLargePadding);
    background-color: var(--dynamicBackColor);
    overflow: hidden;
}

.applicationPreviewDescriptionContainerWithoutLabel[b-qaw81fmqfr] {
    border-radius: 0 0 var(--largeBorderRadius) var(--largeBorderRadius);
}

.applicationPreviewDescriptionContainerWithLabel[b-qaw81fmqfr] {
    border-radius: 0 0  0 var(--largeBorderRadius);
}

.applicationPreviewDescription[b-qaw81fmqfr] {
    height: 48px;
    margin: 0;
    font-size: var(--dynamicXSmallFontSize);
    font-weight: 400;
}

.applicationPreviewBubblesContainer[b-qaw81fmqfr] {
    position: relative;
    height: var(--largeSize);
    display: flex;
    justify-content: start;
    align-items: center;
    gap: var(--largeGap);
}

.applicationPreviewBubble[b-qaw81fmqfr] {
    position: relative;
    width: var(--largeSize);
    height: var(--largeSize);
}

.applicationPreviewMoreButtonContainer[b-qaw81fmqfr] {
    width: fit-content;
}

[b-qaw81fmqfr] .applicationPreviewMoreButton {
    position: relative;
    width: 7rem;
    height: var(--largeSize);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--mediumPadding) 0;
    box-shadow: none;
    border-radius: var(--mediumBorderRadius);
}

.applicationPreviewMoreButtonText[b-qaw81fmqfr] {
    position: relative;
    left: var(--smallMargin);
    text-transform: capitalize;
    font-weight: var(--normalFont);
    font-size: var(--dynamicSmallFontSize);
}

.applicationPreviewMoreButtonVector[b-qaw81fmqfr] {
    position: relative;
    top: 1px;
    left: var(--smallMargin);
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.applicationPreviewLabelContainer[b-qaw81fmqfr] {
    position: relative;
    width: 48px;
    height: auto;
    background-color: var(--dynamicBackColor);
    color: var(--dynamicForeColor);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 var(--largeBorderRadius) var(--largeBorderRadius) 0;
}

.applicationPreviewLabel[b-qaw81fmqfr] {
    position: absolute;
    width: 300px;
    display:flex;
    justify-content:center;
    align-items: center;
    font-size: 140%;
    font-weight: 700;
    letter-spacing: 6px;
    text-transform: uppercase;
    transform: rotate(-90deg);
}
/* _content/Atom.Web.Server/Views/Website/Components/Footer/Footer.razor.rz.scp.css */
.footerAndTrademMarkContainer[b-mrahfu2w2e] {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--dynamicBackColor);
    color: var(--dynamicForeColor);
}

.footerContainer[b-mrahfu2w2e] {
    position: relative;
    width: 100%;
    max-width: var(--xXLargeMaxWidth);
    display: grid;
    grid-template-columns: 3fr 1.6fr 1.6fr 2fr 3fr;
    justify-items: start;
    align-items: start;
    gap: 0 var(--mediumGap);
    padding: var(--xXLargePadding) var(--largePadding);
}

.footerSection[b-mrahfu2w2e] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: var(--mediumGap);
}

.footerCompanyLogoAndNameContainer[b-mrahfu2w2e] {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: var(--mediumGap);
}

.footerCompanyLogoContainer[b-mrahfu2w2e] {
    position: relative;
    width: var(--xXLargeSize);
    height: var(--xXLargeSize);
    display: flex;
    justify-content: center;
    align-items: center;
}

.footerCompanyLogo[b-mrahfu2w2e] {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footerCompanyName[b-mrahfu2w2e] {
    color: var(--white);
    font-size: 140%;
    font-weight: var(--normalFont);
}

.footerCompanyNumber[b-mrahfu2w2e] {
    font-size: var(--dynamicXSmallFontSize);
}

.footerCompanySocialsContainer[b-mrahfu2w2e] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: var(--mediumGap);
}

.footerCompanySocialContainer[b-mrahfu2w2e] {
    position: relative;
    width: var(--mediumIconSize);
    height: var(--mediumIconSize);
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit;
}

.footerPageCategory[b-mrahfu2w2e] {
    padding-top: var(--largePadding);
}

.footerPageAnchor[b-mrahfu2w2e] {
    color: var(--dynamicForeColor);
}

.footerGetInTouchInfoContainer[b-mrahfu2w2e] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: var(--mediumGap);
    font-size: var(--dynamicSmallFontSize);
}

.footerGetInTouchInfo[b-mrahfu2w2e] {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    color: inherit;
    gap: var(--smallGap);
}

.footerGetInTouchInfoIcon[b-mrahfu2w2e] {
    position: relative;
    width: var(--mediumSize);
    height: var(--mediumSize);
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit;
}

.tradeMarkContainer[b-mrahfu2w2e] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--smallGap);
    padding: var(--mediumPadding);
    color: inherit;
    font-size: var(--dynamicXSmallFontSize);
}

.tradeMarkIconContainer[b-mrahfu2w2e] {
    position: relative;
    width: var(--smallSize);
    height: var(--smallSize);
}

@media only screen and (max-width: 800px) {
    .footerContainer[b-mrahfu2w2e] {
        grid-template-columns: 1fr 1fr;
        gap: var(--xXLargeGap);
        padding: var(--xXLargePadding);
    }

    .footerCompanySection[b-mrahfu2w2e] {
        grid-column: 1 / 3;
    }
}

@media only screen and (max-width: 500px) {
    .footerContainer[b-mrahfu2w2e] {
        grid-template-columns: 3fr 4fr;
        gap: var(--largeGap);
        padding: var(--xLargePadding);
    }
}
/* _content/Atom.Web.Server/Views/Website/Components/Header/Header.razor.rz.scp.css */
.headerContainer[b-n971vxz6fb] {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--xLargeGap);
    padding: var(--mediumPadding) var(--xLargePadding);
    background-color: var(--white);
    filter: var(--lightFilterDropShadow);
    z-index: 12;
    --mud-palette-divider-light: rgb(0 0 0 / 16%);
}

.headerLogoAndNameContainer[b-n971vxz6fb] {
    position: relative;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--largeGap);
}

.headerLogoContainer[b-n971vxz6fb] {
    position: relative;
    width: var(--xLargeIconSize);
    height: var(--xLargeIconSize);
    cursor: pointer;
}

.headerLogo[b-n971vxz6fb] {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.headerName[b-n971vxz6fb] {
    position: relative;
    font-weight: var(--normalFont);
    cursor: pointer;
}

.headerCategoriesContainer[b-n971vxz6fb] {
    position: relative;
    width: auto;
    height: 100%;
    display: grid;
    grid-template-columns: auto auto auto auto;
    justify-content: space-between;
    align-items: center;
    gap: var(--xXLargeGap);
}

[b-n971vxz6fb] .headerContactUsButton {
    width: 9rem;
    height: 3rem;
    border-radius: var(--largeBorderRadius);
}

.headerContactUsButtonText[b-n971vxz6fb] {
    text-transform: capitalize;
    font-size: var(--dynamicLargeFontSize);
}

.headerContactUsButtonVector[b-n971vxz6fb] {
    position: relative;
    left: var(--smallMargin);
    width: var(--mediumIconSize);
    height: var(--mediumIconSize);
}

[b-n971vxz6fb] .headerSideMenuButton {
    height: var(--xXLargeSize);
}

.headerSideMenuButtonVector[b-n971vxz6fb] {
    position: relative;
    width: var(--largeSize);
    height: var(--largeSize);
}

.headerButtonAndLocalizationContainer[b-n971vxz6fb] {
    position: relative;
    display: flex;
    flex-direction:row;
    justify-content: end;
    gap: var(--xLargeGap);
}

@media only screen and (min-width: 856px) {

    [b-n971vxz6fb] .headerSideMenuContainer {
        display: none;
    }

    [b-n971vxz6fb] .headerSideMenuButtonContainer {
        display: none;
    }
}

@media only screen and (max-width: 1000px) {

    .headerCategoriesContainer[b-n971vxz6fb] {
        gap: var(--largeGap);
    }
}

@media only screen and (max-width: 855px) {

    .headerCategoriesContainer[b-n971vxz6fb] {
        display: none;
    }

    .headerContactUsContainer[b-n971vxz6fb] {
        display: none;
    }

    .headerButtonAndLocalizationContainer[b-n971vxz6fb] {
        gap: var(--smallGap);
    }
}
/* _content/Atom.Web.Server/Views/Website/Components/Header/HeaderCategory.razor.rz.scp.css */
 
.headerCategoryContainer[b-smboi6i1ml] {
    position: relative;
    width: auto;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
}

.headerCategory[b-smboi6i1ml] {
    position: relative;
    width: 100%;
    font-weight: 500;
    font-size: var(--dynamicXLargeFontSize);
    color: var(--dynamicForeColor);
    cursor: pointer;
}

    .headerCategory:hover[b-smboi6i1ml] {
        color: var(--dynamicBackColor);
    }

.headerCategoryDropdown[b-smboi6i1ml] {
    position: absolute;
    top: 72%;
    left: 50%;
    min-width: 22rem;
    display: flex;
    flex-direction: column;
    gap: var(--xLargeGap);
    padding: var(--xXLargePadding);
    background: var(--white);
    border-radius: var(--largeBorderRadius);
    filter: var(--lightFilterDropShadow);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, var(--largeMargin));
    transition: all .2s ease-in-out;
    transition-property: visibility, opacity, transform;
}

.headerCategoryContainer:hover .headerCategoryDropdown[b-smboi6i1ml] {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%);
}

.headerCategoryDropdownItemContainer[b-smboi6i1ml] {
    position: relative;
    width: 100%;
    display: flex;
    gap: var(--xLargeGap);
    align-items: center;
    justify-content: start;
    color: var(--englishViolet);
    cursor: pointer;
}

.headerCategoryDropdownItemIconContainer[b-smboi6i1ml] {
    width: var(--xXLargeIconSize);
    height: var(--xXLargeIconSize);
}

.headerCategoryDropdownItemIcon[b-smboi6i1ml] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.headerCategoryDropdownItemDetailsContainer[b-smboi6i1ml] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: var(--smallGap);
}

.headerCategoryDropdownItemName[b-smboi6i1ml] {
    font-size: var(--dynamicLargeFontSize);
    font-weight: 500;
    color: var(--azul);
}

@media only screen and (max-width: 855px) {

    .headerCategoryContainer[b-smboi6i1ml] {
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: var(--xLargePadding) 0 var(--xLargePadding) var(--xXLargePadding);
    }

    .headerCategoryDropdown[b-smboi6i1ml] {
        position: relative;
        top: 0;
        left: 0;
        max-width: 18rem;
        min-width: 10rem;
        padding: var(--xLargePadding) 0 0 0;
        opacity: 1;
        visibility: visible;
        transform: none;
        filter: none;
    }

    .headerCategoryContainer:hover .headerCategoryDropdown[b-smboi6i1ml] {
        transform: none;
    }

    .headerCategory[b-smboi6i1ml] {
        padding: var(--xLargePadding) 0;
    }
}


@media only screen and (max-width: 420px) {
    .headerCategory[b-smboi6i1ml] {
        font-size: var(--dynamicMediumFontSize);
    }

    .headerCategoryDropdownItemName[b-smboi6i1ml] {
        font-size: var(--dynamicMediumFontSize);
    }

    .headerCategoryDropdownItemSmallDescription[b-smboi6i1ml] {
        font-size: var(--dynamicSmallFontSize);
    }
}
/* _content/Atom.Web.Server/Views/Website/Components/Header/WallpaperHeader.razor.rz.scp.css */
.wallpaperHeaderContainer[b-9rrrdl7ax0] {
    position: relative;
    width: 100%;
    height: 400px;
}

.wallpaperHeaderOverlay[b-9rrrdl7ax0] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.32);
}

.wallpaperHeaderContentContainer[b-9rrrdl7ax0] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: var(--white);
}

.wallpaperHeaderContainer[b-9rrrdl7ax0]  .wallpaperLogoLeftContainer {
    width: 40%;
}

@media only screen and (max-width: 560px) {
    .wallpaperHeaderContainer[b-9rrrdl7ax0]  .wallpaperLogoLeftContainer {
        width: 60%;
    }
}
/* _content/Atom.Web.Server/Views/Website/Components/Images/ImageBubble.razor.rz.scp.css */
.imageBubbleContainer[b-qzx77krh4w] {
    position: relative;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    justify-items: center;
    justify-content: center;
    align-items: center;
}

.imageBubble[b-qzx77krh4w] {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    position: relative;
    width: 100%;
    height: 100%;
    color: var(--dynamicBackColor);
}

.imageBubbleContainedImage[b-qzx77krh4w] {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0.5rem;
}
/* _content/Atom.Web.Server/Views/Website/Components/Images/SVGIcon.razor.rz.scp.css */
.svgImage[b-2oc295uwfl] {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: var(--dynamicBackColor);
    mask: no-repeat center;
    mask-image: var(--imageSource);
}
/* _content/Atom.Web.Server/Views/Website/Components/Information/InformationPanel.razor.rz.scp.css */
.informationPanelContainer[b-w0radcqfdm] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: var(--largeGap);
}

.informationPanelSmallDescription[b-w0radcqfdm] {
    font-size: var(--dynamicLargeFontSize);
    font-weight: 500;
    color: var(--dynamicForeColor);
}

.informationPanelDescription[b-w0radcqfdm] {
    color: var(--dynamicForeColor);
    text-align: start;
}
/* _content/Atom.Web.Server/Views/Website/Components/Information/InformationSection.razor.rz.scp.css */
.informationSectionContainer[b-0likmeugw0] {
    position: relative;
    width: 100%;
    color: var(--dynamicForeColor);
    background-color: var(--dynamicBackColor);
}

.informationSection[b-0likmeugw0] {
    position: relative;
    max-width: 1020px;
    margin: auto;
    display: flex;
    flex-direction: var(--flexDirection);
    justify-content: space-between;
    align-items: center;
    padding: var(--xXXXLargePadding);
}

.informationSectionContentContainer[b-0likmeugw0] {
    position: relative;
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: var(--xLargeGap);
    color: var(--englishViolet);
}

[b-0likmeugw0] .informationSectionHeader :is(h1, h2, h3, h4, h5, h6) {
    font-size: var(--dynamicXXXXXLargeFontSize);
    font-weight: 500;
}

.informationSectionImageContainer[b-0likmeugw0] {
    width: 54%;
}

.informationSectionImage[b-0likmeugw0] {
    width: 100%;
    max-height: 250px;
    object-fit: contain;
    filter: var(--lightFilterDropShadow);
}

[b-0likmeugw0] .informationSectionMoreButton {
    position: relative;
    width: 7rem;
    height: var(--xLargeSize);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--mediumPadding) 0;
    box-shadow: none;
    border-radius: var(--mediumBorderRadius);
}

.informationSectionMoreButtonText[b-0likmeugw0] {
    position: relative;
    left: var(--smallMargin);
    text-transform: capitalize;
    font-weight: var(--normalFont);
    font-size: var(--dynamicSmallFontSize);
}

.informationSectionMoreButtonVector[b-0likmeugw0] {
    position: relative;
    top: 1px;
    left: var(--smallMargin);
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 800px) {
    .informationSection[b-0likmeugw0] {
        flex-direction: column;
        gap: var(--xXLargeGap);
        padding: var(--xXXXLargePadding) var(--xXXXXXLargePadding);
    }

    .informationSectionContentContainer[b-0likmeugw0] {
        width: 100%;
    }

    .informationSectionImageContainer[b-0likmeugw0] {
        width: 100%;
    }
}

@media only screen and (max-width: 560px) {
    .informationSection[b-0likmeugw0] {
        padding: var(--xXLargePadding);
    }
}
/* _content/Atom.Web.Server/Views/Website/Components/Information/InformationTile.razor.rz.scp.css */
.informationTileContainer[b-tlrm6rq64a] {
    position: relative;
    width: 100%;
    max-width: 320px;
    display: grid;
    grid-template-rows: auto 1fr;
    justify-items: stretch;
    align-items: end;
    gap: 4px 0;
    padding: var(--xXLargePadding) 1.4rem;
    background-color: var(--dynamicBackColor);
    color: var(--dynamicForeColor);
    border-radius: var(--largeBorderRadius);
}

.informationTileContainerIconLeft[b-tlrm6rq64a] {
    grid-template-columns: 50px 1fr;
}

.informationTileContainerIconRight[b-tlrm6rq64a] {
    grid-template-columns: 1fr 50px;
}

.informationTileIconContainer[b-tlrm6rq64a] {
    position: relative;
    width: 50px;
    height: 50px;
}

[b-tlrm6rq64a] .informationTileHeader {
    font-size: 140%;
}

[b-tlrm6rq64a] .informationTileFirstRowLeft {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

[b-tlrm6rq64a] .informationTileFirstRowRight {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

[b-tlrm6rq64a] .informationTileDescription {
    grid-row: 2 / 3;
    grid-column: 1 / 3;
    position: relative;
}


@media only screen and (max-width: 800px) {
    .informationTileContainer[b-tlrm6rq64a] {
        padding: var(--xXLargePadding);
    }
}

/* _content/Atom.Web.Server/Views/Website/Components/LogoWallpaper/Wallpaper.razor.rz.scp.css */
.wallpaperContainer[b-jtjxbdimuk] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wallpaperContainerDark[b-jtjxbdimuk] {
    background-color: var(--azul);
}

.wallpaperContainerLight[b-jtjxbdimuk] {
    background-color: var(--white);
}

.wallpaperLogoLeftContainer[b-jtjxbdimuk] {
    position: absolute;
    top: -4%;
    left: -6%;
    width: 60%;
    max-width: 900px;
}

    [b-jtjxbdimuk] .wallpaperLogoLeftContainer .logoContainer {
        animation-delay: -10s;
    }

.wallpaperLogoRightContainer[b-jtjxbdimuk] {
    position: absolute;
    top: 64%;
    right: -40%;
    width: 72%;
    max-width: 900px;
}

.wallpaperCircle[b-jtjxbdimuk] {
    position: absolute;
    width: 6%;
    max-width: 100px;
    min-width: 40px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}

.wallpaperCircleDark[b-jtjxbdimuk] {
    background-color: #15A6DF;
}

.wallpaperCircleLight[b-jtjxbdimuk] {
    background-color: var(--aliceBlue);
}

.wallpaperTopCircle[b-jtjxbdimuk] {
    top: 2%;
    left: 64%;
    offset-path: path("M20,20 C20,100 200,0 200,100");
    animation: moveReverse-b-jtjxbdimuk 16s infinite alternate linear;
}

.wallpaperMiddleCircle[b-jtjxbdimuk] {
    top: 54%;
    left: 32%;
    offset-path: path("M50,25 C35,0,-14,25,20,60 L50,90 L80,60 C114,20,65,0,50,25");
    animation: move-b-jtjxbdimuk 16s infinite alternate linear;
}

.wallpaperBottomCircle[b-jtjxbdimuk] {
    top: 80%;
    left: 8%;
    offset-path: path("M20,20 C20,100 200,0 200,100");
    animation: move-b-jtjxbdimuk 16s infinite alternate linear;
}

@keyframes move-b-jtjxbdimuk {
    0% {
        offset-distance: 0%;
    }

    100% {
        offset-distance: 100%;
    }
}


@keyframes moveReverse-b-jtjxbdimuk {
    0% {
        offset-distance: 100%;
    }

    100% {
        offset-distance: 0%;
    }
}


@media only screen and (min-width: 2200px) {
    .wallpaperLogoLeftContainer[b-jtjxbdimuk] {
        left: 0%;
    }

    .wallpaperLogoRightContainer[b-jtjxbdimuk] {
        right: -26%;
    }
}

@media only screen and (min-width: 3200px) {

    .wallpaperLogoRightContainer[b-jtjxbdimuk] {
        right: -18%;
    }

    .wallpaperBottomCircle[b-jtjxbdimuk] {
        top: 64%;
    }
}

@media only screen and (min-width: 4000px) {

    .wallpaperLogoRightContainer[b-jtjxbdimuk] {
        right: -12%;
    }
}

@media only screen and (max-width: 800px) {
    .wallpaperTopCircle[b-jtjxbdimuk] {
        top: 8%;
    }

    .wallpaperMiddleCircle[b-jtjxbdimuk] {
        left: 16%;
    }
}

@media only screen and (max-width: 560px) {

    .wallpaperLogoLeftContainer[b-jtjxbdimuk] {
        top: -4%;
        left: -6%;
        width: 88%;
    }

    .wallpaperLogoRightContainer[b-jtjxbdimuk] {
        top: 58%;
        right: -48%;
        width: 88%;
    }

    .wallpaperTopCircle[b-jtjxbdimuk] {
        top: 4%;
        left: 52%;
    }

    .wallpaperMiddleCircle[b-jtjxbdimuk] {
        top: 28%;
        left: 16%;
    }

    .wallpaperBottomCircle[b-jtjxbdimuk] {
        top: 84%;
    }
}

@media only screen and (max-width: 420px) {
}
/* _content/Atom.Web.Server/Views/Website/Components/Logo/Logo.razor.rz.scp.css */
.logoContainer[b-l570pcngn2] {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    offset-path: path("M127.67,68.12S71.16,9.08.32,68.12");
    animation: move-b-l570pcngn2 24s infinite alternate ease-in-out;
}

.logo[b-l570pcngn2] {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    width: 100%;
    height: 100%;
}

.logoCenter[b-l570pcngn2] {
    animation: centerRadiusAnimation 12s ease-in-out infinite;
}

.logoRadiusCenter[b-l570pcngn2] {
    animation: rotateAnimation 24s ease-in-out infinite;
}

.logoRadiusLeft[b-l570pcngn2] {
    animation: leftRadiusAnimation 24s ease infinite;
}

.logoRadiusRight[b-l570pcngn2] {
    animation: rightRadiusAnimation 24s ease infinite;
}

@keyframes move-b-l570pcngn2 {
    0% {
        offset-distance: 0%;
    }

    50% {
        offset-distance: 100%;
    }
}

@-webkit-keyframes scaleDownAnimation {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(0.8);
    }

    80% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes leftRadiusAnimation {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes rightRadiusAnimation {
    0% {
        transform: scale(0.84) rotate(0deg);
    }

    50% {
        transform: scale(1) rotate(30deg);
    }

    100% {
        transform: scale(0.84) rotate(0deg);
    }
}

@-webkit-keyframes centerRadiusAnimation {
    0% {
        transform: scale(1) rotate(360deg);
    }

    50% {
        transform: scale(1.16) rotate(320deg);
    }

    100% {
        transform: scale(1) rotate(360deg);
    }
}
/* _content/Atom.Web.Server/Views/Website/Pages/AboutUsPage.razor.rz.scp.css */

.aboutUsPageSectionWithWallpaper[b-nzski49l1i] {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 112px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--xLargeGap);
}

.aboutUsPageBackgroundContainer[b-nzski49l1i] {
    position: absolute;
    width: 100%;
    height: 100%;
}

.aboutUsPageSectionWithWallpaperContentContainer[b-nzski49l1i] {
    margin: auto;
    position: relative;
    width: 100%;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: var(--xXLargeGap);
    padding: var(--xXXXLargePadding) var(--xLargePadding);
}

.aboutUsPageHeaderSmallDescription[b-nzski49l1i] {
    position: relative;
    width: 100%;
    font-size: var(--dynamicXXXXLargeFontSize);
    font-weight: 700;
    font-style: italic;
    text-align: center;
}

.aboutUsPageHeaderDescription[b-nzski49l1i] {
    font-size: var(--dynamicXLargeFontSize);
    font-weight: 400;
    text-align: start;
}

.aboutUsPageMainContainer[b-nzski49l1i] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-self: center;
    gap: var(--largeGap);
}

.aboutUsPageMainInfoContainer[b-nzski49l1i] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    gap: var(--largeGap);
}

.aboutUsPageMainInfoSmallDescription[b-nzski49l1i] {
    position: relative;
    font-size: var(--dynamicLargeFontSize);
    font-weight: 700;
    text-align: start;
    text-transform: capitalize;
}

.aboutUsPageMainInfoDescription[b-nzski49l1i] {
    position: relative;
    font-size: var(--dynamicMediumFontSize);
    font-weight: 400;
    text-align: start;
}

.aboutUsPageQuoteBackgroundContainer[b-nzski49l1i] {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    border-radius: var(--xXXLargeBorderRadius);
    overflow: hidden;
}

    .aboutUsPageQuoteBackgroundContainer[b-nzski49l1i]  .wallpaperLogoLeftContainer .logoContainer {
        animation-delay: -3s;
    }

    .aboutUsPageQuoteBackgroundContainer[b-nzski49l1i]  .wallpaperLogoRightContainer .logoContainer {
        animation-delay: -8s;
    }

.aboutUsPageQuoteBackgroundOverlayContainer[b-nzski49l1i] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.50);
}

.aboutUsPageQuote[b-nzski49l1i] {
    position: relative;
    width: 100%;
    font-size: var(--dynamicXXLargeFontSize);
    font-weight: 400;
    font-style: italic;
    text-align: center;
    color: var(--white);
}

.aboutUsPageInfoSmallDescription[b-nzski49l1i] {
    font-size: var(--dynamicXLargeFontSize);
}

.aboutUsPageInfoDescription[b-nzski49l1i] {
    font-size: var(--dynamicLargeFontSize);
}

.aboutUsPageSectionWithWallpaperContentContainer strong[b-nzski49l1i] {
    font-weight: 500;
}

@media only screen and (max-width: 800px) {
    .aboutUsPageQuote[b-nzski49l1i] {
        font-size: var(--dynamicXLargeFontSize);
    }
}

@media only screen and (max-width: 560px) {
    .aboutUsPageMainContainer[b-nzski49l1i] {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-self: center;
        gap: var(--xXLargeGap);
    }

    .aboutUsPageQuote[b-nzski49l1i] {
        font-size: var(--dynamicXXXXXXLargeFontSize);
    }
}

@media only screen and (max-width: 420px) {

    .aboutUsPageQuote[b-nzski49l1i] {
        font-size: var(--dynamicXXXLargeFontSize);
    }
}
/* _content/Atom.Web.Server/Views/Website/Pages/ContactUsPage.razor.rz.scp.css */

.contactUsPageSectionWithWallpaper[b-at7xph1n4u] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--white);
    gap: var(--xLargeGap);
    padding: var(--xXXLargePadding);
    background-color: var(--englishViolet);
}

.contactUsPageBackgroundContainer[b-at7xph1n4u] {
    position: absolute;
    width: 100%;
    height: 100%;
}

.contactUsPageBackgroundOverlayContainer[b-at7xph1n4u] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.32);
}

.contactUsPageBackgroundBorder[b-at7xph1n4u] {
    position: absolute;
    bottom: -20px;
    width: 100%;
    color: var(--englishViolet);
}

.contactUsPageContainer[b-at7xph1n4u] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--xLargeGap);
}

.contactUsPageContentHeaderTitle[b-at7xph1n4u] {
    position: relative;
    font-size: var(--dynamicXXXXXXLargeFontSize);
    font-weight: 400;
    text-align: center;
}

.contactUsPageContentHeaderDescription[b-at7xph1n4u] {
    position: relative;
    top: -8px;
    font-size: var(--dynamicLargeFontSize);
    font-weight: 400;
    text-align: center;
    padding: 0 1rem;
}

[b-at7xph1n4u] .contactUsPageFormContainer {
    position: relative;
    width: 100%;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: var(--largeGap);
    padding: var(--xXXLargePadding);
    background-color: var(--white);
    color: var(--englishViolet);
    border-radius: var(--xXXLargeBorderRadius);
    filter: var(--lightFilterDropShadow);
}

.contactUsPageFormSmallDescription[b-at7xph1n4u] {
    position: relative;
    font-size: var(--dynamicXXLargeFontSize);
    font-weight: 500;
    text-align: start;
}

.contactUsPageFormDescription[b-at7xph1n4u] {
    position: relative;
    top: -8px;
    font-size: var(--dynamicLargeFontSize);
    font-weight: 400;
    text-align: start;
}

[b-at7xph1n4u] .phoneNumberPhoneNumberInputContainer {
    width: 72%;
}

.contactUsPageApplicationsContainer[b-at7xph1n4u] {
    width: 100%;
    display: grid;
    grid-template-rows: 1fr 1px 1fr;
    grid-template-columns: 1fr 1px 1fr;
    border-radius: 8px;
    overflow: hidden;
    border: solid 1px var(--mud-palette-lines-inputs);
}

[b-at7xph1n4u] .contactUsPageApplicationButtonContainer {
    background-color: var(--white);
    border-radius: 0;
}

    [b-at7xph1n4u] .contactUsPageApplicationButtonContainer:hover {
        background-color: var(--aliceBlue);
    }

[b-at7xph1n4u] .contactUsPageApplicationButtonContainerSelected {
    background-color: #caebff;
}

    [b-at7xph1n4u] .contactUsPageApplicationButtonContainerSelected:hover {
        background-color: #bfe7ff;
    }


[b-at7xph1n4u] .contactUsPageApplicationsDivider {
    border-color: var(--mud-palette-lines-inputs);
}

[b-at7xph1n4u] .contactUsPageApplicationsHorizontalDivider {
    grid-column: 1 / 4;
}

.contactUsPageFormToggleImageAndNameContainer[b-at7xph1n4u] {
    display: flex;
    flex-direction: column;
    text-transform: none;
    text-align: start;
    padding-left: 8px;
}

.contactUsPageFormToggleSmallDescriptionDefault[b-at7xph1n4u] {
    color: var(--azul);
}

.contactUsPageFormToggleDescription[b-at7xph1n4u] {
    font-weight: 400;
    font-size: 80%;
    line-height: normal;
    margin-bottom: 4px;
}

.contactUsPageFormToggleIcon[b-at7xph1n4u] {
    width: 40px;
    height: 40px;
    margin-left: 4px;
}

[b-at7xph1n4u] .contactUsPageFormSubmitButton {
    position:relative;
    margin-top: 1rem;
    height: 40px;
    font-size: 112%;
    font-weight: 500;
    text-transform: capitalize;
}

[b-at7xph1n4u] .mud-input ::placeholder {
    color: var(--gray) !important;
    opacity: 1 !important;
}

.contactUsPageFormSuccessContainer[b-at7xph1n4u] {
    position: relative;
    width: 100%;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--largeGap);
    padding: var(--xXXLargePadding);
    background-color: var(--white);
    color: var(--englishViolet);
    border-radius: var(--xXXLargeBorderRadius);
    filter: var(--lightFilterDropShadow);
}

.contactUsPageFormSuccessSmallDescription[b-at7xph1n4u] {
    position: relative;
    font-size: var(--dynamicXXLargeFontSize);
    font-weight: 500;
}

.contactUsPageFormSuccessDescription[b-at7xph1n4u] {
    position: relative;
    font-size: var(--dynamicMediumFontSize);
    font-weight: 400;
    text-align: start;
}

    .contactUsPageFormSuccessDescription strong[b-at7xph1n4u] {
        font-weight: 500;
    }

@media only screen and (max-width: 560px) {
    .contactUsPageSectionWithWallpaper[b-at7xph1n4u] {
        padding: var(--xXXLargePadding) var(--xLargePadding);
    }

    [b-at7xph1n4u] .contactUsPageFormContainer {
        padding: var(--xXLargePadding) var(--xLargePadding);
    }

    .contactUsPageFormSuccessContainer[b-at7xph1n4u] {
        padding: var(--xLargePadding) var(--xLargePadding) var(--xXXLargePadding) var(--xLargePadding);
    }
}

@media only screen and (max-width: 420px) {

    .contactUsPageSectionWithWallpaper[b-at7xph1n4u] {
        padding: var(--xXXLargePadding) 0;
    }

    [b-at7xph1n4u] .contactUsPageFormContainer {
        border-radius: 0;
    }

}
/* _content/Atom.Web.Server/Views/Website/Pages/MainPage.razor.rz.scp.css */

.mainPageRibbon[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--xLargeGap);
    padding: var(--largePadding);
    color: var(--white);
    background-color: var(--englishViolet);
    filter: var(--lightFilterDropShadow);
    z-index: 2;
}

.mainPageRibbonImage[b-h4elxlmhtp] {
    width: var(--largeIconSize);
    height: var(--largeIconSize);
}

.mainPageRibbonText[b-h4elxlmhtp] {
    font-size: var(--dynamicLargeFontSize);
    text-align: center;
}

.mainPageSectionWithWallpaper[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
    height: calc(100vh - 112px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--white);
    gap: var(--xLargeGap);
}

.mainPageBackgroundContainer[b-h4elxlmhtp] {
    position: absolute;
    width: 100%;
    height: 100%;
}

.mainPageBackgroundOverlayContainer[b-h4elxlmhtp] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.32);
}

.mainPageBackgroundBorder[b-h4elxlmhtp] {
    position: absolute;
    bottom: -20px;
    width: 100%;
    color: var(--white);
}

.mainPageSectionWithWallpaperContentContainer[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--xLargeGap);
}

.mainPageSectionWithWallpaperContentHeaderTitle[b-h4elxlmhtp] {
    position: relative;
    font-size: var(--dynamicXXXXXXLargeFontSize);
    font-weight: 400;
    text-align: center;
}

.mainPageSectionWithWallpaperContentHeaderDescription[b-h4elxlmhtp] {
    position: relative;
    top: -8px;
    font-size: var(--dynamicLargeFontSize);
    font-weight: 400;
    text-align: center;
}

.mainPageSectionWithWallpaperCarouselContainer[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
    height: 40vh;
    padding: 0 var(--xXLargePadding);
}

[b-h4elxlmhtp] .mainPageSectionWithWallpaperCarousel {
    height: 100%;
}

.mainPageSectionWithWallpaperCarouselImageContainer[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
    height: calc(100% - 24px);
}

.mainPageSectionWithWallpaperCarouselImage[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: var(--lightFilterDropShadow);
}

.mainPageSectionWithWallpaperCarouselCircleContainer[b-h4elxlmhtp] {
    position: relative;
    width: var(--mediumSize);
    height: var(--mediumSize);
    margin: 0 var(--smallMargin);
}

.mainPageSectionWithWallpaperClientsContainer[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--largeGap);
    margin-top: var(--xXLargeMargin);
}

.mainPageSectionWithWallpaperClientsSmallDescription[b-h4elxlmhtp] {
    position: relative;
    font-size: var(--dynamicSmallFontSize);
    font-weight: 400;
    text-align: center;
}

.mainPageSectionWithWallpaperClients[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--xXLargeGap);
}

.mainPageSectionWithWallpaperClientImageContainer[b-h4elxlmhtp] {
    position: relative;
    width: 3rem;
    height: 3rem;
    filter: var(--lightFilterDropShadow);
}

.mainPageSectionWithWallpaperClientImage[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mainPageSectionWithTiles[b-h4elxlmhtp] {
    margin: auto;
    position: relative;
    width: 100%;
    max-width: var(--xXLargeMaxWidth);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 8px;
    padding: 4rem 1rem;
}

.mainPageSectionWithTilesHeaderTitle[b-h4elxlmhtp] {
    position: relative;
    font-size: 200%;
    font-weight: 400;
}

.mainPageSectionWithTilesHeaderDescription[b-h4elxlmhtp] {
    position: relative;
    font-size: 120%;
    font-weight: 400;
}

.mainPageSectionWithTilesContainer[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    padding: 1rem 0;
}

.mainPageSectionWithApplicationPreviews[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.mainPageSectionWithWallpaperHeaderContainer[b-h4elxlmhtp] {
    position: relative;
    width: 100%;
}

.mainPageSectionWithWallpaperHeader[b-h4elxlmhtp] {
    margin: auto;
    position: relative;
    width: 100%;
    max-width: var(--xXLargeMaxWidth);
    height: 100%;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: var(--xXLargeGap);
    padding: var(--xLargePadding);
}

.mainPageSectionWithWallpaperHeaderSmallDescription[b-h4elxlmhtp] {
    position: relative;
    font-size: 300%;
    font-weight: 400;
}

.mainPageSectionWithWallpaperHeaderDescription[b-h4elxlmhtp] {
    position: relative;
    max-width: 300px;
    font-size: var(--dynamicXLargeFontSize);
}

.mainPageSectionWithCustomers .mainPageSectionWithWallpaperHeader[b-h4elxlmhtp] {
    justify-content: start;
    align-items: start;
    align-content: center;
}

.mainPageSectionWithWallpaperHeaderCollaboratorsContainer[b-h4elxlmhtp] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--largeGap);
}

.mainPageSectionWithWallpaperHeaderInfoContainer[b-h4elxlmhtp] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.mainPageSectionWithWallpaperHeaderInfoNumber[b-h4elxlmhtp] {
    font-size: var(--dynamicXXXXXXLargeFontSize);
    font-weight: 500;
}

.mainPageSectionWithCustomersContentContainer[b-h4elxlmhtp] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: var(--xXXXLargePadding) var(--xLargePadding) var(--xLargePadding) var(--xLargePadding);
    background-color: var(--englishViolet);
    color: var(--aliceBlue);
}

.mainPageSectionWithCustomersContentNormal[b-h4elxlmhtp] {
    font-size: var(--dynamicXXXLargeFontSize);
    font-weight: 500;
    letter-spacing: 2px;
}

.mainPageSectionWithCustomersContentBold[b-h4elxlmhtp] {
    font-size: var(--dynamicXXXXXXLargeFontSize);
    font-weight: 800;
    font-style: italic;
}

@media only screen and (max-width: 800px) {
    .mainPageSectionWithWallpaper[b-h4elxlmhtp] {
        height: calc(100vh - 148px);
    }

    .mainPageSectionWithTilesContainer[b-h4elxlmhtp] {
        grid-template-columns: 1fr 1fr;
    }

    .mainPageSectionWithWallpaperHeaderSmallDescription[b-h4elxlmhtp] {
        font-size: 240%;
    }
}

@media only screen and (max-width: 560px) {
    .mainPageRibbonText[b-h4elxlmhtp] {
        font-size: 100%;
    }

    .mainPageSectionWithWallpaperContentHeaderTitle[b-h4elxlmhtp] {
        font-size: 220%;
    }

    .mainPageSectionWithWallpaperContentHeaderDescription[b-h4elxlmhtp] {
        font-size: 100%;
    }

    .mainPageSectionWithTilesContainer[b-h4elxlmhtp] {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .mainPageSectionWithWallpaperHeader[b-h4elxlmhtp] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .mainPageSectionWithWallpaperHeaderSmallDescription[b-h4elxlmhtp] {
        width: 300px;
        font-size: 240%;
    }

    .mainPageSectionWithCustomers .mainPageSectionWithWallpaperHeader[b-h4elxlmhtp] {
        width: 300px;
        justify-content: center;
        align-items: start;
    }
}

@media only screen and (max-width: 420px) {
    .mainPageRibbonText[b-h4elxlmhtp] {
        font-size: 88%;
    }

    .mainPageSectionWithWallpaperContentHeaderTitle[b-h4elxlmhtp] {
        font-size: 160%;
    }

    .mainPageSectionWithWallpaperContentHeaderDescription[b-h4elxlmhtp] {
        font-size: 92%;
    }

    .mainPageSectionWithWallpaperCarouselContainer[b-h4elxlmhtp] {
        height: 28vh;
    }

    .mainPageSectionWithWallpaperClientsSmallDescription[b-h4elxlmhtp] {
        font-size: 92%;
    }

    .mainPageSectionWithWallpaperClientImageContainer[b-h4elxlmhtp] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .mainPageSectionWithTilesHeaderTitle[b-h4elxlmhtp] {
        font-size: 140%;
    }

    .mainPageSectionWithTilesHeaderDescription[b-h4elxlmhtp] {
        font-size: 100%;
    }
}
/* _content/Atom.Web.Server/Views/Website/Pages/PlugInsPage.razor.rz.scp.css */
.plugInsPageSection[b-dvzsrtjzqw] {
    background-color: var(--aliceBlue);
}
/* _content/Atom.Web.Server/Views/Website/Pages/PrivacyPolicyPage.razor.rz.scp.css */
.noticeContentPageSectionWithWallpaperHeader[b-pta7kcmsvp] {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: var(--xLargePadding);
}

[b-pta7kcmsvp] .noticeContent h2 {
    font-size: var(--dynamicXXXLargeFontSize);
    font-weight: 500;
    color: var(--lapisLazuli);
    padding: var(--xLargePadding) 0;
}

[b-pta7kcmsvp] .noticeContent h3 {
    font-size: 160%;
    font-weight: 400;
    color: var(--azul);
    padding: var(--largePadding) 0;
}

[b-pta7kcmsvp] .noticeContent p {
    font-size: var(--dynamicXLargeFontSize);
}

[b-pta7kcmsvp] .noticeContent strong {
    font-weight: 500;
}

[b-pta7kcmsvp] .noticeContent ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

[b-pta7kcmsvp] .noticeContent ol {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

[b-pta7kcmsvp] .noticeContent li {
    padding-left: 20px;
    text-indent: -28px;
    font-size: var(--dynamicXLargeFontSize);
}

    [b-pta7kcmsvp] .noticeContent li:before {
        content: "";
        position: relative;
        top: 4px;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-image: url('./Website/list.svg');
        background-repeat: no-repeat;
        background-size: 20px;
        padding-right: 8px;
    }

[b-pta7kcmsvp] .noticeContent hr {
    height: 1px;
    background-color: var(--lightGray);
    margin: var(--xXLargeMargin) var(--smallMargin) 0 var(--smallMargin);
}
/* _content/Atom.Web.Server/Views/Website/Pages/TermsAndConditionsPage.razor.rz.scp.css */
.noticeContentPageSectionWithWallpaperHeader[b-qbpoy7j3k6] {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: var(--xLargePadding);
}

[b-qbpoy7j3k6] .noticeContent h2 {
    font-size: var(--dynamicXXXLargeFontSize);
    font-weight: 500;
    color: var(--lapisLazuli);
    padding: var(--xLargePadding) 0;
}

[b-qbpoy7j3k6] .noticeContent h3 {
    font-size: 160%;
    font-weight: 400;
    color: var(--azul);
    padding: var(--largePadding) 0;
}

[b-qbpoy7j3k6] .noticeContent p {
    font-size: var(--dynamicXLargeFontSize);
}

[b-qbpoy7j3k6] .noticeContent strong {
    font-weight: 500;
}

[b-qbpoy7j3k6] .noticeContent ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

[b-qbpoy7j3k6] .noticeContent ol {
}

[b-qbpoy7j3k6] .noticeContent li {
    padding-left: 20px;
    text-indent: -28px;
    font-size: var(--dynamicXLargeFontSize);
}

    [b-qbpoy7j3k6] .noticeContent li:before {
        content: "";
        position: relative;
        top: 4px;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-image: url('./Website/list.svg');
        background-repeat: no-repeat;
        background-size: 20px;
        padding-right: 8px;
    }

[b-qbpoy7j3k6] .noticeContent hr {
    height: 1px;
    background-color: var(--lightGray);
}
/* _content/Atom.Web.Server/Views/Website/Pages/WooShopPage.razor.rz.scp.css */
.applicationPreviewsContainer[b-mgjwkgdnxu]  .applicationPreviewDescription {
    min-height: 52px;
}

.dsdcImageContainer[b-mgjwkgdnxu] {
    position:relative;
    width: 9rem;
    margin-top: 1rem;
    display: flex;
    z-index: 2;
}

.dsdcImage[b-mgjwkgdnxu] {
    width: 100%;
    object-fit: contain;
}
/* _content/Atom.Web.Server/Views/Website/Shared/WebsiteMainLayout.razor.rz.scp.css */
.page[b-ibv6iassk9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ibv6iassk9] {
    flex: 1;
}


#blazor-error-ui[b-ibv6iassk9] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ibv6iassk9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }