/* yardDogsIntranetTokenDrivenBody */

.intranetPage {
    min-height: var(--ydPageBodyMinHeight, 0);
    background: var(--ydPageBodyBackground, var(--ydBlue15));
    color: var(--ydPageBodyTextColor, var(--ydBlue90));
    padding-top: var(--ydPageBodyPadTop, 0);
    padding-right: var(--ydPageBodyPadRight, 0);
    padding-bottom: var(--ydPageBodyPadBottom, 0);
    padding-left: var(--ydPageBodyPadLeft, 0);
}

.intranetCard {
    width: min(100%, 920px);
    margin: 0 auto var(--ydCardMarginBottom, 18px);
    background: var(--ydCardBackground, var(--ydBlue20));
    border-color: var(--ydCardBorderColor, var(--ydBlue35));
    border-style: solid;
    border-width: var(--ydCardBorderWidth, 2px);
    border-radius: var(--ydCardBorderRadius, 18px);
    padding-top: var(--ydCardPadTop, 18px);
    padding-right: var(--ydCardPadRight, 18px);
    padding-bottom: var(--ydCardPadBottom, 18px);
    padding-left: var(--ydCardPadLeft, 18px);
}

.intranetCardNarrow {
    width: min(100%, 680px);
}

.intranetTitle {
    margin: 0 0 8px;
    color: var(--ydAccordionLevel3TitleColor, var(--ydBlue95));
    font-size: var(--ydAccordionLevel3TitleFontSize, 1.05rem);
    font-weight: var(--ydAccordionLevel3TitleFontWeight, 900);
    font-style: var(--ydAccordionLevel3TitleFontStyle, normal);
    text-decoration: var(--ydAccordionLevel3TitleTextDecoration, none);
    letter-spacing: var(--ydAccordionLevel3TitleLetterSpacing, 0);
    line-height: var(--ydAccordionLevel3TitleLineHeight, 1.2);
    text-align: var(--ydAccordionLevel3TitleTextAlign, center);
}

.intranetHelpText {
    margin: 0 0 14px;
    color: var(--ydAccordionLevel3SubtitleColor, var(--ydBlue75));
    font-size: var(--ydAccordionLevel3SubtitleFontSize, .84rem);
    font-weight: var(--ydAccordionLevel3SubtitleFontWeight, 650);
    line-height: var(--ydAccordionLevel3SubtitleLineHeight, 1.25);
    text-align: var(--ydAccordionLevel3SubtitleTextAlign, center);
}

.intranetNotice {
    background: var(--ydNoticeInfoBackground, var(--ydBlue15));
    border-color: var(--ydNoticeInfoBorderColor, var(--ydBlue35));
    border-style: solid;
    border-width: var(--ydNoticeInfoBorderWidth, 1px);
    border-radius: var(--ydNoticeInfoBorderRadius, 12px);
    color: var(--ydNoticeInfoTextColor, var(--ydBlue90));
    padding-top: var(--ydNoticeInfoPadTop, 10px);
    padding-right: var(--ydNoticeInfoPadRight, 12px);
    padding-bottom: var(--ydNoticeInfoPadBottom, 10px);
    padding-left: var(--ydNoticeInfoPadLeft, 12px);
    margin: 12px 0;
}

.intranetNotice.isError,
.intranetNotice[role="alert"] {
    background: var(--ydNoticeErrorBackground, var(--ydRed05));
    border-color: var(--ydNoticeErrorBorderColor, var(--ydRed65));
    color: var(--ydNoticeErrorTextColor, var(--ydRed85));
}

.intranetActions,
.formButtonRow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: var(--ydFormButtonRowJustifyContent, space-between);
    gap: var(--ydFormButtonRowGap, 10px);
    margin-top: var(--ydFormButtonRowMarginTop, 16px);
}

/* yardDogsIntranetButtons */

.intranetPill,
.buttonPrimary,
.buttonSecondary,
.buttonDanger,
.buttonQuiet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--ydButtonPrimaryMinHeight, 44px);
    border-style: solid;
    border-radius: var(--ydButtonPrimaryBorderRadius, 999px);
    text-decoration: none;
    cursor: pointer;
    line-height: 1.1;
}

.intranetPill,
.buttonPrimary {
    background: var(--ydButtonPrimaryBackground, var(--ydBlue40));
    border-color: var(--ydButtonPrimaryBorderColor, var(--ydBlue55));
    border-width: var(--ydButtonPrimaryBorderWidth, 1px);
    color: var(--ydButtonPrimaryTextColor, var(--ydBlue100));
    font-size: var(--ydButtonPrimaryFontSize, .95rem);
    font-weight: var(--ydButtonPrimaryFontWeight, 900);
    padding-top: var(--ydButtonPrimaryPadTop, 11px);
    padding-right: var(--ydButtonPrimaryPadRight, 16px);
    padding-bottom: var(--ydButtonPrimaryPadBottom, 11px);
    padding-left: var(--ydButtonPrimaryPadLeft, 16px);
}

.intranetPill:hover,
.intranetPill:focus,
.buttonPrimary:hover,
.buttonPrimary:focus {
    background: var(--ydButtonPrimaryHoverBackground, var(--ydBlue45));
    color: var(--ydButtonPrimaryTextColor, var(--ydBlue100));
}

.buttonPrimary.isInvalid,
.buttonPrimary:disabled.isInvalid {
    background: var(--ydButtonPrimaryInvalidBackground, var(--ydRed10));
    border-color: var(--ydButtonPrimaryInvalidBorderColor, var(--ydRed60));
    color: var(--ydButtonPrimaryInvalidTextColor, var(--ydRed85));
    cursor: not-allowed;
}

.buttonPrimary.isSubmitting,
.buttonPrimary:disabled.isSubmitting {
    background: var(--ydButtonPrimarySubmittingBackground, var(--ydBlue30));
    border-color: var(--ydButtonPrimarySubmittingBorderColor, var(--ydBlue45));
    color: var(--ydButtonPrimarySubmittingTextColor, var(--ydBlue90));
    cursor: wait;
}

.buttonSecondary {
    background: var(--ydButtonSecondaryBackground, var(--ydBlue20));
    border-color: var(--ydButtonSecondaryBorderColor, var(--ydBlue35));
    border-width: var(--ydButtonSecondaryBorderWidth, 1px);
    border-radius: var(--ydButtonSecondaryBorderRadius, 999px);
    color: var(--ydButtonSecondaryTextColor, var(--ydBlue90));
    font-size: var(--ydButtonSecondaryFontSize, .95rem);
    font-weight: var(--ydButtonSecondaryFontWeight, 850);
    min-height: var(--ydButtonSecondaryMinHeight, 44px);
    padding-top: var(--ydButtonSecondaryPadTop, 11px);
    padding-right: var(--ydButtonSecondaryPadRight, 16px);
    padding-bottom: var(--ydButtonSecondaryPadBottom, 11px);
    padding-left: var(--ydButtonSecondaryPadLeft, 16px);
}

.buttonSecondary:hover,
.buttonSecondary:focus {
    background: var(--ydButtonSecondaryHoverBackground, var(--ydBlue25));
}

.buttonDanger {
    background: var(--ydButtonDangerBackground, var(--ydRed10));
    border-color: var(--ydButtonDangerBorderColor, var(--ydRed70));
    border-width: var(--ydButtonDangerBorderWidth, 1px);
    border-radius: var(--ydButtonDangerBorderRadius, 999px);
    color: var(--ydButtonDangerTextColor, var(--ydRed85));
    font-size: var(--ydButtonDangerFontSize, .95rem);
    font-weight: var(--ydButtonDangerFontWeight, 900);
    min-height: var(--ydButtonDangerMinHeight, 44px);
    padding-top: var(--ydButtonDangerPadTop, 11px);
    padding-right: var(--ydButtonDangerPadRight, 16px);
    padding-bottom: var(--ydButtonDangerPadBottom, 11px);
    padding-left: var(--ydButtonDangerPadLeft, 16px);
}

.buttonDanger:hover,
.buttonDanger:focus {
    background: var(--ydButtonDangerHoverBackground, var(--ydRed15));
}

.buttonQuiet {
    background: var(--ydButtonQuietBackground, transparent);
    border-color: var(--ydButtonQuietBorderColor, var(--ydBlue25));
    border-width: var(--ydButtonQuietBorderWidth, 1px);
    border-radius: var(--ydButtonQuietBorderRadius, 999px);
    color: var(--ydButtonQuietTextColor, var(--ydBlue80));
    font-size: var(--ydButtonQuietFontSize, .90rem);
    font-weight: var(--ydButtonQuietFontWeight, 750);
    min-height: var(--ydButtonQuietMinHeight, 38px);
    padding-top: var(--ydButtonQuietPadTop, 8px);
    padding-right: var(--ydButtonQuietPadRight, 12px);
    padding-bottom: var(--ydButtonQuietPadBottom, 8px);
    padding-left: var(--ydButtonQuietPadLeft, 12px);
}

.buttonQuiet:hover,
.buttonQuiet:focus {
    background: var(--ydButtonQuietHoverBackground, var(--ydBlue10));
}

/* yardDogsIntranetForms */
/* BEGIN yardDogsForms */
.ydForm {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding-left: var(--ydYardDogFormsLayoutSideInset, 4px);
    padding-right: var(--ydYardDogFormsLayoutSideInset, 4px);
    overflow-x: hidden;
}

.ydForm,
.ydForm * {
    box-sizing: border-box;
}

.ydForm [hidden] {
    display: none !important;
}

.ydFormSection {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--ydYardDogFormsLayoutSectionMarginBottom, 14px) 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.ydFormSectionTitle {
    margin: 0 0 var(--ydYardDogFormsLayoutSectionTitleMarginBottom, 8px) 0;
    color: var(--ydFormTitleColor, var(--ydBlue85, #102c52));
    font-size: var(--ydYardDogFormsLayoutSectionTitleFontSize, 16px);
    font-weight: var(--ydYardDogFormsLayoutSectionTitleFontWeight, 850);
    line-height: 1.15;
}

.ydFormRow {
    display: grid;
    grid-template-columns:
        clamp(92px, var(--ydYardDogFormsLayoutLabelColumnWidth, 34%), 150px)
        minmax(0, 1fr);
    gap: var(--ydYardDogFormsFieldControlGap, 5px);
    align-items: center;
    min-height: var(--ydYardDogFormsLayoutFieldRowMinHeight, 30px);
    width: 100%;
    max-width: 100%;
    padding: 0 0 var(--ydYardDogFormsLayoutRowGap, 5px) 0;
    margin: 0 0 var(--ydYardDogFormsLayoutRowGap, 5px) 0;
    border-bottom: var(--ydYardDogFormsLayoutDividerWidth, 1px) solid var(--ydYardDogFormsLayoutDividerColor, var(--ydBlue25, #d1e7f7));
}

.ydFormRow:last-child {
    border-bottom: 0;
}

.ydFormLabel {
    color: var(--ydYardDogFormsFieldLabelColor, var(--ydBlue85, #102c52));
    font-size: var(--ydYardDogFormsFieldLabelFontSize, 12px);
    font-weight: var(--ydYardDogFormsFieldLabelFontWeight, 800);
    line-height: 1.1;
    min-width: 0;
}

.ydFormControl {
    min-width: 0;
    width: 100%;
}

.ydFormInput,
.ydFormSelect {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: var(--ydYardDogFormsFieldInputHeight, 26px);
    border: var(--ydYardDogFormsFieldInputBorderWidth, 1px) solid var(--ydYardDogFormsFieldInputBorderColor, var(--ydBlue45, #8bbce0));
    border-radius: var(--ydYardDogFormsFieldInputBorderRadius, 6px);
    background: var(--ydYardDogFormsFieldInputBackground, var(--ydBlue05, #f6fbff));
    color: var(--ydYardDogFormsFieldInputTextColor, var(--ydBlue90, #0b213f));
    font: inherit;
    font-size: var(--ydYardDogFormsFieldInputFontSize, 16px);
    line-height: var(--ydYardDogFormsFieldInputLineHeight, 18px);
    padding: var(--ydYardDogFormsFieldInputPadding, 1px 5px);
}


/* BEGIN ydFormTextarea */
.ydFormTextarea {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: var(--ydYardDogFormsTextareaMinHeight);
    max-height: var(--ydYardDogFormsTextareaMaxHeight);
    border-width: var(--ydYardDogFormsTextareaBorderWidth);
    border-style: solid;
    border-color: var(--ydYardDogFormsTextareaBorderColor);
    border-radius: var(--ydYardDogFormsTextareaBorderRadius);
    background: var(--ydYardDogFormsTextareaBackground);
    color: var(--ydYardDogFormsTextareaTextColor);
    font: inherit;
    font-size: var(--ydYardDogFormsTextareaFontSize);
    line-height: var(--ydYardDogFormsTextareaLineHeight);
    padding: var(--ydYardDogFormsTextareaPadding);
    box-sizing: border-box;
    resize: vertical;
    overflow: auto;
    -webkit-text-size-adjust: 100%;
}
/* END ydFormTextarea */


/* BEGIN ydNoteToneTextarea */
.ydNoteToneTextarea {
    border-color: var(--ydNoteToneBorderColor, var(--ydYardDogFormsTextareaBorderColor));
    background: var(--ydNoteToneBackground, var(--ydYardDogFormsTextareaBackground));
    color: var(--ydNoteToneTextColor, var(--ydYardDogFormsTextareaTextColor));
}

.ydNoteToneTextarea.ydNoteTone--normal {
    --ydNoteToneBorderColor: var(--ydNoteCardNormalBorderColor);
    --ydNoteToneBackground: var(--ydNoteCardNormalBackground);
    --ydNoteToneTextColor: var(--ydNoteCardNormalTextColor);
}

.ydNoteToneTextarea.ydNoteTone--important {
    --ydNoteToneBorderColor: var(--ydNoteCardImportantBorderColor);
    --ydNoteToneBackground: var(--ydNoteCardImportantBackground);
    --ydNoteToneTextColor: var(--ydNoteCardImportantTextColor);
}

.ydNoteToneTextarea.ydNoteTone--critical {
    --ydNoteToneBorderColor: var(--ydNoteCardCriticalBorderColor);
    --ydNoteToneBackground: var(--ydNoteCardCriticalBackground);
    --ydNoteToneTextColor: var(--ydNoteCardCriticalTextColor);
}
/* END ydNoteToneTextarea */

.ydFormPair {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ydYardDogFormsFieldControlGap, 5px);
}

.ydFormMiniField {
    min-width: 0;
}

.ydFormMiniLabel {
    display: block;
    margin: 0 0 2px 0;
    color: var(--ydYardDogFormsFieldMiniLabelColor, var(--ydBlue80, #173e66));
    font-size: var(--ydYardDogFormsFieldMiniLabelFontSize, 10px);
    font-weight: var(--ydYardDogFormsFieldMiniLabelFontWeight, 800);
    line-height: 1;
}


.ydFormActions,

.ydFormActions .ydFormButton,
.ydCreateUserReviewActions .ydFormButton {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
}

/* BEGIN ydModalShared */
.ydModalOverlay {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--ydModalSafeInset, 18px);
    background: var(--ydModalOverlayBackground, rgba(3, 13, 23, 0.42));
    box-sizing: border-box;
}

.ydModalOverlay[hidden] {
    display: none;
}

.ydModalBox {
    display: inline-grid;
    width: fit-content;
    max-width: 100%;
    max-height: var(--ydModalMaxHeight, calc(100dvh - 36px));
    padding: var(--ydModalLayoutShellInset, 0px);
    border: var(--ydModalBorderWidth, 1px) solid var(--ydModalBorderColor, var(--ydBlue50, #2f80c4));
    border-radius: var(--ydModalBorderRadius, 12px);
    background: var(--ydModalBackground, var(--ydBlue15, #d8eaf7));
    color: var(--ydModalTextColor, var(--ydBlue75, #163f64));
    box-shadow: var(--ydModalBoxShadow, 0 3px 10px rgba(3, 13, 23, 0.22));
    box-sizing: border-box;
    overflow: hidden;
}

.ydModalTitle {
    margin: 0;
    padding: var(--ydModalLayoutNormalInset, 10px) var(--ydModalLayoutNormalInset, 10px) 0 var(--ydModalLayoutNormalInset, 10px);
    color: var(--ydModalTitleColor, var(--ydBlue85, #0e2942));
    font-size: var(--ydModalTitleFontSize, 16px);
    font-weight: var(--ydModalTitleFontWeight, 850);
    line-height: var(--ydModalTitleLineHeight, 1.1);
    text-align: var(--ydModalTitleTextAlign, center);
}

.ydModalContent {
    display: grid;
    gap: var(--ydModalLayoutRowGap, 10px);
    padding: var(--ydModalLayoutNormalInset, 10px);
    box-sizing: border-box;
}

.ydModalContentFull {
    padding-left: var(--ydModalLayoutFullInset, 0px);
    padding-right: var(--ydModalLayoutFullInset, 0px);
}

.ydModalRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--ydModalLayoutFieldGap, 8px);
    min-width: 0;
}

.ydModalField {
    width: var(--ydModalFieldWidth, 220px);
    max-width: var(--ydModalFieldMaxWidth, 100%);
    box-sizing: border-box;
}

.ydModalActions {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--ydModalActionsJustifyContent, center);
    align-items: center;
    gap: var(--ydModalLayoutActionGap, 8px);
    margin-top: var(--ydModalActionsMarginTop, 0px);
}

.ydModalMessage {
    width: var(--ydModalMessageWidth, 240px);
    max-width: var(--ydModalMessageMaxWidth, 100%);
    margin: var(--ydModalMessageMargin, 0);
    color: var(--ydModalMessageColor, var(--ydBlue75, #163f64));
    font-size: var(--ydModalMessageFontSize, 13px);
    font-weight: var(--ydModalMessageFontWeight, 750);
    line-height: var(--ydModalMessageLineHeight, 1.25);
    text-align: var(--ydModalMessageTextAlign, center);
    overflow-wrap: anywhere;
}

.ydModalMessageSuccess {
    color: var(--ydModalMessageSuccessColor, var(--ydGreen75, #164a26));
}

.ydModalMessageError {
    color: var(--ydModalMessageErrorColor, var(--ydRed75, #6d1623));
}

.ydModalMessageWarning {
    color: var(--ydModalMessageWarningColor, var(--ydYellow75, #6d4a00));
}
/* END ydModalShared */

/* BEGIN ydLoginModalLayout */
.ydLoginModalForm {
    display: grid;
    gap: var(--ydLoginModalFormGap, var(--ydModalLayoutRowGap, 10px));
}

.ydLoginModalField {
    display: grid;
    gap: var(--ydLoginModalFieldGap, 4px);
    width: var(--ydLoginModalFieldWidth, 260px);
    max-width: var(--ydLoginModalFieldMaxWidth, 100%);
    justify-self: center;
}

.ydLoginModalTextActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--ydLoginModalTextActionRowGap, 8px);
}

.ydLoginModalTextActionSeparator {
    color: var(--ydLoginModalTextActionSeparatorColor, var(--ydBlue55));
}
/* END ydLoginModalLayout */


.ydFormButton {
    flex: 0 0 auto;
    width: auto;
    min-width: 88px;
    min-height: 38px;
    padding: 8px 14px;
}
.ydFormButton {
    min-height: var(--ydYardDogFormsButtonHeight, 28px);
    border: var(--ydYardDogFormsButtonBorderWidth, 1px) solid var(--ydYardDogFormsButtonBorderColor, var(--ydBlue50, #7fb0d4));
    border-radius: var(--ydYardDogFormsButtonBorderRadius, 999px);
    background: var(--ydYardDogFormsButtonSecondaryBackground, var(--ydBlue15, #e8f3fb));
    color: var(--ydYardDogFormsButtonSecondaryTextColor, var(--ydBlue85, #102c52));
    font-size: var(--ydYardDogFormsButtonFontSize, 13px);
    font-weight: var(--ydYardDogFormsButtonFontWeight, 800);
    line-height: 1;
    padding: var(--ydYardDogFormsButtonPadding, 4px 10px);
}

.ydFormButtonPrimary {
    background: var(--ydYardDogFormsButtonPrimaryBackground, var(--ydBlue35, #afd4ee));
    color: var(--ydYardDogFormsButtonPrimaryTextColor, var(--ydBlue90, #0b213f));
}

/* BEGIN yardDogsFormsPhoneRows */
.ydFormPhoneScroller {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.ydFormPhoneRow,
.ydFormPhoneHeaderRow {
    display: grid;
    grid-template-columns:
        var(--ydYardDogFormsPhonePhoneWidth, 210px)
        var(--ydYardDogFormsPhoneExtensionWidth, 62px)
        var(--ydYardDogFormsPhoneTypeWidth, 130px)
        var(--ydYardDogFormsPhoneButtonWidth, 72px)
        var(--ydYardDogFormsPhoneButtonWidth, 72px);
    gap: var(--ydYardDogFormsPhoneGap, 5px);
    align-items: end;
    min-width: var(--ydYardDogFormsPhoneRowMinWidth, 520px);
}

.ydFormPhoneHeaderRow {
    margin-bottom: 3px;
}

.ydFormPhoneHeader {
    color: var(--ydYardDogFormsFieldMiniLabelColor, var(--ydBlue80, #173e66));
    font-size: var(--ydYardDogFormsFieldMiniLabelFontSize, 10px);
    font-weight: var(--ydYardDogFormsFieldMiniLabelFontWeight, 800);
    line-height: 1;
}

.ydFormPhoneRow {
    margin-bottom: 5px;
}

.ydFormPhonePrimarySelect {
    width: var(--ydYardDogFormsPhonePrimarySelectWidth, 100%);
}
/* END yardDogsFormsPhoneRows */

/* BEGIN ydFormMiniFieldSelectFix */
.ydFormMiniField > span {
    display: block;
    color: var(--ydYardDogFormsFieldLabelTextColor, var(--ydBlue90, #0b213f));
    font-size: var(--ydYardDogFormsFieldLabelFontSize, 13px);
    font-weight: var(--ydYardDogFormsFieldLabelFontWeight, 700);
    line-height: var(--ydYardDogFormsFieldLabelLineHeight, 15px);
    margin: 0 0 3px 0;
}

.ydFormMiniField select {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: var(--ydYardDogFormsFieldHeight, 28px);
    border: var(--ydYardDogFormsFieldBorderWidth, 1px) solid var(--ydYardDogFormsFieldBorderColor, var(--ydBlue45, #8bbce0));
    border-radius: var(--ydYardDogFormsFieldBorderRadius, 6px);
    background-color: var(--ydYardDogFormsFieldBackground, var(--ydBlue05, #f6fbff));
    color: var(--ydYardDogFormsFieldTextColor, var(--ydBlue90, #0b213f));
    font: inherit;
    font-size: var(--ydYardDogFormsFieldFontSize, 16px);
    line-height: var(--ydYardDogFormsFieldLineHeight, 18px);
    padding: var(--ydYardDogFormsFieldPadding, 2px 5px);
    box-sizing: border-box;
}
/* END ydFormMiniFieldSelectFix */

/* BEGIN ydFormSingleSelectField */
.ydFormGap {
    height: var(--ydYardDogFormsLayoutRowGap, 7px);
}

.ydFormSelectField {
    min-width: 0;
    width: 100%;
}

.ydFormSelectField select {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: var(--ydYardDogFormsFieldHeight, 28px);
    border: var(--ydYardDogFormsFieldBorderWidth, 1px) solid var(--ydYardDogFormsFieldBorderColor, var(--ydBlue45, #8bbce0));
    border-radius: var(--ydYardDogFormsFieldBorderRadius, 6px);
    background-color: var(--ydYardDogFormsFieldBackground, var(--ydBlue05, #f6fbff));
    color: var(--ydYardDogFormsFieldTextColor, var(--ydBlue90, #0b213f));
    font: inherit;
    font-size: var(--ydYardDogFormsFieldFontSize, 16px);
    line-height: var(--ydYardDogFormsFieldLineHeight, 18px);
    padding: var(--ydYardDogFormsFieldPadding, 2px 5px);
    box-sizing: border-box;
}
/* END ydFormSingleSelectField */


/* BEGIN ydFormDisabledSelect */
.ydForm select:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}
/* END ydFormDisabledSelect */


/* BEGIN ydFormProperties */
.ydFormPropertiesSection {
    margin-top: calc(var(--ydYardDogFormsLayoutRowGap, 7px) * 1.5);
}

.ydFormPropertyList {
    display: grid;
    gap: calc(var(--ydYardDogFormsLayoutRowGap, 7px) * 1.5);
}

.ydFormPropertyBlock {
    min-width: 0;
    display: grid;
    gap: var(--ydYardDogFormsLayoutRowGap, 7px);
    padding-top: 2px;
}

.ydFormPropertyHeader {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--ydYardDogFormsLayoutColumnGap, 7px);
}

.ydFormPropertyTitle {
    color: var(--ydBlue90, #0b213f);
    font-weight: 800;
    font-size: 14px;
    line-height: 16px;
}

.ydFormPropertyRemove {
    justify-self: end;
}

.ydFormPropertyActions {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--ydYardDogFormsLayoutRowGap, 7px);
}

.ydFormControl {
    min-width: 0;
    width: 100%;
}

.ydFormControl input {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: var(--ydYardDogFormsFieldHeight, 28px);
    border: var(--ydYardDogFormsFieldBorderWidth, 1px) solid var(--ydYardDogFormsFieldBorderColor, var(--ydBlue45, #8bbce0));
    border-radius: var(--ydYardDogFormsFieldBorderRadius, 6px);
    background-color: var(--ydYardDogFormsFieldBackground, var(--ydBlue05, #f6fbff));
    color: var(--ydYardDogFormsFieldTextColor, var(--ydBlue90, #0b213f));
    font: inherit;
    font-size: var(--ydYardDogFormsFieldFontSize, 16px);
    line-height: var(--ydYardDogFormsFieldLineHeight, 18px);
    padding: var(--ydYardDogFormsFieldPadding, 2px 5px);
    box-sizing: border-box;
}
/* END ydFormProperties */

/* BEGIN ydFormSharedInputsAndSwitches */
.ydFormMiniField input {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: var(--ydYardDogFormsFieldHeight, 28px);
    border: var(--ydYardDogFormsFieldBorderWidth, 1px) solid var(--ydYardDogFormsFieldBorderColor, var(--ydBlue45, #8bbce0));
    border-radius: var(--ydYardDogFormsFieldBorderRadius, 6px);
    background-color: var(--ydYardDogFormsFieldBackground, var(--ydBlue05, #f6fbff));
    color: var(--ydYardDogFormsFieldTextColor, var(--ydBlue90, #0b213f));
    font: inherit;
    font-size: var(--ydYardDogFormsFieldFontSize, 16px);
    line-height: var(--ydYardDogFormsFieldLineHeight, 18px);
    padding: var(--ydYardDogFormsFieldPadding, 2px 5px);
    box-sizing: border-box;
}

.ydFormSwitch {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: var(--ydYardDogFormsToggleWidth, 42px);
    min-width: var(--ydYardDogFormsToggleWidth, 42px);
    height: var(--ydYardDogFormsToggleHeight, 22px);
}

.ydFormSwitch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
}

.ydFormSwitchTrack {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border: var(--ydYardDogFormsToggleBorderWidth, 1px) solid var(--ydYardDogFormsToggleBorderColor, var(--ydBlue55, #6fa8d4));
    border-radius: 999px;
    background: var(--ydYardDogFormsToggleOffBackground, var(--ydBlue05, #f6fbff));
    box-sizing: border-box;
    cursor: pointer;
}

.ydFormSwitchTrack::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    width: calc(var(--ydYardDogFormsToggleHeight, 22px) - 8px);
    height: calc(var(--ydYardDogFormsToggleHeight, 22px) - 8px);
    border-radius: 999px;
    background: var(--ydYardDogFormsToggleOffKnobBackground, var(--ydBlue10, #eaf5fc));
    transform: translateY(-50%);
    box-shadow: 0 0 0 1px rgba(20, 75, 120, 0.25);
}

.ydFormSwitch input:checked + .ydFormSwitchTrack {
    background: var(--ydYardDogFormsToggleOnBackground, var(--ydBlue35, #afd4ee));
    border-color: var(--ydYardDogFormsToggleOnBorderColor, var(--ydYardDogFormsToggleBorderColor, var(--ydBlue55, #6fa8d4)));
}

.ydFormSwitch input:checked + .ydFormSwitchTrack::after {
    left: auto;
    right: 3px;
    background: var(--ydYardDogFormsToggleOnKnobBackground, var(--ydBlue95, #061426));
}

.ydFormSwitch input:disabled + .ydFormSwitchTrack {
    opacity: var(--ydYardDogFormsToggleDisabledOpacity, 0.42);
    cursor: not-allowed;
}

/* BEGIN ydFormCompactSwitchItems */
.ydAddressUseServiceItem,
.ydNoteOptionItem {
    display: grid;
    gap: var(--ydYardDogFormsCompactSwitchItemGap, 2px);
    justify-items: var(--ydYardDogFormsCompactSwitchItemJustifyItems, center);
    align-items: start;
    min-width: 0;
}

.ydAddressUseServiceItem .ydFormMiniLabel,
.ydNoteOptionItem .ydFormMiniLabel {
    display: block;
    width: 100%;
    margin: 0 0 var(--ydYardDogFormsCompactSwitchLabelMarginBottom, 2px) 0;
    color: var(--ydYardDogFormsFieldMiniLabelColor, var(--ydBlue80, #173e66));
    font-size: var(--ydYardDogFormsCompactSwitchLabelFontSize, 10px);
    font-weight: var(--ydYardDogFormsCompactSwitchLabelFontWeight, 800);
    line-height: var(--ydYardDogFormsCompactSwitchLabelLineHeight, 1);
    text-align: var(--ydYardDogFormsCompactSwitchLabelTextAlign, center);
    white-space: normal;
}

.ydAddressUseServiceItem .ydFormSwitch,
.ydNoteOptionItem .ydFormSwitch {
    margin: 0;
}
/* END ydFormCompactSwitchItems */
/* END ydFormSharedInputsAndSwitches */


/* BEGIN ydFormIdNumberPreview */
.ydFormIdNumberRow {
    margin-bottom: 0;
}

.ydFormIdNumberGap {
    height: calc(var(--ydYardDogFormsLayoutRowGap, 7px) * 1.35);
}

.ydForm input[readonly][data-id-number-preview] {
    font-weight: 800;
    letter-spacing: 0.08em;
    opacity: 0.85;
    cursor: default;
}
/* END ydFormIdNumberPreview */


/* BEGIN ydCreateUserReview */
.ydCreateUserReview {
    display: grid;
    gap: calc(var(--ydYardDogFormsLayoutRowGap, 7px) * 1.5);
}

.ydCreateUserReviewNotice {
    padding: 7px 8px;
    border: 1px solid var(--ydBlue45, #8bbce0);
    border-radius: 7px;
    background: var(--ydBlue08, #f2f9fe);
    font-weight: 700;
}

.ydCreateUserReviewErrors {
    padding: 7px 8px;
    border: 1px solid rgba(180, 40, 40, 0.55);
    border-radius: 7px;
    background: rgba(255, 240, 240, 0.78);
}

.ydCreateUserReviewErrors ul {
    margin: 5px 0 0 18px;
    padding: 0;
}

.ydCreateUserReviewGroup {
    display: grid;
    gap: 5px;
}

.ydCreateUserReviewGroup h4 {
    margin: 0;
    color: var(--ydBlue95, #061426);
    font-size: 15px;
    line-height: 18px;
    font-weight: 900;
}

.ydCreateUserReviewSubgroup {
    display: grid;
    gap: 4px;
    padding: 5px 0;
    border-top: 1px solid rgba(47, 127, 194, 0.18);
}

.ydCreateUserReviewRow {
    display: grid;
    grid-template-columns: clamp(100px, 34%, 155px) minmax(0, 1fr);
    gap: var(--ydYardDogFormsLayoutColumnGap, 7px);
    align-items: start;
}

.ydCreateUserReviewLabel {
    font-weight: 900;
    color: var(--ydBlue95, #061426);
}

.ydCreateUserReviewValue {
    color: var(--ydBlue90, #0b213f);
    overflow-wrap: anywhere;
}

.ydCreateUserReviewEmpty {
    color: var(--ydBlue70, #2f7fc2);
    font-style: italic;
}

/* END ydCreateUserReview */

/* END yardDogsForms */


/* BEGIN yardDogsFormViewportCanvas */
.formViewport {
    width: 100%;
    max-width: 100%;
    overflow-x: var(--ydFormViewportOverflowX, auto);
    overflow-y: var(--ydFormViewportOverflowY, visible);
    padding-bottom: var(--ydFormViewportPadBottom, 6px);
    -webkit-overflow-scrolling: touch;
}

.formCanvas {
    min-width: var(--ydFormCanvasMinWidth, 720px);
    max-width: var(--ydFormCanvasMaxWidth, none);
}

.formPhoneGrid {
    min-width: var(--ydFormPhoneGridMinWidth, 660px);
    display: grid;
    gap: var(--ydFormPhoneGridGap, 6px);
    align-items: var(--ydFormPhoneGridAlignItems, end);
}

.formPhoneGridSingle {
    grid-template-columns:
        var(--ydFormPhoneGridPhoneColumnWidth, 210px)
        var(--ydFormPhoneGridExtensionColumnWidth, 86px)
        var(--ydFormPhoneGridTypeColumnWidth, 145px);
}

.formPhoneGridMulti {
    grid-template-columns:
        var(--ydFormPhoneGridPrimaryColumnWidth, 42px)
        var(--ydFormPhoneGridPhoneColumnWidth, 210px)
        var(--ydFormPhoneGridExtensionColumnWidth, 86px)
        var(--ydFormPhoneGridTypeColumnWidth, 145px)
        var(--ydFormPhoneGridRemoveColumnWidth, 78px);
}
/* END yardDogsFormViewportCanvas */


.intranetForm,
.formContainer {
    display: grid;
    gap: var(--ydFormContainerGap, 12px);
    background: var(--ydFormContainerBackground, var(--ydBlue10));
    border-color: var(--ydFormContainerBorderColor, var(--ydBlue25));
    border-style: solid;
    border-width: var(--ydFormContainerBorderWidth, 1px);
    border-radius: var(--ydFormContainerBorderRadius, 12px);
    padding-top: var(--ydFormContainerPadTop, 14px);
    padding-right: var(--ydFormContainerPadRight, 14px);
    padding-bottom: var(--ydFormContainerPadBottom, 14px);
    padding-left: var(--ydFormContainerPadLeft, 14px);
}

.formFieldGroup,
.intranetFieldGroup {
    display: grid;
    gap: var(--ydFormFieldGroupGap, 4px);
    margin-top: var(--ydFormFieldGroupMarginTop, 0);
    margin-bottom: var(--ydFormFieldGroupMarginBottom, 14px);
}

.formLabel,
.intranetLabel {
    color: var(--ydFormLabelColor, var(--ydBlue95));
    font-size: var(--ydFormLabelFontSize, .90rem);
    font-weight: var(--ydFormLabelFontWeight, 900);
    font-style: var(--ydFormLabelFontStyle, normal);
    text-decoration: var(--ydFormLabelTextDecoration, none);
    letter-spacing: var(--ydFormLabelLetterSpacing, 0);
    line-height: var(--ydFormLabelLineHeight, 1.15);
    padding-bottom: var(--ydFormLabelPadBottom, 3px);
}

.requiredMarker {
    color: var(--ydFormRequiredMarkerTextColor, var(--ydRed70));
    font-size: var(--ydFormRequiredMarkerFontSize, .95rem);
    font-weight: var(--ydFormRequiredMarkerFontWeight, 900);
    padding-left: var(--ydFormRequiredMarkerPadLeft, 3px);
}

.formHelpText,
.intranetHelpBelow {
    color: var(--ydFormHelpTextColor, var(--ydBlue70));
    font-size: var(--ydFormHelpTextFontSize, .72rem);
    font-weight: var(--ydFormHelpTextFontWeight, 600);
    font-style: var(--ydFormHelpTextFontStyle, normal);
    text-decoration: var(--ydFormHelpTextTextDecoration, none);
    letter-spacing: var(--ydFormHelpTextLetterSpacing, 0);
    line-height: var(--ydFormHelpTextLineHeight, 1.2);
    padding-top: var(--ydFormHelpTextPadTop, 3px);
}

.formErrorText {
    color: var(--ydFormErrorTextColor, var(--ydRed80));
    font-size: var(--ydFormErrorTextFontSize, .76rem);
    font-weight: var(--ydFormErrorTextFontWeight, 800);
    line-height: var(--ydFormErrorTextLineHeight, 1.2);
}

.formFieldGroup.hasError .intranetInput,
.formFieldGroup.hasError .formInput,
.intranetInput.hasError,
.formInput.hasError {
    background: var(--ydFormErrorFieldBackground, var(--ydRed10));
    border-color: var(--ydFormErrorFieldBorderColor, var(--ydRed70));
    color: var(--ydFormErrorFieldTextColor, var(--ydBlue95));
}

.formErrorBubble {
    position: relative;
    width: fit-content;
    max-width: 100%;
    background: var(--ydFormErrorBubbleBackground, var(--ydRed05));
    border-color: var(--ydFormErrorBubbleBorderColor, var(--ydRed70));
    border-style: solid;
    border-width: var(--ydFormErrorBubbleBorderWidth, 1px);
    border-radius: var(--ydFormErrorBubbleBorderRadius, 999px);
    color: var(--ydFormErrorBubbleTextColor, var(--ydRed80));
    font-size: var(--ydFormErrorBubbleFontSize, .76rem);
    font-weight: var(--ydFormErrorBubbleFontWeight, 800);
    line-height: var(--ydFormErrorBubbleLineHeight, 1.2);
    padding-top: var(--ydFormErrorBubblePadTop, 6px);
    padding-right: var(--ydFormErrorBubblePadRight, 9px);
    padding-bottom: var(--ydFormErrorBubblePadBottom, 6px);
    padding-left: var(--ydFormErrorBubblePadLeft, 9px);
    margin-top: 4px;
}

.formErrorBubble::before {
    content: "";
    position: absolute;
    top: calc(-1 * var(--ydFormErrorBubbleTriangleSize, 7px));
    left: 18px;
    border-left: var(--ydFormErrorBubbleTriangleSize, 7px) solid transparent;
    border-right: var(--ydFormErrorBubbleTriangleSize, 7px) solid transparent;
    border-bottom: var(--ydFormErrorBubbleTriangleSize, 7px) solid var(--ydFormErrorBubbleTriangleColor, var(--ydRed70));
}

.intranetInput,
.formInput,
.intranetSelect,
.formSelect,
.intranetTextarea,
.formTextarea {
    width: 100%;
    box-sizing: border-box;
    border-style: solid;
    outline: none;
}

.intranetInput,
.formInput {
    min-height: var(--ydControlInputMinHeight, 44px);
    background: var(--ydControlInputBackground, var(--ydBlue05));
    border-color: var(--ydControlInputBorderColor, var(--ydBlue25));
    border-width: var(--ydControlInputBorderWidth, 1px);
    border-radius: var(--ydControlInputBorderRadius, 12px);
    color: var(--ydControlInputTextColor, var(--ydBlue95));
    font-size: var(--ydControlInputFontSize, 1rem);
    font-weight: var(--ydControlInputFontWeight, 650);
    line-height: var(--ydControlInputLineHeight, 1.25);
    padding-top: var(--ydControlInputPadTop, 10px);
    padding-right: var(--ydControlInputPadRight, 12px);
    padding-bottom: var(--ydControlInputPadBottom, 10px);
    padding-left: var(--ydControlInputPadLeft, 12px);
}

.intranetInput:focus,
.formInput:focus {
    background: var(--ydControlInputFocusBackground, var(--ydBlue10));
    border-color: var(--ydControlInputFocusBorderColor, var(--ydBlue45));
}

.intranetInput::placeholder,
.formInput::placeholder {
    color: var(--ydControlInputPlaceholderColor, var(--ydBlue60));
}

.intranetInput.maskedPin,
.formInput.maskedPin,
.pinInput {
    letter-spacing: var(--ydControlInputPinLetterSpacing, .18em);
    font-weight: var(--ydControlInputPinFontWeight, 800);
    -webkit-text-security: disc;
}

.intranetInput.maskedPin.pinVisible,
.formInput.maskedPin.pinVisible,
.pinInput.pinVisible {
    -webkit-text-security: none;
}

.intranetTextarea,
.formTextarea {
    min-height: var(--ydControlTextareaMinHeight, 110px);
    background: var(--ydControlTextareaBackground, var(--ydBlue05));
    border-color: var(--ydControlTextareaBorderColor, var(--ydBlue25));
    border-width: var(--ydControlTextareaBorderWidth, 1px);
    border-radius: var(--ydControlTextareaBorderRadius, 12px);
    color: var(--ydControlTextareaTextColor, var(--ydBlue95));
    font-size: var(--ydControlTextareaFontSize, 1rem);
    font-weight: var(--ydControlTextareaFontWeight, 650);
    line-height: var(--ydControlTextareaLineHeight, 1.35);
    padding-top: var(--ydControlTextareaPadTop, 10px);
    padding-right: var(--ydControlTextareaPadRight, 12px);
    padding-bottom: var(--ydControlTextareaPadBottom, 10px);
    padding-left: var(--ydControlTextareaPadLeft, 12px);
}

.intranetSelect,
.formSelect {
    min-height: var(--ydControlSelectMinHeight, 44px);
    background: var(--ydControlSelectBackground, var(--ydBlue05));
    border-color: var(--ydControlSelectBorderColor, var(--ydBlue25));
    border-width: var(--ydControlSelectBorderWidth, 1px);
    border-radius: var(--ydControlSelectBorderRadius, 12px);
    color: var(--ydControlSelectTextColor, var(--ydBlue95));
    font-size: var(--ydControlSelectFontSize, 1rem);
    font-weight: var(--ydControlSelectFontWeight, 650);
    padding-top: var(--ydControlSelectPadTop, 10px);
    padding-right: var(--ydControlSelectPadRight, 12px);
    padding-bottom: var(--ydControlSelectPadBottom, 10px);
    padding-left: var(--ydControlSelectPadLeft, 12px);
}

/* yardDogsIntranetControls */

.controlCheckbox,
.controlRadio {
    accent-color: var(--ydControlCheckboxCheckedBackground, var(--ydBlue80));
    width: var(--ydControlCheckboxSize, 22px);
    height: var(--ydControlCheckboxSize, 22px);
}

.controlSwitch {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: var(--ydControlSwitchWidth, 52px);
    height: var(--ydControlSwitchHeight, 30px);
}

.controlSwitch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.controlSwitchTrack {
    position: absolute;
    inset: 0;
    border-style: solid;
    border-width: var(--ydControlSwitchTrackBorderWidth, 1px);
    border-radius: var(--ydControlSwitchTrackBorderRadius, 999px);
    border-color: var(--ydControlSwitchTrackOffBorderColor, var(--ydBlue35));
    background: var(--ydControlSwitchTrackOffBackground, var(--ydBlue15));
}

.controlSwitchThumb {
    position: absolute;
    top: 50%;
    left: 3px;
    width: calc(var(--ydControlSwitchHeight, 30px) - 8px);
    height: calc(var(--ydControlSwitchHeight, 30px) - 8px);
    transform: translateY(-50%);
    border-style: solid;
    border-width: 1px;
    border-radius: 999px;
    border-color: var(--ydControlSwitchThumbOffBorderColor, var(--ydBlue40));
    background: var(--ydControlSwitchThumbOffBackground, var(--ydBlue05));
    transition: left 140ms ease, background 140ms ease, border-color 140ms ease;
}

.controlSwitch input:checked ~ .controlSwitchTrack {
    border-color: var(--ydControlSwitchTrackOnBorderColor, var(--ydBlue85));
    background: var(--ydControlSwitchTrackOnBackground, var(--ydBlue70));
}

.controlSwitch input:checked ~ .controlSwitchThumb {
    left: calc(var(--ydControlSwitchWidth, 52px) - var(--ydControlSwitchHeight, 30px) + 5px);
    border-color: var(--ydControlSwitchThumbOnBorderColor, var(--ydBlue05));
    background: var(--ydControlSwitchThumbOnBackground, var(--ydBlue20));
}

.controlSwitch input:focus ~ .controlSwitchTrack {
    outline: 2px solid var(--ydControlSwitchFocusOutlineColor, var(--ydBlue60));
    outline-offset: 2px;
}

/* yardDogsIntranetAccordion */

.intranetAccordion {
    display: grid;
    gap: 0;
    margin-top: var(--ydCardPadTop, 18px);
}

.accordionLevel1 {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    background: var(--ydAccordionLevel1ContainerBackground, var(--ydBlue40));
    border-color: var(--ydAccordionLevel1ContainerBorderColor, var(--ydBlue55));
    border-style: solid;
    border-width: var(--ydAccordionLevel1ContainerBorderWidth, 1px);
    border-radius: var(--ydAccordionLevel1ContainerBorderRadius, 16px);
}

.accordionLevel1 + .accordionLevel1 {
    margin-top: var(--ydAccordionLevel1ContainerGap, 4px);
}

.accordionLevel1[open] {
    background: var(--ydAccordionLevel1ContainerOpenBackground, var(--ydBlue35));
}

.accordionLevel1Summary,
.accordionLevel2Summary {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    list-style: none;
}

.accordionLevel1Summary::-webkit-details-marker,
.accordionLevel2Summary::-webkit-details-marker {
    display: none;
}

.accordionLevel1Summary {
    height: var(--ydAccordionLevel1ContainerRowHeight, 74px);
    gap: var(--ydAccordionLevel1ContainerGap, 4px);
    padding-top: var(--ydAccordionLevel1ContainerPadTop, 10px);
    padding-right: var(--ydAccordionLevel1ContainerPadRight, 16px);
    padding-bottom: var(--ydAccordionLevel1ContainerPadBottom, 10px);
    padding-left: var(--ydAccordionLevel1ContainerPadLeft, 16px);
}

.accordionLevel1Summary:hover,
.accordionLevel1Summary:focus {
    background: var(--ydAccordionLevel1ContainerHoverBackground, var(--ydBlue45));
}

.accordionLevel1[open] > .accordionLevel1Summary {
    border-bottom: var(--ydAccordionLevel1ContainerBorderWidth, 1px) solid var(--ydAccordionLevel1ContainerDividerColor, var(--ydBlue55));
}

.accordionSummaryText {
    display: grid;
    gap: var(--ydAccordionLevel1ContainerGap, 4px);
    min-width: 0;
}

.accordionLevel1Title,
.accordionLevel1Subtitle,
.accordionLevel2Title,
.accordionLevel2Subtitle,
.accordionLevel3Title,
.accordionLevel3Subtitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.accordionLevel1Title {
    color: var(--ydAccordionLevel1TitleColor, var(--ydBlue100));
    font-size: var(--ydAccordionLevel1TitleFontSize, 1.08rem);
    font-weight: var(--ydAccordionLevel1TitleFontWeight, 900);
    font-style: var(--ydAccordionLevel1TitleFontStyle, normal);
    text-decoration: var(--ydAccordionLevel1TitleTextDecoration, none);
    letter-spacing: var(--ydAccordionLevel1TitleLetterSpacing, .01em);
    line-height: var(--ydAccordionLevel1TitleLineHeight, 1.15);
    text-align: var(--ydAccordionLevel1TitleTextAlign, left);
    -webkit-line-clamp: var(--ydAccordionLevel1TitleMaxLines, 1);
}

.accordionLevel1Subtitle {
    color: var(--ydAccordionLevel1SubtitleColor, var(--ydBlue85));
    font-size: var(--ydAccordionLevel1SubtitleFontSize, .82rem);
    font-weight: var(--ydAccordionLevel1SubtitleFontWeight, 700);
    font-style: var(--ydAccordionLevel1SubtitleFontStyle, normal);
    text-decoration: var(--ydAccordionLevel1SubtitleTextDecoration, none);
    letter-spacing: var(--ydAccordionLevel1SubtitleLetterSpacing, 0);
    line-height: var(--ydAccordionLevel1SubtitleLineHeight, 1.15);
    text-align: var(--ydAccordionLevel1SubtitleTextAlign, left);
    -webkit-line-clamp: var(--ydAccordionLevel1SubtitleMaxLines, 2);
}

.accordionLevel1Count {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    min-width: 30px;
    height: 30px;
    border-radius: 999px;
    background: var(--ydAccordionLevel1ContainerBorderColor, var(--ydBlue55));
    color: var(--ydAccordionLevel1TitleColor, var(--ydBlue100));
    font-size: .82rem;
    font-weight: 900;
}

.accordionLevel2List {
    display: grid;
    gap: 0;
    padding: 0;
    margin: 0;
    background: var(--ydAccordionLevel2ContainerBackground, var(--ydBlue25));
}

.accordionLevel2Panel {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: var(--ydAccordionLevel2ContainerBackground, var(--ydBlue25));
    border: 0;
    border-radius: 0;
    border-bottom: var(--ydAccordionLevel2ContainerBorderWidth, 1px) solid var(--ydAccordionLevel2ContainerDividerColor, var(--ydBlue40));
}

.accordionLevel2Panel:last-child {
    border-bottom: 0;
}

.accordionLevel2Panel[open] {
    background: var(--ydAccordionLevel2ContainerOpenBackground, var(--ydBlue20));
}

.accordionLevel2Summary {
    height: var(--ydAccordionLevel2ContainerRowHeight, 58px);
    gap: var(--ydAccordionLevel2ContainerGap, 3px);
    padding-top: var(--ydAccordionLevel2ContainerPadTop, 8px);
    padding-right: var(--ydAccordionLevel2ContainerPadRight, 14px);
    padding-bottom: var(--ydAccordionLevel2ContainerPadBottom, 8px);
    padding-left: var(--ydAccordionLevel2ContainerPadLeft, 14px);
}

.accordionLevel2Summary:hover,
.accordionLevel2Summary:focus {
    background: var(--ydAccordionLevel2ContainerHoverBackground, var(--ydBlue30));
}

.accordionLevel2Panel[open] > .accordionLevel2Summary {
    border-bottom: var(--ydAccordionLevel2ContainerBorderWidth, 1px) solid var(--ydAccordionLevel2ContainerDividerColor, var(--ydBlue40));
}

.accordionLevel2Title {
    color: var(--ydAccordionLevel2TitleColor, var(--ydBlue95));
    font-size: var(--ydAccordionLevel2TitleFontSize, .95rem);
    font-weight: var(--ydAccordionLevel2TitleFontWeight, 850);
    font-style: var(--ydAccordionLevel2TitleFontStyle, normal);
    text-decoration: var(--ydAccordionLevel2TitleTextDecoration, none);
    letter-spacing: var(--ydAccordionLevel2TitleLetterSpacing, 0);
    line-height: var(--ydAccordionLevel2TitleLineHeight, 1.15);
    text-align: var(--ydAccordionLevel2TitleTextAlign, left);
    -webkit-line-clamp: var(--ydAccordionLevel2TitleMaxLines, 1);
}

.accordionLevel2Subtitle {
    color: var(--ydAccordionLevel2SubtitleColor, var(--ydBlue75));
    font-size: var(--ydAccordionLevel2SubtitleFontSize, .76rem);
    font-weight: var(--ydAccordionLevel2SubtitleFontWeight, 650);
    font-style: var(--ydAccordionLevel2SubtitleFontStyle, normal);
    text-decoration: var(--ydAccordionLevel2SubtitleTextDecoration, none);
    letter-spacing: var(--ydAccordionLevel2SubtitleLetterSpacing, 0);
    line-height: var(--ydAccordionLevel2SubtitleLineHeight, 1.15);
    text-align: var(--ydAccordionLevel2SubtitleTextAlign, left);
    -webkit-line-clamp: var(--ydAccordionLevel2SubtitleMaxLines, 1);
}

.accordionLevel3 {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    background: var(--ydAccordionLevel3ContainerBackground, var(--ydBlue10));
    border: 0;
    border-radius: 0;
    padding-top: var(--ydAccordionLevel3ContainerPadTop, 14px);
    padding-right: var(--ydAccordionLevel3ContainerPadRight, 14px);
    padding-bottom: var(--ydAccordionLevel3ContainerPadBottom, 14px);
    padding-left: var(--ydAccordionLevel3ContainerPadLeft, 14px);
}

.accordionLevel3Title {
    margin: 0 0 6px;
    color: var(--ydAccordionLevel3TitleColor, var(--ydBlue95));
    font-size: var(--ydAccordionLevel3TitleFontSize, 1.05rem);
    font-weight: var(--ydAccordionLevel3TitleFontWeight, 900);
    font-style: var(--ydAccordionLevel3TitleFontStyle, normal);
    text-decoration: var(--ydAccordionLevel3TitleTextDecoration, none);
    letter-spacing: var(--ydAccordionLevel3TitleLetterSpacing, 0);
    line-height: var(--ydAccordionLevel3TitleLineHeight, 1.2);
    text-align: var(--ydAccordionLevel3TitleTextAlign, center);
    -webkit-line-clamp: var(--ydAccordionLevel3TitleMaxLines, 2);
}

.accordionLevel3Subtitle {
    margin: 0 0 10px;
    color: var(--ydAccordionLevel3SubtitleColor, var(--ydBlue75));
    font-size: var(--ydAccordionLevel3SubtitleFontSize, .84rem);
    font-weight: var(--ydAccordionLevel3SubtitleFontWeight, 650);
    font-style: var(--ydAccordionLevel3SubtitleFontStyle, normal);
    text-decoration: var(--ydAccordionLevel3SubtitleTextDecoration, none);
    letter-spacing: var(--ydAccordionLevel3SubtitleLetterSpacing, 0);
    line-height: var(--ydAccordionLevel3SubtitleLineHeight, 1.25);
    text-align: var(--ydAccordionLevel3SubtitleTextAlign, center);
    -webkit-line-clamp: var(--ydAccordionLevel3SubtitleMaxLines, 3);
}

/* yardDogsPinRevealIconClean */

.intranetSecretWrap {
    position: relative;
    display: flex;
    align-items: center;
}

.intranetSecretWrap .intranetInput {
    padding-right: 48px;
}

.intranetRevealButton {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 38px;
    min-height: 38px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--ydButtonQuietTextColor, var(--ydBlue80));
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

.intranetRevealButton:hover {
    background: transparent;
}

.intranetRevealButton:focus {
    outline: 2px solid var(--ydControlInputFocusBorderColor, var(--ydBlue45));
    outline-offset: 2px;
    background: transparent;
}

.intranetPinRuleList {
    margin: 0;
    padding-left: 1.2rem;
    color: var(--ydFormHelpTextColor, var(--ydBlue70));
    font-size: var(--ydFormHelpTextFontSize, .72rem);
    line-height: var(--ydFormHelpTextLineHeight, 1.2);
}

@media (max-width: 640px) {
    .intranetCard {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    .intranetActions,
    .formButtonRow {
        flex-direction: column;
        align-items: stretch;
    }

    .intranetPill,
    .buttonPrimary,
    .buttonSecondary,
    .buttonDanger,
    .buttonQuiet {
        width: 100%;
    }
}

/* Yard Dogs compact address use/service slider grid */
.ydAddressUseServiceGrid {
    align-items: start;
}

.ydAddressUseServiceMasterLabel {
    align-self: start;
    padding-top: 0.42rem;
    line-height: 1.08;
}

.ydAddressUseServiceMasterLabel span {
    display: block;
}

.ydAddressUseServiceControls {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.68rem 0.55rem;
    align-items: start;
}

.ydAddressUseServiceItem {
    display: grid;
    gap: var(--ydYardDogFormsCompactSwitchItemGap, 2px);
    justify-items: var(--ydYardDogFormsCompactSwitchItemJustifyItems, center);
    align-items: start;
    min-width: 0;
}

.ydAddressUseServiceItem .ydFormMiniLabel {
    display: block;
    width: 100%;
    margin: 0 0 var(--ydYardDogFormsCompactSwitchLabelMarginBottom, 2px) 0;
    color: var(--ydYardDogFormsFieldMiniLabelColor, var(--ydBlue80, #173e66));
    font-size: var(--ydYardDogFormsCompactSwitchLabelFontSize, 10px);
    font-weight: var(--ydYardDogFormsCompactSwitchLabelFontWeight, 800);
    line-height: var(--ydYardDogFormsCompactSwitchLabelLineHeight, 1);
    text-align: var(--ydYardDogFormsCompactSwitchLabelTextAlign, center);
    white-space: normal;
}

.ydAddressUseServiceItem .ydFormSwitch {
    margin: 0;
}

@media (max-width: 520px) {
    .ydAddressUseServiceControls {
        gap: 0.62rem 0.46rem;
    }
}


/* BEGIN ydTextAction */
.ydTextAction {
    color: var(--ydTextActionColor, var(--ydBlue65, #225f91));
    font-size: var(--ydTextActionFontSize, 125%);
    text-decoration: var(--ydTextActionTextDecoration, none);
    cursor: var(--ydTextActionCursor, pointer);
}

.ydTextAction:focus-visible {
    outline: var(--ydTextActionFocusOutlineWidth, 1px) var(--ydTextActionFocusOutlineStyle, solid) currentColor;
    outline-offset: var(--ydTextActionFocusOutlineOffset, 2px);
}
/* END ydTextAction */


/* BEGIN ydFormButtonCenterFix */
.ydFormButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
}
/* END ydFormButtonCenterFix */


/* BEGIN ydModalStateCritical */
.ydModalBoxCritical {
    border-color: var(--ydModalCriticalBorderColor);
    background: var(--ydModalCriticalBackground);
    color: var(--ydModalCriticalTextColor);
}

.ydModalBoxCritical .ydModalTitle {
    color: var(--ydModalCriticalTitleColor);
}

.ydModalBoxCritical .ydModalMessage {
    color: var(--ydModalCriticalMessageColor);
}
/* END ydModalStateCritical */


/* BEGIN ydModalStateSuccessWarning */
.ydModalBoxSuccess {
    border-color: var(--ydModalSuccessBorderColor);
    background: var(--ydModalSuccessBackground);
    color: var(--ydModalSuccessTextColor);
}

.ydModalBoxSuccess .ydModalTitle {
    color: var(--ydModalSuccessTitleColor);
}

.ydModalBoxSuccess .ydModalMessage {
    color: var(--ydModalSuccessMessageColor);
}

.ydModalBoxWarning {
    border-color: var(--ydModalWarningBorderColor);
    background: var(--ydModalWarningBackground);
    color: var(--ydModalWarningTextColor);
}

.ydModalBoxWarning .ydModalTitle {
    color: var(--ydModalWarningTitleColor);
}

.ydModalBoxWarning .ydModalMessage {
    color: var(--ydModalWarningMessageColor);
}
/* END ydModalStateSuccessWarning */


/* yardDogsPinVisibilityFix */
#ydChangePinNewPin[type="text"],
#ydChangePinConfirmPin[type="text"] {
    -webkit-text-security: none !important;
}

/* yardDogsChangePinLiveValidation */
.intranetSecretWrap.ydPinFieldStatePending .ydFormInput,
.intranetSecretWrap.ydPinFieldStatePending .ydFormInput:focus {
    background-color: var(--ydYellow20, #ffe980);
    border-color: var(--ydYellow50, #e8a000);
}

.intranetSecretWrap.ydPinFieldStateInvalid .ydFormInput,
.intranetSecretWrap.ydPinFieldStateInvalid .ydFormInput:focus {
    background-color: var(--ydRed20, #ffbdc7);
    border-color: var(--ydRed50, #d93030);
}

.intranetSecretWrap.ydPinFieldStateValid .ydFormInput,
.intranetSecretWrap.ydPinFieldStateValid .ydFormInput:focus {
    background-color: var(--ydGreen20, #b2edbf);
    border-color: var(--ydGreen50, #2e9449);
}

.intranetPinRuleList.ydPinRuleListLive {
    display: grid;
    gap: 3px;
    padding-left: 0;
    list-style: none;
}

.ydPinRuleItem {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--ydRed55, #c42a2f);
    font-weight: 400;
}

.ydPinRuleItem.ydPinRuleValid {
    color: var(--ydGreen55, #298542);
}

.ydPinRuleItem.ydPinRuleViolation {
    font-weight: 600;
}

.ydPinRuleIcon {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
}

.ydPinSaveButton:disabled {
    cursor: not-allowed;
    opacity: .55;
}

/* YD generic record divider START */
.ydRecordDivider {
    box-sizing: border-box;
    width: var(--ydYardDogComponentsRecordDividerWidth, 100%);
    max-width: 100%;
    height: 0;
    margin: var(--ydYardDogComponentsRecordDividerMargin, 8px 0);
    border: 0;
    border-top-color: var(--ydYardDogComponentsRecordDividerBorderColor, rgba(0, 0, 0, 0.13));
    border-top-style: var(--ydYardDogComponentsRecordDividerBorderStyle, solid);
    border-top-width: var(--ydYardDogComponentsRecordDividerBorderWidth, 1px);
    flex: 0 0 auto;
}
/* YD generic record divider END */

/* YD alert maintenance scaffold START */
.ydAlertAdminSlat {
    box-sizing: border-box;
    width: 100%;
    background: var(--ydYardDogFormsAlertSlatBackground);
    border-color: var(--ydYardDogFormsAlertSlatBorderColor);
    border-style: var(--ydYardDogFormsAlertSlatBorderStyle);
    border-width: var(--ydYardDogFormsAlertSlatBorderWidth);
    border-radius: var(--ydYardDogFormsAlertSlatBorderRadius);
    color: var(--ydYardDogFormsAlertSlatTextColor);
    padding: var(--ydYardDogFormsAlertSlatPadding);
    margin-top: var(--ydYardDogFormsAlertSlatMarginTop);
}

.ydAlertAdminLine {
    font-size: var(--ydYardDogFormsAlertSlatLineFontSize);
    line-height: var(--ydYardDogFormsAlertSlatLineHeight);
    margin-top: var(--ydYardDogFormsAlertSlatLineMarginTop);
}

.ydAlertAdminIdentity {
    font-size: var(--ydYardDogFormsAlertSlatIdentityFontSize);
    margin-top: var(--ydYardDogFormsAlertSlatIdentityMarginTop);
}

.ydAlertAdminLineLabel {
    font-weight: var(--ydYardDogFormsAlertSlatLineLabelFontWeight);
}

.ydAlertAdminControls {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: var(--ydYardDogFormsAlertSlatControlsGap);
    margin-top: var(--ydYardDogFormsAlertSlatControlsMarginTop);
    padding-top: var(--ydYardDogFormsAlertSlatControlsPaddingTop);
    border-top-color: var(--ydYardDogFormsAlertSlatControlsBorderColor);
    border-top-style: var(--ydYardDogFormsAlertSlatControlsBorderStyle);
    border-top-width: var(--ydYardDogFormsAlertSlatControlsBorderWidth);
    overflow-x: var(--ydYardDogFormsAlertSlatControlsOverflowX);
}

.ydAlertAdminControls .ydCompactSwitchItem,
.ydAlertAdminControls .ydFormButton {
    flex: 0 0 auto;
}

.ydAlertAdminControls .ydFormButton {
    white-space: nowrap;
}

.ydAlertChannelGroup {
    margin-top: var(--ydYardDogFormsChannelGroupMarginTop);
}

.ydAlertChannelGroup + .ydAlertChannelGroup {
    margin-top: var(--ydYardDogFormsChannelGroupAdjacentMarginTop);
}

.ydAlertChannelGroup .ydFormRow {
    margin-top: 0;
    margin-bottom: 0;
}

.ydAlertChannelSwitchRow {
    margin-bottom: var(--ydYardDogFormsChannelGroupSwitchMarginBottom);
}

.ydAlertChannelMessageRow {
    margin-top: var(--ydYardDogFormsChannelGroupMessageMarginTop);
}
/* YD alert maintenance scaffold END */

/* YD compact control standard START */
.ydFormCompactLabel,
.ydFormMiniLabel {
    display: block;
    color: var(--ydYardDogFormsFieldMiniLabelColor);
    font-size: var(--ydYardDogFormsFieldMiniLabelFontSize);
    font-weight: var(--ydYardDogFormsFieldMiniLabelFontWeight);
    line-height: var(--ydYardDogFormsCompactControlLabelLineHeight);
    letter-spacing: var(--ydYardDogFormsCompactControlLabelLetterSpacing);
    margin: 0 0 var(--ydYardDogFormsCompactControlLabelGap);
    padding: 0;
    text-align: var(--ydYardDogFormsCompactControlLabelTextAlign);
}

.ydCompactSwitchGroup {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--ydYardDogFormsCompactControlGroupRowGap) var(--ydYardDogFormsCompactControlGroupColumnGap);
}

.ydCompactSwitchItem,
.ydAddressUseServiceItem,
.ydNoteOptionItem {
    display: inline-flex;
    flex-direction: column;
    align-items: var(--ydYardDogFormsCompactControlItemAlignItems);
    justify-content: var(--ydYardDogFormsCompactControlItemJustifyContent);
    gap: var(--ydYardDogFormsCompactControlItemGap);
    min-width: var(--ydYardDogFormsCompactControlItemMinWidth);
}

.ydCompactSwitchItem .ydFormSwitch,
.ydAddressUseServiceItem .ydFormSwitch,
.ydNoteOptionItem .ydFormSwitch {
    margin-top: 0;
}

.ydCompactSwitchItem .ydFormCompactLabel,
.ydAddressUseServiceItem .ydFormCompactLabel,
.ydNoteOptionItem .ydFormCompactLabel,
.ydAddressUseServiceItem .ydFormMiniLabel,
.ydNoteOptionItem .ydFormMiniLabel {
    margin-bottom: var(--ydYardDogFormsCompactControlSwitchLabelGap);
}

.ydNoteOptionsGrid {
    row-gap: var(--ydYardDogFormsNoteOptionsRowGap);
    column-gap: var(--ydYardDogFormsNoteOptionsColumnGap);
    align-items: start;
}

.ydFormButtonCompact {
    padding: var(--ydYardDogFormsCompactButtonPadding);
    font-size: var(--ydYardDogFormsCompactButtonFontSize);
    line-height: var(--ydYardDogFormsCompactButtonLineHeight);
    min-height: var(--ydYardDogFormsCompactButtonMinHeight);
}
/* YD compact control standard END */

/* YD form action row standard START */
.ydFormActions,
.ydCreateUserReviewActions {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--ydYardDogFormsActionRowGap);
    width: 100%;
    max-width: 100%;
    margin: var(--ydYardDogFormsActionRowMargin);
    padding: 0;
    text-align: center;
}

.ydFormActions .ydFormButton,
.ydCreateUserReviewActions .ydFormButton {
    flex: 0 0 auto;
}
/* YD form action row standard END */

/* YD paired form control standard START */
.ydFormPair {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--ydYardDogFormsPairGap);
    align-items: start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.ydFormMiniField {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.ydFormPair .ydFormInput,
.ydFormMiniField .ydFormInput {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}
/* YD paired form control standard END */

/* YD date time component standard START */
.ydDateTime {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--ydYardDogFormsDateTimeTimeWidth);
    gap: var(--ydYardDogFormsDateTimeGap);
    align-items: start;
    width: min(100%, var(--ydYardDogFormsDateTimeMaxWidth));
    max-width: 100%;
}

.ydDateTimeDate,
.ydDateTimeTime {
    box-sizing: border-box;
    display: block;
    min-width: 0;
    max-width: 100%;
}

.ydDateTime .ydFormCompactLabel {
    margin-bottom: var(--ydYardDogFormsDateTimeLabelGap);
}

.ydDateTimeInput {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: var(--ydYardDogFormsDateTimeInputHeight);
    min-height: var(--ydYardDogFormsDateTimeInputMinHeight);
    max-height: var(--ydYardDogFormsDateTimeInputMaxHeight);
    padding: var(--ydYardDogFormsDateTimeInputPadding);
    line-height: var(--ydYardDogFormsDateTimeInputLineHeight);
    vertical-align: middle;
    appearance: var(--ydYardDogFormsDateTimeInputAppearance);
    -webkit-appearance: var(--ydYardDogFormsDateTimeInputAppearance);
}

.ydDateTimeTimeInput {
    text-align: var(--ydYardDogFormsDateTimeTimeTextAlign);
    font-variant-numeric: var(--ydYardDogFormsDateTimeTimeFontVariantNumeric);
    font-feature-settings: var(--ydYardDogFormsDateTimeTimeFontFeatureSettings);
}

.ydDateTimeInput::-webkit-date-and-time-value {
    line-height: var(--ydYardDogFormsDateTimeInputLineHeight);
    margin: 0;
    padding: 0;
}

.ydDateTimeTimeInput::-webkit-date-and-time-value {
    text-align: var(--ydYardDogFormsDateTimeTimeTextAlign);
}

.ydDateTimeCompact {
    margin-top: 0;
}
/* YD date time component standard END */

/* YD note tone sale extension START */
.ydNoteToneTextarea.ydNoteTone--sale {
    border-color: var(--ydYardDogFormsNoteToneSaleBorderColor);
    background: var(--ydYardDogFormsNoteToneSaleBackground);
    color: var(--ydYardDogFormsNoteToneSaleTextColor);
}

.ydNoteCard.ydNoteCard--sale {
    border-color: var(--ydYardDogFormsNoteToneSaleBorderColor);
    background: var(--ydYardDogFormsNoteToneSaleBackground);
    color: var(--ydYardDogFormsNoteToneSaleTextColor);
}
/* YD note tone sale extension END */