@import "https://use.typekit.net/lzh0yqx.css"; .joyux-toolbar-text-button {     font-size: 14pt;     color: #72AC72;     background-color: #C9DEC9;     transition: color 0.3s, background-color 0.3s;     position: relative; }     .joyux-toolbar-text-button::before {         content: "";         background-color: #C9DEC9;         transition: background-color 0.3s;         border-top-left-radius: 0.2in;         border-bottom-left-radius: 0.2in;         width: 0.2in;         height: 0.4in;         position: absolute;         left: -0.22in;         top: 0.0in;     }     .joyux-toolbar-text-button::after {         content: "";         background-color: #C9DEC9;         transition: background-color 0.3s;         border-top-right-radius: 0.2in;         border-bottom-right-radius: 0.2in;         width: 0.2in;         height: 0.4in;         position: absolute;         right: -0.22in;         top: 0.0in;     }     .joyux-toolbar-text-button:hover, .joyux-toolbar-text-button:hover::before, .joyux-toolbar-text-button:hover::after {         color: white;         background-color: #72AC72;     }     .joyux-toolbar-text-button:active, .joyux-toolbar-text-button:active::before, .joyux-toolbar-text-button:active::after {         color: white;         background-color: #2E742E;     }     .joyux-toolbar-text-button:focus, .joyux-toolbar-text-button:focus::before, .joyux-toolbar-text-button:focus::after {         color: white;         background-color: #72AC72;     }      .joyux-toolbar-text-button-disabled {     font-size: 14pt;     color: #DDDDDD;     background-color: #EEEEEE;     position: relative; }     .joyux-toolbar-text-button-disabled::before {         content: "";         background-color: #EEEEEE;         border-top-left-radius: 0.2in;         border-bottom-left-radius: 0.2in;         width: 0.2in;         height: 0.4in;         position: absolute;         left: -0.22in;         top: 0.0in;     }     .joyux-toolbar-text-button-disabled::after {         content: "";         background-color: #EEEEEE;         border-top-right-radius: 0.2in;         border-bottom-right-radius: 0.2in;         width: 0.2in;         height: 0.4in;         position: absolute;         right: -0.22in;         top: 0.0in;     }          .joyux-toolbar-text-button-disabled:hover, .joyux-toolbar-text-button-disabled:hover::before, .joyux-toolbar-text-button-disabled:hover::after {         color: #DDDDDD;         background-color: #EEEEEE;     }     .joyux-toolbar-text-button-disabled:active, .joyux-toolbar-text-button-disabled:active::before, .joyux-toolbar-text-button-disabled:active::after {         color: #DDDDDD;         background-color: #EEEEEE;     }     .joyux-toolbar-text-button-disabled:focus, .joyux-toolbar-text-button-disabled:focus::before, .joyux-toolbar-text-button-disabled:focus::after {         color: #DDDDDD;         background-color: #EEEEEE;     }      .joyux-toolbar-text-button-danger {     font-size: 14pt;     color: #A11D21;     background-color: #FFE0E0;     transition: color 0.3s, background-color 0.3s;     position: relative; }     .joyux-toolbar-text-button-danger::before {         content: "";         background-color: #FFE0E0;         transition: background-color 0.3s;         border-top-left-radius: 0.2in;         border-bottom-left-radius: 0.2in;         width: 0.2in;         height: 0.4in;         position: absolute;         left: -0.22in;         top: 0.0in;     }     .joyux-toolbar-text-button-danger::after {         content: "";         background-color: #FFE0E0;         transition: background-color 0.3s;         border-top-right-radius: 0.2in;         border-bottom-right-radius: 0.2in;         width: 0.2in;         height: 0.4in;         position: absolute;         right: -0.22in;         top: 0.0in;     }     .joyux-toolbar-text-button-danger:hover, .joyux-toolbar-text-button-danger:hover::before, .joyux-toolbar-text-button-danger:hover::after {         color: white;         background-color: #CF8D8F;     }     .joyux-toolbar-text-button-danger:active, .joyux-toolbar-text-button-danger:active::before, .joyux-toolbar-text-button-danger:active::after {         color: white;         background-color: #A11D21;     }     .joyux-toolbar-text-button-danger:focus, .joyux-toolbar-text-button-danger:focus::before, .joyux-toolbar-text-button-danger:focus::after {         color: white;         background-color: #CF8D8F;     }      .joyux-toolbar-icon-button {     font-size: 14pt;     color: #72AC72;     fill: #72AC72;     background-color: #C9DEC9;     transition: color 0.3s, background-color 0.3s;     border-top-left-radius: 0.2in;     border-bottom-left-radius: 0.2in;     border-top-right-radius: 0.2in;     border-bottom-right-radius: 0.2in; }     .joyux-toolbar-icon-button:hover {         color: white;         fill: white;         background-color: #72AC72;     }     .joyux-toolbar-icon-button:active {         color: white;         fill: white;         background-color: #2E742E;     }     .joyux-toolbar-icon-button:focus {         color: white;         fill: white;         background-color: #72AC72;     }      .joyux-toolbar-icon-button-disabled {     font-size: 14pt;     color: #DDDDDD;     fill: #DDDDDD;     background-color: #EEEEEE;     transition: color 0.3s, background-color 0.3s;     border-top-left-radius: 0.2in;     border-bottom-left-radius: 0.2in;     border-top-right-radius: 0.2in;     border-bottom-right-radius: 0.2in; }     .joyux-toolbar-icon-button-disabled:hover {         color: #DDDDDD;         fill: #DDDDDD;         background-color: #EEEEEE;     }     .joyux-toolbar-icon-button-disabled:active {         color: #DDDDDD;         fill: #DDDDDD;         background-color: #EEEEEE;     }     .joyux-toolbar-icon-button-disabled:focus {         color: #DDDDDD;         fill: #DDDDDD;         background-color: #EEEEEE;     } .joyux-toolbar-icon-button-danger {     font-size: 14pt;     color: #A11D21;     fill: #A11D21;     background-color: #FFE0E0;     transition: color 0.3s, background-color 0.3s;     border-top-left-radius: 0.2in;     border-bottom-left-radius: 0.2in;     border-top-right-radius: 0.2in;     border-bottom-right-radius: 0.2in; }     .joyux-toolbar-icon-button-danger:hover {         color: white;         fill: white;         background-color: #CF8D8F;     }     .joyux-toolbar-icon-button-danger:active {         color: white;         fill: white;         background-color: #A11D21;     }     .joyux-toolbar-icon-button-danger:focus {         color: white;         fill: white;         background-color: #CF8D8F;     } .joyux-toolbar-adorner-start {     font-family: beloved-ornaments;     font-size: 30pt;     color: #AAAAAA;     transform: scaleX(-1) translate(-1pt, 6pt) } .joyux-toolbar-adorner-start-flipped {     font-family: beloved-ornaments;     font-size: 30pt;     color: #AAAAAA;     transform: scaleY(-1) scaleX(-1) translate(-1pt, 6pt) } .joyux-toolbar-adorner-end {     font-family: beloved-ornaments;     font-size: 30pt;     color: #AAAAAA;     transform: translate(-1pt, 6pt) } .joyux-toolbar-adorner-end-flipped {     font-family: beloved-ornaments;     font-size: 30pt;     color: #AAAAAA;     transform: scaleY(-1) translate(-1pt, 6pt) } .joyux-toolbar-adorner-bottom {     font-family: beloved-ornaments, sans-serif;     font-size: 30pt;     color: #AAAAAA;     transform: translateY(-0.275in); } .joyux-toolbar-adorner-top {     font-family: beloved-ornaments, sans-serif;     font-size: 30pt;     color: #AAAAAA;     transform: scaleY(-1) translateY(-0.275in); } .joyux-toolbar-title {     color: #AAAAAA;     transform: translateY(0.25in); } .joyux-toolbar-button-adorner-start {     border: 0.01in solid #AAAAAA;     border-top-left-radius: 0.3in;     border-bottom-left-radius: 0.3in;     border-right: 0.0in;     width: 0.275in;     height: 0.5in; } .joyux-toolbar-button-adorner-end {     border: 0.01in solid #AAAAAA;     border-top-right-radius: 0.3in;     border-bottom-right-radius: 0.3in;     border-left: 0.0in;     width: 0.275in;     height: 0.5in; } .joyux-toolbar-button-adorner-whole {     border: 0.01in solid #AAAAAA;     border-top-left-radius: 0.25in;     border-bottom-left-radius: 0.25in;     border-top-right-radius: 0.25in;     border-bottom-right-radius: 0.25in;     width: 0.5in;     height: 0.5in;     min-width: 0.5in;     min-height: 0.5in; } .joyux-heading-title {     font-family: beloved-script, sans-serif;     font-weight: 700;     font-style: normal;     font-size: 42pt; } .joyux-heading-subtitle {     font-family: beloved-ornaments, sans-serif;     font-size: 0pt;     color: #234E4C;     transform: translateY(-24pt); }     .joyux-heading-subtitle::before     {         content: "X";         font-family: beloved-ornaments;         font-size: 30pt;         color: #234E4C;         display: inline-block;         transform: scaleX(-1);     }     .joyux-heading-subtitle::after     {         content: "X";         font-family: beloved-ornaments;         font-size: 30pt;         color: #234E4C;     } @import "https://use.typekit.net/lzh0yqx.css"; @font-face {     font-family: agencyfb-regular;     src: url("../fonts/AgencyFB-Regular.ttf"); } @font-face {     font-family: agencyfb-bold;     src: url("../fonts/AgencyFB-Bold.ttf");     font-weight: bold; } .joyux-toolbar-spacer {     background-color: #AAAAAA;     height: 0.01in; } .joyux-toolbar-spacer-status {     height: 0.01in;     position: absolute;     } .joyux-toolbar-spacer-content {     position: absolute;     align-self: start;     bottom: 0.0in;     left: 0.02in; } .joyux-toolbar-spacer-header {     height: 0.01in;     position: absolute; } .joyux-toolbar-spacer-status-good {     background-image: linear-gradient(#C9DEC9, transparent);     height: 0.025in; } .joyux-toolbar-spacer-status-danger {     background-image: linear-gradient(#FFE0E0, transparent);     height: 0.025in; } .joyux-toolbar-spacer-status-neutral {     background-image: linear-gradient(#DDDDDD, transparent);     height: 0.025in; } .joyux-toolbar-status {     width: 0.2in;     height: 0.1in;     position: absolute;     top: 0.025in; } .joyux-separator {     font-family: beloved-ornaments, sans-serif;     font-size: 30pt;     color: #234E4C; } .joyux-persona {     font-family: beloved-script, sans-serif;     font-size: 20pt;     margin-left: 0.4in; }     .joyux-persona::before     {         content: "q";         font-family: beloved-ornaments;         font-size: 30pt;         color: #234E4C;         display: inline-block;         transform: scaleX(-1);         transform: translateY(0.05in);     } .joyux-form {     margin-left: 0.4in;     margin-right: 0.4in; }     .joyux-form::before     {         content: "n";         font-family: beloved-ornaments;         font-size: 30pt;         color: #234E4C;         align-self: start;         position: absolute;         left: 0.05in;         top: -0.05in;         transform: scaleX(-1);     }     .joyux-form::after     {         content: "R";         font-family: beloved-ornaments;         font-size: 30pt;         color: #234E4C;         align-self: end;         position: absolute;         right: 0.0in;         bottom: 0.0in;         transform: translateY(0.3in);     } .joyux-frame { display: grid; grid-template-columns: auto 1fr auto; } .flip-horizontal { transform: scaleX(-1); } .flip-vertical { transform: scaleY(-1); } .accent-color { color: #72AC72; transition: color 0.3s; }     .accent-color:hover { color: #4B904B; }     .accent-color:active { color: #2E742E; }     .accent-color:focus { color: #2E742E; } .accent-color-only { color: #72AC72; } .accent-background { background-color: #C9DEC9; transition: background-color 0.3s; }     .accent-background:hover { background-color: #A2C9A2; }     .accent-background:active { background-color: #72AC72; }     .accent-background:focus { background-color: #72AC72; } .accent-background-only { background-color: #C9DEC9; } .accent-background-hover {     background-color: #A2C9A2; } .accent-border { border-color: #C9DEC9; transition: border-color 0.3s; }     .accent-border:hover { border-color: #A2C9A2; }     .accent-border:active { border-color: #72AC72; }     .accent-border:focus { border-color: #72AC72; } .accent-border-top { border-top-color: #C9DEC9; } .accent-border-bottom { border-bottom-color: #C9DEC9; } .accent-border-left { border-left-color: #C9DEC9; } .accent-border-right { border-right-color: #C9DEC9; } .accent-border-only { border-color: #C9DEC9; } .accent-fill { fill: #C9DEC9; transition: fill 0.3s; }     .accent-fill:hover { fill: #A2C9A2; }     .accent-fill:active { fill: #72AC72; }     .accent-fill:focus { fill: #72AC72; } .accent-input { border-color: #F2F2F2; transition: border-color 0.3s; }     .accent-input:hover { border-color: #72AC72; }     .accent-input:active { border-color: #A2C9A2; }     .accent-input:focus { border-color: #A2C9A2; } .accent-input-only { border-color: #F2F2F2; transition: border-color 0.3s; } .background-transparent { background-color: transparent !important; } a { color: #00703C; font-family: raleway-semibold; transition: color 0.3s; }     a:hover { color: #A2C9A2; }     a:focus { color: #A2C9A2; }     a:active { color: #72AC72; } .accent-invert-color { color: #72AC72; transition: color 0.3s; }     .accent-invert-color:hover { color: #FFFFFF; }     .accent-invert-color:active { color: #FFFFFF; }     .accent-invert-color:focus { color: #FFFFFF; } .accent-invert-background { background-color: transparent; transition: background-color 0.3s; }     .accent-invert-background:hover { background-color: #A2C9A2; }     .accent-invert-background:active { background-color: #72AC72; }     .accent-invert-background:focus { background-color: #72AC72; } .accent-background-pale { background-color: #FFFFFF; transition: background-color 0.3s; }     .accent-background-pale:hover { background-color: #E9EDED; }     .accent-background-pale:active { background-color: #D3DCDB; }     .accent-background-pale:focus { background-color: #BDCAC9; } .menu-link { color: #FFFFFF; font-family: raleway-semibold; transition: color 0.3s; transition: background-color 0.3s; }     .menu-link:hover { color: #A2C9A2; background-color: #FFFFFF }     .menu-link:focus { color: #72AC72; background-color: #FFFFFF }     .menu-link:active { color: #72AC72; background-color: #FFFFFF } .accent-color-tint-1 { color: #BDD5BD; } .accent-color-tint-2 { color: #B2CDB2; } .accent-color-tint-3 { color: #A6C4A6; } .accent-color-tint-4 { color: #9BBA9B; } .accent-color-tint-5 { color: #91B191; } .accent-color-tint-6 { color: #89A989; } .accent-color-tint-7 { color: #81A181; } .accent-color-tint-8 { color: #7A9A7A; } .accent-color-tint-9 { color: #739373; } .accent-background-tint-1 { background-color: #BDD5BD; } .accent-background-tint-2 { background-color: #B2CDB2; } .accent-background-tint-3 { background-color: #A6C4A6; } .accent-background-tint-4 { background-color: #9BBA9B; } .accent-background-tint-5 { background-color: #91B191; } .accent-background-tint-6 { background-color: #89A989; } .accent-background-tint-7 { background-color: #81A181; } .accent-background-tint-8 { background-color: #7A9A7A; } .accent-background-tint-9 { background-color: #739373; } .info-color {     color: #266592; } .info-color-light { color: #C7DFF0; } .info-background { background-color: #266592; } .info-background-light { background-color: #C7DFF0; } .info-border { border-color: #266592; } .info-border-light { border-color: #C7DFF0; } .info-fill { fill: #266592; } .info-fill-light { fill: #C7DFF0; } .warning-color { color: #FBCC34; } .warning-color-light { color: #FFF4D0; } .warning-background { background-color: #FBCC34; } .warning-background-light { background-color: #FFF4D0; } .warning-border { border-color: #FBCC34; } .warning-border-light { border-color: #FFF4D0; } .warning-fill { fill: #FBCC34; } .warning-fill-light { fill: #FFF4D0; } .danger-color { color: #A11D21; } .danger-color-light { color: #FFE0E0; } .danger-background { background-color: #A11D21; } .danger-background-light { background-color: #FFE0E0; } .danger-border { border-color: #A11D21; } .danger-border-light { border-color: #FFE0E0; } .danger-fill { fill: #A11D21; } .danger-fill-light { fill: #FFE0E0; } .accent-status { color: #C9DEC9; border: solid 0.5mm #C9DEC9; text-align: center; } .accent-status-invert { color: white; background-color: #C9DEC9; border: solid 0.5mm #C9DEC9; text-align: center; } .info-status { color: #266592; border: solid 0.5mm #266592; text-align: center; } .info-status-invert { color: white; background-color: #266592; border: solid 0.5mm #266592; text-align: center; } .warning-status { color: #FBCC34; border: solid 0.5mm #FBCC34; text-align: center; } .warning-status-invert { color: white; background-color: #FBCC34; border: solid 0.5mm #FBCC34; text-align: center; } .danger-status { color: #A11D21; border: solid 0.5mm #A11D21; text-align: center; } .danger-status-invert { color: white; background-color: #A11D21; border: solid 0.5mm #A11D21; text-align: center; } .green-status { color: #00703C; border: solid 0.5mm #00703C; text-align: center; } .green-status-invert { color: white; background-color: #00703C; border: solid 0.5mm #00703C; text-align: center; } .white-color { color: #FFFFFF; } .white-color-5 { color: #FAFAFA; } .white-color-10 { color: #F6F6F6; } .white-color-15 { color: #F2F2F2; } .white-color-20 { color: #EEEEEE; } .white-background { background-color: #FFFFFF; } .white-background-5 { background-color: #FAFAFA; } .white-background-10 { background-color: #F6F6F6; } .white-background-15 { background-color: #F2F2F2; } .white-background-20 { background-color: #EEEEEE; } .white-border { border-color: #FFFFFF; } .white-border-5 { border-color: #FAFAFA; } .white-border-10 { border-color: #F6F6F6; } .white-border-15 { border-color: #F2F2F2; } .white-border-20 { border-color: #EEEEEE; } .white-fill { fill: #FFFFFF; } .white-fill-5 { fill: #FAFAFA; } .white-fill-10 { fill: #F6F6F6; } .white-fill-15 { fill: #F2F2F2; } .white-fill-20 { fill: #EEEEEE; } .black-color { color: #000000; } .black-color-5 { color: #050505; } .black-color-10 { color: #0A0A0A; } .black-color-15 { color: #0E0E0E; } .black-color-20 { color: #111111; } .black-background { background-color: #000000; } .black-background-5 { background-color: #050505; } .black-background-10 { background-color: #0A0A0A; } .black-background-15 { background-color: #0E0E0E; } .black-background-20 { background-color: #111111; } .black-border { border-color: #000000; } .black-border-5 { border-color: #050505; } .black-border-10 { border-color: #0A0A0A; } .black-border-15 { border-color: #0E0E0E; } .black-border-20 { border-color: #111111; } .black-fill { fill: #000000; } .black-fill-5 { fill: #050505 } .black-fill-10 { fill: #0A0A0A; } .black-fill-15 { fill: #0E0E0E; } .black-fill-20 { fill: #111111; } .grey-color-2 { color: #222222; } .grey-color-3 { color: #333333; } .grey-color-4 { color: #444444; } .grey-color-5 { color: #555555; } .grey-color-6 { color: #666666; } .grey-color-7 { color: #777777; } .grey-color-8 { color: #888888; } .grey-color-9 { color: #999999; } .grey-color-A { color: #AAAAAA; } .grey-color-B { color: #BBBBBB; } .grey-color-C { color: #CCCCCC; } .grey-color-D { color: #DDDDDD; } .grey-background-2 { background-color: #222222; } .grey-background-3 { background-color: #333333; } .grey-background-4 { background-color: #444444; } .grey-background-5 { background-color: #555555; } .grey-background-6 { background-color: #666666; } .grey-background-7 { background-color: #777777; } .grey-background-8 { background-color: #888888; } .grey-background-9 { background-color: #999999; } .grey-background-A { background-color: #AAAAAA; } .grey-background-B { background-color: #BBBBBB; } .grey-background-C { background-color: #CCCCCC; } .grey-background-D { background-color: #DDDDDD; } .grey-border-2 { border-color: #222222; } .grey-border-3 { border-color: #333333; } .grey-border-4 { border-color: #444444; } .grey-border-5 { border-color: #555555; } .grey-border-6 { border-color: #666666; } .grey-border-7 { border-color: #777777; } .grey-border-8 { border-color: #888888; } .grey-border-9 { border-color: #999999; } .grey-border-A { border-color: #AAAAAA; } .grey-border-B { border-color: #BBBBBB; } .grey-border-C { border-color: #CCCCCC; } .grey-border-D { border-color: #DDDDDD; } .grey-fill-2 { fill: #222222 } .grey-fill-3 { fill: #333333; } .grey-fill-4 { fill: #444444; } .grey-fill-5 { fill: #555555; } .grey-fill-6 { fill: #666666; } .grey-fill-7 { fill: #777777; } .grey-fill-8 { fill: #888888; } .grey-fill-9 { fill: #999999; } .grey-fill-A { fill: #AAAAAA; } .grey-fill-B { fill: #BBBBBB; } .grey-fill-C { fill: #CCCCCC; } .grey-fill-D { fill: #DDDDDD; } .joyux-button {     cursor: pointer;      outline: none;      border: none;  } .joyux-text-button {     height: 0.4in;      max-height: 0.4in;     font-family: agencyfb-regular;         text-transform: uppercase;     white-space: nowrap; } .joyux-icon-button {     height: 0.4in;      max-height: 0.4in;     width: 0.4in;      max-width: 0.4in; } .joyux-large-icon-button {     height: 1.0in;      max-height: 1.0in;     width: 1.0in;      max-width: 1.0in;     color: #72AC72;     fill: #72AC72;     background-color: #C9DEC9;     transition: color 0.3s, background-color 0.3s;     border-top-left-radius: 0.5in;     border-bottom-left-radius: 0.5in;     border-top-right-radius: 0.5in;     border-bottom-right-radius: 0.5in; }     .joyux-large-icon-button:hover {         color: white;         fill: white;         background-color: #72AC72;     }     .joyux-large-icon-button:active {         color: white;         fill: white;         background-color: #2E742E;     }     .joyux-large-icon-button:focus {         color: white;         fill: white;         background-color: #72AC72;     }      .joyux-large-icon-button-adorner {     border: 0.01in solid #AAAAAA;     border-top-left-radius: 0.6in;     border-bottom-left-radius: 0.6in;     border-top-right-radius: 0.6in;     border-bottom-right-radius: 0.6in;     width: 1.2in;     height: 1.2in;     min-width: 1.2in;     min-height: 1.2in; } .joyux-large-icon-button-disabled {     height: 1.0in;      max-height: 1.0in;     width: 1.0in;      max-width: 1.0in;     color: #DDDDDD;     fill: #DDDDDD;     background-color: #EEEEEE;     transition: color 0.3s, background-color 0.3s;     border-top-left-radius: 0.5in;     border-bottom-left-radius: 0.5in;     border-top-right-radius: 0.5in;     border-bottom-right-radius: 0.5in; }     .joyux-large-icon-button-disabled:hover {         color: #DDDDDD;         fill: #DDDDDD;         background-color: #EEEEEE;     }     .joyux-large-icon-button-disabled:active {         color: #DDDDDD;         fill: #DDDDDD;         background-color: #EEEEEE;     }     .joyux-large-icon-button-disabled:focus {         color: #DDDDDD;         fill: #DDDDDD;         background-color: #EEEEEE;     } .joyux-large-icon-button-danger {     height: 1.0in;      max-height: 1.0in;     width: 1.0in;      max-width: 1.0in;     color: #A11D21;     fill: #A11D21;     background-color: #FFE0E0;     transition: color 0.3s, background-color 0.3s;     border-top-left-radius: 0.5in;     border-bottom-left-radius: 0.5in;     border-top-right-radius: 0.5in;     border-bottom-right-radius: 0.5in; }     .joyux-large-icon-button-danger:hover {         color: white;         fill: white;         background-color: #CF8D8F;     }     .joyux-large-icon-button-danger:active {         color: white;         fill: white;         background-color: #A11D21;     }     .joyux-large-icon-button-danger:focus {         color: white;         fill: white;         background-color: #CF8D8F;     } .large-icon {     width: 0.8in;     height: 0.8in;     font-size: 40pt; }