/** TODO: REMOVE BEFORE DEPLOY **/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
[v-cloak],
loading {
display: none !important;
}
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/*****************************************/
/* Start your style declarations here */
/*****************************************/
body {
font-family: Poppins, sans-serif;
}
.body-container-wrapper {
display: flex;
flex-direction: column;
min-height: var(--window-inner-height);
}
:root {
--reach-dialog: 1
}
a:focus,
a:hover {
color: var(--color-topaz);
}
[data-reach-dialog-overlay] {
background: rgba(0,0,0,0.33);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto
}
[data-reach-dialog-content] {
width: 50vw;
margin: 10vh auto;
background: white;
padding: 2rem;
outline: none
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow {
margin-left: -8px;
position: absolute
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before {
box-sizing: content-box;
position: absolute;
border: 8px solid transparent;
height: 0;
width: 1px
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before {
content: "";
z-index: -1;
border-width: 8px;
left: -8px;
border-bottom-color: #aeaeae
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
top: 0;
margin-top: -8px
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
border-top: none;
border-bottom-color: #f0f0f0
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
top: -1px;
border-bottom-color: #aeaeae
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow {
bottom: 0;
margin-bottom: -8px
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before {
border-bottom: none;
border-top-color: #fff
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before {
bottom: -1px;
border-top-color: #aeaeae
}
.react-datepicker-wrapper {
display: inline-block;
padding: 0;
border: 0
}
.react-datepicker {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.8rem;
background-color: #fff;
color: #000;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
display: inline-block;
position: relative
}
.react-datepicker--time-only .react-datepicker__triangle {
left: 35px
}
.react-datepicker--time-only .react-datepicker__time-container {
border-left: 0
}
.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box {
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem
}
.react-datepicker__triangle {
position: absolute;
left: 50px
}
.react-datepicker-popper {
z-index: 1
}
.react-datepicker-popper[data-placement^="bottom"] {
margin-top: 10px
}
.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle,.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
left: auto;
right: 50px
}
.react-datepicker-popper[data-placement^="top"] {
margin-bottom: 10px
}
.react-datepicker-popper[data-placement^="right"] {
margin-left: 8px
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
left: auto;
right: 42px
}
.react-datepicker-popper[data-placement^="left"] {
margin-right: 8px
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
left: 42px;
right: auto
}
.react-datepicker__header {
text-align: center;
background-color: #f0f0f0;
border-bottom: 1px solid #aeaeae;
border-top-left-radius: 0.3rem;
padding-top: 8px;
position: relative
}
.react-datepicker__header--time {
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
border-top-left-radius: 0
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
border-top-right-radius: 0.3rem
}
.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll {
display: inline-block;
margin: 0 2px
}
.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header {
margin-top: 0;
color: #000;
font-weight: bold;
font-size: 0.944rem
}
.react-datepicker-time__header {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.react-datepicker__navigation {
background: none;
line-height: 1.7rem;
text-align: center;
cursor: pointer;
position: absolute;
top: 10px;
width: 0;
padding: 0;
border: 0.45rem solid transparent;
z-index: 1;
height: 10px;
width: 10px;
text-indent: -999em;
overflow: hidden
}
.react-datepicker__navigation--previous {
left: 10px;
border-right-color: #ccc
}
.react-datepicker__navigation--previous:hover {
border-right-color: #b3b3b3
}
.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover {
border-right-color: #e6e6e6;
cursor: default
}
.react-datepicker__navigation--next {
right: 10px;
border-left-color: #ccc
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
right: 95px
}
.react-datepicker__navigation--next:hover {
border-left-color: #b3b3b3
}
.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover {
border-left-color: #e6e6e6;
cursor: default
}
.react-datepicker__navigation--years {
position: relative;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.react-datepicker__navigation--years-previous {
top: 4px;
border-top-color: #ccc
}
.react-datepicker__navigation--years-previous:hover {
border-top-color: #b3b3b3
}
.react-datepicker__navigation--years-upcoming {
top: -4px;
border-bottom-color: #ccc
}
.react-datepicker__navigation--years-upcoming:hover {
border-bottom-color: #b3b3b3
}
.react-datepicker__month-container {
float: left
}
.react-datepicker__year {
margin: 0.4rem;
text-align: center
}
.react-datepicker__year-wrapper {
display: flex;
flex-wrap: wrap;
max-width: 180px
}
.react-datepicker__year .react-datepicker__year-text {
display: inline-block;
width: 4rem;
margin: 2px
}
.react-datepicker__month {
margin: 0.4rem;
text-align: center
}
.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text {
display: inline-block;
width: 4rem;
margin: 2px
}
.react-datepicker__input-time-container {
clear: both;
width: 100%;
float: left;
margin: 5px 0 10px 15px;
text-align: left
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
display: inline-block
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
display: inline-block
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
display: inline-block;
margin-left: 10px
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
width: auto
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
-moz-appearance: textfield
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
margin-left: 5px;
display: inline-block
}
.react-datepicker__time-container {
float: right;
border-left: 1px solid #aeaeae;
width: 85px
}
.react-datepicker__time-container--with-today-button {
display: inline;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
position: absolute;
right: -72px;
top: 0
}
.react-datepicker__time-container .react-datepicker__time {
position: relative;
background: white;
border-bottom-right-radius: 0.3rem
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
width: 85px;
overflow-x: hidden;
margin: 0 auto;
text-align: center;
border-bottom-right-radius: 0.3rem
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
list-style: none;
margin: 0;
height: calc(195px + (1.7rem / 2));
overflow-y: scroll;
padding-right: 0px;
padding-left: 0px;
width: 100%;
box-sizing: content-box
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
height: 30px;
padding: 5px 10px;
white-space: nowrap
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
cursor: pointer;
background-color: #f0f0f0
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
background-color: #216ba5;
color: white;
font-weight: bold
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
background-color: #216ba5
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
color: #ccc
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
cursor: default;
background-color: transparent
}
.react-datepicker__week-number {
color: #ccc;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: 0.166rem
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
cursor: pointer
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
border-radius: 0.3rem;
background-color: #f0f0f0
}
.react-datepicker__day-names,.react-datepicker__week {
white-space: nowrap
}
.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name {
color: #000;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: 0.166rem
}
.react-datepicker__month--selected,.react-datepicker__month--in-selecting-range,.react-datepicker__month--in-range,.react-datepicker__quarter--selected,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--in-range {
border-radius: 0.3rem;
background-color: #216ba5;
color: #fff
}
.react-datepicker__month--selected:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--in-range:hover,.react-datepicker__quarter--selected:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--in-range:hover {
background-color: #1d5d90
}
.react-datepicker__month--disabled,.react-datepicker__quarter--disabled {
color: #ccc;
pointer-events: none
}
.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover {
cursor: default;
background-color: transparent
}
.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text {
cursor: pointer
}
.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover {
border-radius: 0.3rem;
background-color: #f0f0f0
}
.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today {
font-weight: bold
}
.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted {
border-radius: 0.3rem;
background-color: #3dcc4a;
color: #fff
}
.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover {
background-color: #32be3f
}
.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1 {
color: magenta
}
.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2 {
color: green
}
.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range {
border-radius: 0.3rem;
background-color: #216ba5;
color: #fff
}
.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover {
background-color: #1d5d90
}
.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected {
border-radius: 0.3rem;
background-color: #2a87d0;
color: #fff
}
.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover {
background-color: #1d5d90
}
.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range {
background-color: rgba(33,107,165,0.5)
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range,.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range {
background-color: #f0f0f0;
color: #000
}
.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled {
cursor: default;
color: #ccc
}
.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover {
background-color: transparent
}
.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
background-color: #216ba5
}
.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover {
background-color: #f0f0f0
}
.react-datepicker__input-container {
position: relative;
display: inline-block;
width: 100%
}
.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view {
border: 1px solid transparent;
border-radius: 0.3rem
}
.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover {
cursor: pointer
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
border-top-color: #b3b3b3
}
.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow {
border-top-color: #ccc;
float: right;
margin-left: 20px;
top: 8px;
position: relative;
border-width: 0.45rem
}
.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown {
background-color: #f0f0f0;
position: absolute;
width: 50%;
left: 25%;
top: 30px;
z-index: 1;
text-align: center;
border-radius: 0.3rem;
border: 1px solid #aeaeae
}
.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover {
cursor: pointer
}
.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable {
height: 150px;
overflow-y: scroll
}
.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option {
line-height: 20px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto
}
.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type {
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem
}
.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem
}
.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover {
background-color: #ccc
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
border-bottom-color: #b3b3b3
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
border-top-color: #b3b3b3
}
.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected {
position: absolute;
left: 15px
}
.react-datepicker__close-icon {
cursor: pointer;
background-color: transparent;
border: 0;
outline: 0;
padding: 0px 6px 0px 0px;
position: absolute;
top: 0;
right: 0;
height: 100%;
display: table-cell;
vertical-align: middle
}
.react-datepicker__close-icon::after {
cursor: pointer;
background-color: #216ba5;
color: #fff;
border-radius: 50%;
height: 16px;
width: 16px;
padding: 2px;
font-size: 12px;
line-height: 1;
text-align: center;
display: table-cell;
vertical-align: middle;
content: "\00d7"
}
.react-datepicker__today-button {
background: #f0f0f0;
border-top: 1px solid #aeaeae;
cursor: pointer;
text-align: center;
font-weight: bold;
padding: 5px 0;
clear: left
}
.react-datepicker__portal {
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(0,0,0,0.8);
left: 0;
top: 0;
justify-content: center;
align-items: center;
display: flex;
z-index: 2147483647
}
.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name {
width: 3rem;
line-height: 3rem
}
@media (max-width: 400px),(max-height: 550px) {
.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name {
width:2rem;
line-height: 2rem
}
}
.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header {
font-size: 1.44rem
}
.react-datepicker__portal .react-datepicker__navigation {
border: 0.81rem solid transparent
}
.react-datepicker__portal .react-datepicker__navigation--previous {
border-right-color: #ccc
}
.react-datepicker__portal .react-datepicker__navigation--previous:hover {
border-right-color: #b3b3b3
}
.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
border-right-color: #e6e6e6;
cursor: default
}
.react-datepicker__portal .react-datepicker__navigation--next {
border-left-color: #ccc
}
.react-datepicker__portal .react-datepicker__navigation--next:hover {
border-left-color: #b3b3b3
}
.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
border-left-color: #e6e6e6;
cursor: default
}
.rbc-btn {
color: inherit;
font: inherit;
margin: 0
}
button.rbc-btn {
overflow: visible;
text-transform: none;
-webkit-appearance: button;
cursor: pointer
}
button.rbc-btn[disabled] {
cursor: not-allowed
}
button.rbc-input::-moz-focus-inner {
border: 0;
padding: 0
}
.rbc-calendar {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
.rbc-abs-full,.rbc-row-bg {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.rbc-rtl {
direction: rtl
}
.rbc-off-range {
color: #999999
}
.rbc-off-range-bg {
background: #e6e6e6
}
.rbc-header {
overflow: hidden;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 3px;
text-align: center;
vertical-align: middle;
font-weight: bold;
font-size: 90%;
min-height: 0;
border-bottom: 1px solid #ddd
}
.rbc-header+.rbc-header {
border-left: 1px solid #ddd
}
.rbc-rtl .rbc-header+.rbc-header {
border-left-width: 0;
border-right: 1px solid #ddd
}
.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited {
color: inherit;
text-decoration: none
}
.rbc-button-link {
color: inherit;
background: none;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
.rbc-row-content {
position: relative;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
z-index: 4
}
.rbc-row-content-scrollable {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container {
height: 100%;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
display: none
}
.rbc-today {
background-color: #eaf6ff
}
.rbc-toolbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
font-size: 16px
}
.rbc-toolbar .rbc-toolbar-label {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 10px;
text-align: center
}
.rbc-toolbar button {
color: #373a3c;
display: inline-block;
margin: 0;
text-align: center;
vertical-align: middle;
background: none;
background-image: none;
border: 1px solid #ccc;
padding: 0.375rem 1rem;
border-radius: 4px;
line-height: normal;
white-space: nowrap
}
.rbc-toolbar button:active,.rbc-toolbar button.rbc-active {
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
background-color: #e6e6e6;
border-color: #adadad
}
.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus {
color: #373a3c;
background-color: #d4d4d4;
border-color: #8c8c8c
}
.rbc-toolbar button:focus {
color: #373a3c;
background-color: #e6e6e6;
border-color: #adadad
}
.rbc-toolbar button:hover {
color: #373a3c;
background-color: #e6e6e6;
border-color: #adadad
}
.rbc-btn-group {
display: inline-block;
white-space: nowrap
}
.rbc-btn-group>button:first-child:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.rbc-btn-group>button:last-child:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child) {
border-radius: 4px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child) {
border-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.rbc-btn-group>button:not(:first-child):not(:last-child) {
border-radius: 0
}
.rbc-btn-group button+button {
margin-left: -1px
}
.rbc-rtl .rbc-btn-group button+button {
margin-left: 0;
margin-right: -1px
}
.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button {
margin-left: 10px
}
.rbc-event,.rbc-day-slot .rbc-background-event {
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 2px 5px;
background-color: #3174ad;
border-radius: 5px;
color: #fff;
cursor: pointer;
width: 100%;
text-align: left
}
.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event {
cursor: inherit;
pointer-events: none
}
.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event {
background-color: #265985
}
.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus {
outline: 5px auto #3b99fc
}
.rbc-event-label {
font-size: 80%
}
.rbc-event-overlaps {
-webkit-box-shadow: -1px 1px 5px 0px rgba(51,51,51,0.5);
box-shadow: -1px 1px 5px 0px rgba(51,51,51,0.5)
}
.rbc-event-continues-prior {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.rbc-event-continues-after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.rbc-event-continues-earlier {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.rbc-event-continues-later {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.rbc-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.rbc-row-segment {
padding: 0 1px 1px 1px
}
.rbc-selected-cell {
background-color: rgba(0,0,0,0.1)
}
.rbc-show-more {
background-color: rgba(255,255,255,0.3);
z-index: 4;
font-weight: bold;
font-size: 85%;
height: auto;
line-height: normal;
color: #3174ad
}
.rbc-show-more:hover,.rbc-show-more:focus {
color: #265985
}
.rbc-month-view {
position: relative;
border: 1px solid #ddd;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
width: 100%;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
height: 100%
}
.rbc-month-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.rbc-month-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-preferred-size: 0px;
flex-basis: 0px;
overflow: hidden;
height: 100%
}
.rbc-month-row+.rbc-month-row {
border-top: 1px solid #ddd
}
.rbc-date-cell {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
min-width: 0;
padding-right: 5px;
text-align: right
}
.rbc-date-cell.rbc-now {
font-weight: bold
}
.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited {
color: inherit;
text-decoration: none
}
.rbc-row-bg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
overflow: hidden
}
.rbc-day-bg {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%
}
.rbc-day-bg+.rbc-day-bg {
border-left: 1px solid #ddd
}
.rbc-rtl .rbc-day-bg+.rbc-day-bg {
border-left-width: 0;
border-right: 1px solid #ddd
}
.rbc-overlay {
position: absolute;
z-index: 5;
border: 1px solid #e5e5e5;
background-color: #fff;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
box-shadow: 0 5px 15px rgba(0,0,0,0.25);
padding: 10px
}
.rbc-overlay>*+* {
margin-top: 1px
}
.rbc-overlay-header {
border-bottom: 1px solid #e5e5e5;
margin: -10px -10px 5px -10px;
padding: 2px 10px
}
.rbc-agenda-view {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
overflow: auto
}
.rbc-agenda-view table.rbc-agenda-table {
width: 100%;
border: 1px solid #ddd;
border-spacing: 0;
border-collapse: collapse
}
.rbc-agenda-view table.rbc-agenda-table tbody>tr>td {
padding: 5px 10px;
vertical-align: top
}
.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
padding-left: 15px;
padding-right: 15px;
text-transform: lowercase
}
.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td {
border-left: 1px solid #ddd
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td {
border-left-width: 0;
border-right: 1px solid #ddd
}
.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr {
border-top: 1px solid #ddd
}
.rbc-agenda-view table.rbc-agenda-table thead>tr>th {
padding: 3px 5px;
text-align: left;
border-bottom: 1px solid #ddd
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th {
text-align: right
}
.rbc-agenda-time-cell {
text-transform: lowercase
}
.rbc-agenda-time-cell .rbc-continues-after:after {
content: " »"
}
.rbc-agenda-time-cell .rbc-continues-prior:before {
content: "« "
}
.rbc-agenda-date-cell,.rbc-agenda-time-cell {
white-space: nowrap
}
.rbc-agenda-event-cell {
width: 100%
}
.rbc-time-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%
}
.rbc-time-column .rbc-timeslot-group {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.rbc-timeslot-group {
border-bottom: 1px solid #ddd;
min-height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.rbc-time-gutter,.rbc-header-gutter {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.rbc-label {
padding: 0 5px
}
.rbc-day-slot {
position: relative
}
.rbc-day-slot .rbc-events-container {
bottom: 0;
left: 0;
position: absolute;
right: 0;
margin-right: 10px;
top: 0
}
.rbc-day-slot .rbc-events-container.rbc-rtl {
left: 10px;
right: 0
}
.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event {
border: 1px solid #265985;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-height: 100%;
min-height: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
overflow: hidden;
position: absolute
}
.rbc-day-slot .rbc-background-event {
opacity: 0.75
}
.rbc-day-slot .rbc-event-label {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding-right: 5px;
width: auto
}
.rbc-day-slot .rbc-event-content {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
word-wrap: break-word;
line-height: 1;
height: 100%;
min-height: 1em
}
.rbc-day-slot .rbc-time-slot {
border-top: 1px solid #f7f7f7
}
.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter {
position: sticky;
left: 0;
background-color: white;
border-right: 1px solid #ddd;
z-index: 10;
margin-right: -1px
}
.rbc-time-view-resources .rbc-time-header {
overflow: hidden
}
.rbc-time-view-resources .rbc-time-header-content {
min-width: auto;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-preferred-size: 0px;
flex-basis: 0px
}
.rbc-time-view-resources .rbc-time-header-cell-single-day {
display: none
}
.rbc-time-view-resources .rbc-day-slot {
min-width: 140px
}
.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg {
width: 140px;
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
-ms-flex-preferred-size: 0 px;
flex-basis: 0 px
}
.rbc-time-header-content+.rbc-time-header-content {
margin-left: -1px
}
.rbc-time-slot {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0
}
.rbc-time-slot.rbc-now {
font-weight: bold
}
.rbc-day-header {
text-align: center
}
.rbc-slot-selection {
z-index: 10;
position: absolute;
background-color: rgba(0,0,0,0.5);
color: white;
font-size: 75%;
width: 100%;
padding: 3px
}
.rbc-slot-selecting {
cursor: move
}
.rbc-time-view {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
border: 1px solid #ddd;
min-height: 0
}
.rbc-time-view .rbc-time-gutter {
white-space: nowrap;
text-align: right
}
.rbc-time-view .rbc-allday-cell {
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 100%;
height: 100%;
position: relative
}
.rbc-time-view .rbc-allday-cell+.rbc-allday-cell {
border-left: 1px solid #ddd
}
.rbc-time-view .rbc-allday-events {
position: relative;
z-index: 4
}
.rbc-time-view .rbc-row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 20px
}
.rbc-time-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.rbc-time-header.rbc-overflowing {
border-right: 1px solid #ddd
}
.rbc-rtl .rbc-time-header.rbc-overflowing {
border-right-width: 0;
border-left: 1px solid #ddd
}
.rbc-time-header>.rbc-row:first-child {
border-bottom: 1px solid #ddd
}
.rbc-time-header>.rbc-row.rbc-row-resource {
border-bottom: 1px solid #ddd
}
.rbc-time-header-cell-single-day {
display: none
}
.rbc-time-header-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-left: 1px solid #ddd
}
.rbc-rtl .rbc-time-header-content {
border-left-width: 0;
border-right: 1px solid #ddd
}
.rbc-time-header-content>.rbc-row.rbc-row-resource {
border-bottom: 1px solid #ddd;
-ms-flex-negative: 0;
flex-shrink: 0
}
.rbc-time-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
border-top: 2px solid #ddd;
overflow-y: auto;
position: relative
}
.rbc-time-content>.rbc-time-gutter {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.rbc-time-content>*+*>* {
border-left: 1px solid #ddd
}
.rbc-rtl .rbc-time-content>*+*>* {
border-left-width: 0;
border-right: 1px solid #ddd
}
.rbc-time-content>.rbc-day-slot {
width: 100%;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.rbc-current-time-indicator {
position: absolute;
z-index: 3;
left: 0;
right: 0;
height: 1px;
background-color: #74ad31;
pointer-events: none
}
*,*:before,*:after {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}
:root {
--base-font-family: inherit;
--color-topaz: #42a5f5;
--color-turquoise: #279b8f;
--color-dark-turquoise: #1CA093;
--color-tourmaline: var(--color-turquoise);
--color-emerald: #68bb6a;
--color-ruby: #ef504e;
--color-citrine: #f5be3d;
--color-static-gray100: hsl(0, 0%, 100%);
--color-static-gray98: hsl(0, 0%, 98%);
--color-static-gray97: hsl(0, 0%, 97%);
--color-static-gray95: hsl(0, 0%, 95%);
--color-static-gray93: hsl(0, 0%, 93%);
--color-static-gray88: hsl(0, 0%, 88%);
--color-static-gray81: hsl(0, 0%, 81%);
--color-static-gray68: hsl(0, 0%, 68%);
--color-static-gray62: hsl(0, 0%, 62%);
--color-static-gray50: hsl(0, 0%, 50%);
--color-static-gray45: hsl(0, 0%, 45%);
--color-static-gray32: hsl(0, 0%, 32%);
--color-static-gray24: hsl(0, 0%, 24%);
--color-static-gray19: hsl(0, 0%, 19%);
--color-static-gray17: hsl(0, 0%, 17%);
--color-static-gray15: hsl(0, 0%, 15%);
--color-static-gray12: hsl(0, 0%, 12%);
--color-static-gray7: hsl(0, 0%, 7%);
--color-static-gray2: hsl(0, 0%, 2%);
--color-static-gray0: hsl(0, 0%, 0%);
--color-tint0: var(--color-static-gray12);
--color-tint1: var(--color-static-gray24);
--color-tint2: var(--color-static-gray45);
--color-tint3: var(--color-static-gray62);
--color-tint4: var(--color-static-gray81);
--color-tint5: var(--color-static-gray88);
--color-tint6: var(--color-static-gray93);
--color-tint7: var(--color-static-gray95);
--color-tint8: var(--color-static-gray97);
--color-tint9: var(--color-static-gray98);
--color-tint10: var(--color-static-gray100);
--color-brand: var(--color-tint0);
--color-brand-gradient-start: var(--color-topaz);
--color-brand-gradient-end: var(--color-tint0)
}
html {
-webkit-font-smoothing: antialiased
}
[data-color-scheme] {
--surface-1of1--background-color: var(--color-tint10);
--surface-1of2--background-color: var(--color-tint8);
--surface-2of2--background-color: var(--color-tint10);
--text--color: var(--color-tint1);
--heading--color: var(--color-tint0);
--heading-5--color: var(--color-tint3);
--definition-term--color: var(--color-tint3);
--definition--color: var(--color-tint1);
--text-input--border-color: var(--color-tint4);
--text-input--outline_focus: #d3eafd;
--text-input--box-shadow: inset 0 1px 2px var(--color-tint8);
--text-input--box-shadow_focus: 0px 0px 3px 0 #a3d3fa;
--select--border-color: var(--color-tint4);
--button--outline-variant--background-image: linear-gradient(white, white), linear-gradient(black, black);
--button--filled-variant--color: var(--color-tint10)
}
[data-color-scheme=dark][data-contrast=low] {
--color-topaz: hsl(207, 90%, 51%);
--color-turquoise: hsl(174, 70%, 37%);
--color-tourmaline: var(--color-turquoise);
--color-emerald: hsl(122, 48%, 57%);
--color-ruby: hsl(1, 75%, 55%);
--color-citrine: hsl(42, 81%, 56%);
--color-tint0: var(--color-static-gray98);
--color-tint1: var(--color-static-gray88);
--color-tint2: var(--color-static-gray68);
--color-tint3: var(--color-static-gray50);
--color-tint4: var(--color-static-gray32);
--color-tint5: var(--color-static-gray24);
--color-tint6: var(--color-static-gray19);
--color-tint7: var(--color-static-gray17);
--color-tint8: var(--color-static-gray15);
--color-tint9: var(--color-static-gray12);
--color-tint10: var(--color-static-gray7);
--color-brand-dark: var(--color-tint0);
--color-brand: var(--color-tint0);
--color-brand-gradient-start: var(--color-topaz);
--color-brand-gradient-end: var(--color-tint0);
background-color: var(--color-tint10);
color: var(--color-tint0);
--badge--background-color: var(--color-tint8);
--badge--color: var(--color-tint2);
--button--outline-variant--background-image: linear-gradient(var(--color-tint9), var(--color-tint9)), linear-gradient(135deg, var(--color-turquoise) 0%, var(--color-tint0) 100%);
--select--background-image: url("data:image/svg+xml;utf-8,");
--error-badge--background-color: hsl(1, 84%, 45%);
--success-badge--background-color: hsl(123, 38%, 37%);
--warning-badge--background-color: hsl(41, 91%, 30%);
--alert--primary: var(--color-tint6);
--alert--secondary: var(--color-tint1);
--alert--text: var(--color-tint1);
--info-alert--primary: hsl(206, 92%, 70%);
--info-alert--secondary: var(--color-topaz);
--info-alert--text: var(--color-tint10);
--success-alert--primary: hsl(103, 28%, 70%);
--success-alert--secondary: var(--color-tint0);
--success-alert--text: var(--color-tint1);
--error-alert--primary: hsl(11, 44%, 70%);
--error-alert--secondary: var(--color-ruby);
--error-alert--text: var(--color-tint10);
--warning-alert--primary: hsl(42, 68%, 70%);
--warning-alert--secondary: hsl(41, 91%, 30%);
--warning-alert--text: var(--color-tint10);
--featured-badge--background-color: var(--color-tint5);
--button--filled-variant--color: var(--color-tint0)
}
[data-color-scheme=dark][data-contrast=low] .error-badge {
--badge--color: hsl(0, 79%, 96%);
--badge--background-color: var(--error-badge--background-color)
}
[data-color-scheme=dark][data-contrast=low] .success-badge,[data-color-scheme=dark][data-contrast=low] .open-badge {
--badge--color: hsl(120, 36%, 96%);
--badge--background-color: var(--success-badge--background-color)
}
[data-color-scheme=dark][data-contrast=low] .warning-badge {
--badge--color: hsl(39, 89%, 96%);
--badge--background-color: var(--warning-badge--background-color)
}
[data-color-scheme=light][data-contrast=low] {
--color-topaz: hsl(207, 90%, 61%);
--color-turquoise: hsl(174, 60%, 38%);
--color-tourmaline: var(--color-turquoise);
--color-emerald: hsl(122, 38%, 57%);
--color-ruby: hsl(1, 83%, 62%);
--color-citrine: hsl(42, 90%, 60%);
--color-tint0: var(--color-static-gray12);
--color-tint1: var(--color-static-gray24);
--color-tint2: var(--color-static-gray45);
--color-tint3: var(--color-static-gray62);
--color-tint4: var(--color-static-gray81);
--color-tint5: var(--color-static-gray88);
--color-tint6: var(--color-static-gray93);
--color-tint7: var(--color-static-gray95);
--color-tint8: var(--color-static-gray97);
--color-tint9: var(--color-static-gray98);
--color-tint10: var(--color-static-gray100);
--color-brand-light: var(--color-tint0);
--color-brand: var(--color-tint0);
--color-brand-gradient-start: var(--color-tint2);
--color-brand-gradient-end: var(--color-tint0);
background-color: var(--color-tint10);
color: var(--color-tint1);
--badge--background-color: var(--color-tint7);
--badge--color: var(--color-tint2);
--button--outline-variant--background-image: linear-gradient(white, white), linear-gradient(135deg, var(--color-turquoise) 0%, var(--color-tint0) 100%);
--select--background-image: url("data:image/svg+xml;utf-8,");
--action-drawer-footer--highlighted-background-color: #e2f1fd;
--info-muted--background-color: #ecf6fe;
--error-badge--background-color: hsl(0, 79%, 96%);
--success-badge--background-color: hsl(120, 36%, 96%);
--warning-badge--background-color: hsl(39, 89%, 96%);
--alert--primary: var(--color-tint6);
--alert--secondary: var(--color-tint1);
--alert--text: var(--color-tint1);
--info-alert--primary: hsl(206, 92%, 95%);
--info-alert--secondary: var(--color-topaz);
--info-alert--text: var(--color-tint1);
--success-alert--primary: hsl(103, 28%, 95%);
--success-alert--secondary: var(--color-tint0);
--success-alert--text: var(--color-tint1);
--error-alert--primary: hsl(11, 44%, 95%);
--error-alert--secondary: var(--color-ruby);
--error-alert--text: var(--color-tint1);
--warning-alert--primary: hsl(42, 68%, 95%);
--warning-alert--secondary: hsl(41, 91%, 35%);
--warning-alert--text: var(--color-tint1);
--featured-badge--background-color: var(--color-tint8);
--button--filled-variant--color: var(--color-tint10)
}
[data-color-scheme=light][data-contrast=low] .error-badge {
--badge--background-color: var(--error-badge--background-color);
--badge--color: hsl(1, 84%, 45%)
}
[data-color-scheme=light][data-contrast=low] .success-badge,[data-color-scheme=light][data-contrast=low] .open-badge {
--badge--background-color: var(--success-badge--background-color);
--badge--color: hsl(123, 38%, 37%)
}
[data-color-scheme=light][data-contrast=low] .warning-badge {
--badge--background-color: var(--warning-badge--background-color);
--badge--color: hsl(41, 91%, 30%)
}
*,*:before,*:after {
box-sizing: inherit
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td {
margin: 0;
padding: 0
}
p,ul,ol,blockquote {
margin-bottom: 1rem
}
ul,ol {
padding-left: 2rem
}
html {
box-sizing: border-box;
height: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased
}
body {
color: var(--color-tint1);
font-family: var(--base-font-family);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
padding: 0;
margin: 0;
height: 100%
}
strong {
font-weight: 600;
-webkit-font-smoothing: auto
}
a {
color: hsl(207, 90%, 52%);
cursor: pointer;
text-decoration: none
}
img {
max-width: 100%
}
[data-cca-platform=ios] .page-container:not(.sermon-episode-layout) .page-content {
padding: 20px
}
[data-cca-platform=android] .page-container:not(.sermon-episode-layout) .page-content {
padding: 16px
}
[data-cca-platform] .hide-cca {
display: none
}
.page-container {
height: 100vh
}
.page-content {
padding: 1.5rem
}
@media (min-width: 720px) {
.page-content {
padding:2rem
}
}
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,.page-container {
display: block !important
}
*::-ms-backdrop,.page-content {
min-height: calc(100% - 166px)
}
*::-ms-backdrop,.site-footer {
margin-top: 0 !important
}
}
.action-bar {
bottom: 0;
left: 0;
min-height: 72px;
position: fixed;
right: 0;
z-index: 201
}
@media (min-width: 601px) {
.action-bar {
position:inherit
}
}
.action-drawer {
background: var(--color-tint9);
border-radius: 4px;
padding: 1rem
}
.action-drawer.has-small-absolute-input {
padding-bottom: 3rem
}
.action-drawer.highlighted-action-drawer {
background: var(--info-muted--background-color)
}
.action-drawer p a {
color: var(--color-brand);
font-weight: 600
}
.action-drawer__footer {
background: var(--color-tint8);
border-radius: 0 0 3px 3px;
margin: 1rem -1rem -1rem;
padding: 0.5rem 1rem
}
.highlighted-action-drawer .action-drawer__footer {
background: var(--action-drawer-footer--highlighted-background-color)
}
.action-drawer__progress {
align-items: flex-start;
display: flex;
justify-content: flex-end;
padding-top: 9px;
padding-bottom: 3px
}
.action-drawer__progress-step {
background: var(--color-tint0);
border-radius: 4px;
height: 4px;
margin-left: 4px;
width: 2rem
}
.action-drawer__progress-step.is-complete {
background: var(--color-tint0) !important
}
.action-drawer__progress-step.is-current {
background: var(--color-tint3)
}
.action-drawer__progress-step.is-current+.action-drawer__progress-step {
background: var(--color-tint5)
}
.action-drawer__progress-step.is-current+.action-drawer__progress-step+.action-drawer__progress-step {
background: var(--color-tint5)
}
.action-drawer__progress-label {
color: var(--color-tint2);
font-size: 13px;
padding-top: 5px
}
.alert {
background-color: var(--alert--primary);
color: var(--alert--text);
font-size: 14px;
padding: 1rem;
border-radius: 4px;
line-height: 1.25;
margin-bottom: 1rem
}
.alert.quiet-alert {
background: none;
border-width: 1px;
border-style: solid;
border-color: var(--alert--secondary);
color: var(--alert--secondary);
padding: 0.5rem
}
.alert.loud-alert {
background-color: var(--alert--secondary);
color: var(--color-tint10);
font-weight: 500
}
.alert.alert--success {
background-color: #63AA08;
border-color: #63AA08;
color: white
}
.alert.alert--danger {
background-color: #F5775D;
border-color: #F5775D;
color: white
}
.alert.alert--warning {
background: #faac59;
border-color: #faac59;
color: #1F1F1F
}
.alert.alert--warning h1,.alert.alert--warning h2,.alert.alert--warning h3,.alert.alert--warning h4,.alert.alert--warning h5,.alert.alert--warning h6 {
color: #1F1F1F
}
.alert.alert--warning a {
color: #1F1F1F;
text-decoration: underline
}
.alert.alert--warning a:hover {
text-decoration: none
}
.alert.alert--informative {
background: rgba(111,176,209,0.2);
border: 1px solid rgba(111,176,209,0.3);
color: #525150
}
.alert-container .alert {
border-radius: 0;
margin-bottom: 0
}
.alert ul,.alert ol {
margin-bottom: 0
}
.alert .alert__list {
list-style: none;
padding-left: 0
}
.sm-alert {
font-size: 0.75rem;
padding: 0.5rem
}
.info-alert {
background-color: var(--info-alert--primary);
color: var(--info-alert--text)
}
.info-alert.quiet-alert {
border-color: var(--info-alert--secondary);
color: var(--info-alert--secondary)
}
.info-alert.loud-alert {
background-color: var(--info-alert--secondary);
color: var(--color-tint10)
}
.success-alert {
background-color: var(--success-alert--primary);
color: var(--info-alert--text)
}
.success-alert.quiet-alert {
border-color: var(--success-alert--secondary);
color: var(--success-alert--secondary)
}
.success-alert.loud-alert {
background-color: var(--success-alert--secondary);
color: var(--color-tint10)
}
.error-alert {
background-color: var(--error-alert--primary);
color: var(--error-alert--text)
}
.error-alert.quiet-alert {
border-color: var(--error-alert--secondary);
color: var(--error-alert--secondary)
}
.error-alert.loud-alert {
background-color: var(--error-alert--secondary);
color: var(--color-tint10)
}
.warning-alert,.warning-alert .danger-alert {
background-color: var(--warning-alert--primary);
color: var(--warning-alert--text)
}
.warning-alert.quiet-alert,.warning-alert .quiet-alert.danger-alert {
border-color: var(--warning-alert--secondary);
color: var(--warning-alert--secondary)
}
.warning-alert.loud-alert,.warning-alert .loud-alert.danger-alert {
background-color: var(--color-citrine);
color: var(--warning-alert--text)
}
.badge {
background: var(--badge--background-color, var(--color-tint8));
border-radius: 4px;
display: inline-block;
color: var(--badge--color, var(--color-tint1));
font-size: 12px;
line-height: 1.5rem;
padding: 0 6px;
white-space: nowrap
}
.badge.sm-badge,.badge.xs-badge {
border-radius: 3px;
font-size: 11px;
line-height: 1.25rem
}
.breadcrumbs {
border-bottom: 1px solid var(--color-tint7);
padding: 0.5rem 1.5rem
}
@media (min-width: 720px) {
.breadcrumbs {
padding-left:2rem;
padding-right: 2rem
}
}
.breadcrumbs__layout {
align-items: center;
display: flex;
height: 40px;
margin-left: auto;
margin-right: auto;
width: 100%
}
.breadcrumbs__page {
color: var(--color-tint1);
margin-left: 2px;
padding-left: 0.5rem
}
.breadcrumbs__page:first-child {
margin-left: 0;
padding-left: 0
}
@media (max-width: 600px) {
.breadcrumbs__page:not(.breadcrumbs__current-page) .text {
display:none
}
}
.breadcrumbs__page:not(.breadcrumbs__current-page) .icon {
position: relative;
top: 2px
}
@media (min-width: 601px) {
.breadcrumbs__page:not(.breadcrumbs__current-page) .icon {
display:none
}
}
.breadcrumbs__current-page {
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.breadcrumbs__current-page .icon {
display: none
}
.breadcrumbs__divider-icon {
color: var(--color-tint3);
font-size: 10px;
margin-left: 2px;
margin-right: 2px;
padding-left: 0.5rem;
position: relative;
top: 3px
}
.breadcrumbs__menu {
max-width: 240px
}
.breadcrumbs__btn.select {
background-color: transparent;
background-position: calc(100% - 12px) 17px;
border: 0;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
max-width: 184px;
overflow: hidden;
padding: 0 33px 0 0.5rem !important;
text-overflow: ellipsis;
white-space: nowrap;
width: auto
}
@media (min-width: 368px) {
.breadcrumbs__btn.select {
max-width:240px
}
}
@media (min-width: 601px) {
.breadcrumbs__btn.select {
max-width:none
}
}
button,input[type=submit] {
cursor: pointer;
font-size: 1rem;
font-weight: 600
}
button[disabled],button.disabled-btn,input[type=submit][disabled],input.disabled-btn[type=submit] {
cursor: not-allowed
}
.btn {
align-items: center;
background: linear-gradient(135deg, var(--color-brand-gradient-start) 0%, var(--color-brand-gradient-end) 100%);
border-radius: 0px;
border: 1px solid transparent;
color: var(--button--filled-variant--color);
cursor: pointer;
display: inline-flex;
font-weight: 600;
height: 40px;
justify-content: center;
line-height: 1;
padding: 0 2rem;
white-space: nowrap;
overflow: hidden
}
.btn .spinner {
display: none
}
.btn.destroy-btn {
background-image: none;
background-color: var(--color-ruby)
}
.btn.alert-btn {
background-image: none;
background-color: var(--color-topaz)
}
.btn[disabled],.btn.disabled-btn {
background-image: none;
background: var(--color-tint5);
color: var(--color-tint7)
}
.btn:focus-visible {
outline-style: solid;
outline-width: 2px;
outline-color: var(--color-topaz);
outline-offset: 1px
}
.secondary-btn,.outline-btn {
background-image: linear-gradient(var(--color-tint10), var(--color-tint10)),linear-gradient(135deg, var(--color-brand-gradient-start) 0%, var(--color-brand-gradient-end) 100%);
background-origin: border-box;
background-clip: padding-box, border-box;
border: double 2px transparent;
color: var(--color-brand)
}
.secondary-btn.destroy-btn,.outline-btn.destroy-btn {
background-image: linear-gradient(var(--color-tint10), var(--color-tint10)),linear-gradient(135deg, var(--color-ruby) 0%, var(--color-ruby) 100%);
color: var(--color-ruby)
}
.secondary-btn.alert-btn,.outline-btn.alert-btn {
background-image: linear-gradient(var(--color-tint10), var(--color-tint10)),linear-gradient(135deg, var(--color-topaz) 0%, var(--color-topaz) 100%);
color: var(--color-topaz)
}
.secondary-btn button,.secondary-btn input[type=submit],.outline-btn button,.outline-btn input[type=submit] {
background: none;
border: none;
color: var(--color-brand)
}
.secondary-btn[disabled],.secondary-btn.disabled-btn,.outline-btn[disabled],.outline-btn.disabled-btn {
background: none;
border-color: var(--color-tint5);
border-style: solid;
color: var(--color-tint4)
}
.naked-btn {
background-image: none;
background: none;
color: var(--color-brand);
border-color: transparent
}
.naked-btn,.naked-btn.destroy-btn,.naked-btn.alert-btn {
background-image: none;
background: none
}
.naked-btn.destroy-btn {
color: var(--color-ruby)
}
.naked-btn.alert-btn {
color: var(--color-topaz)
}
.naked-btn button,.naked-btn input[type=submit] {
background: none;
border: none;
color: var(--color-brand)
}
.naked-btn[disabled],.naked-btn.disabled-btn {
background: none;
color: var(--color-tint4)
}
.compact-btn,.md-btn {
height: 32px;
padding: 0 1rem
}
.compact-btn,.compact-btn input[type=submit],.md-btn,.md-btn input[type=submit] {
font-size: 14px
}
.compact-btn.secondary-btn,.md-btn.secondary-btn {
background-color: var(--color-tint10)
}
.minor-btn,.sm-btn {
border: double 1px transparent;
height: 24px;
line-height: 1;
padding: 0 12px
}
.minor-btn,.minor-btn input[type=submit],.sm-btn,.sm-btn input[type=submit] {
font-size: 12px
}
.minor-btn.secondary-btn,.sm-btn.secondary-btn {
background-color: var(--color-tint10)
}
.minor-compact-btn {
background: none;
border: 0;
border-radius: 0;
color: var(--color-tint2);
background-color: transparent !important;
height: auto;
padding: 0
}
.minor-compact-btn,.minor-compact-btn input[type=submit] {
font-size: 12px
}
.minor-compact-btn.destroy-btn {
color: var(--color-ruby)
}
.minor-compact-btn:before {
display: none
}
.badge-btn {
background: var(--color-tint7);
color: var(--color-tint2)
}
.badge-btn[disabled],.badge-btn.disabled-btn {
background: var(--color-tint7);
color: var(--color-tint4)
}
.avatar-btn {
font-size: 14px;
gap: 0.5rem;
padding: 0.25rem 1rem 0.25rem 0.25rem
}
.avatar-btn[disabled] img,.avatar-btn.disabled-btn img {
opacity: 0.3
}
.avatar {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: var(--color-tint3);
color: var(--color-tint7);
font-weight: 700;
border-radius: 100%;
}
.link-btn,.text-btn {
background: none;
border: none;
border-radius: 0;
color: var(--color-brand);
cursor: pointer;
font-size: 1em;
font-weight: normal;
margin: 0;
outline: none;
padding: 0
}
.text-btn {
color: var(--color-tint2)
}
.stripped-btn,.button--style-reset {
background: none;
border: 0;
border-radius: 0;
font-family: inherit;
font-weight: normal
}
.loading-btn {
position: relative
}
.loading-btn .spinner {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 2
}
.loading-btn.sm-btn .spinner {
--spinner--size: 13px;
--spinner--border-width: 1px
}
.loading-btn.md-btn .spinner {
--spinner--size: 16px;
--spinner--border-width: 2px
}
.loading-btn.lg-btn .spinner {
--spinner--size: 22px;
--spinner--border-width: 2px
}
.loading-btn.primary-btn.filled-btn:not([disabled]),.loading-btn.primary-btn.filled-btn:not(.disabled-btn) {
--spinner--background-color: rgba(255, 255, 255, 0.25);
--spinner--color: #fff;
color: rgba(255,255,255,0)
}
.loading-btn.primary-btn.outline-btn:not([disabled]),.loading-btn.primary-btn.naked-btn:not([disabled]),.loading-btn.primary-btn.outline-btn:not(.disabled-btn),.loading-btn.primary-btn.naked-btn:not(.disabled-btn) {
--spinner--background-color: var(--color-tint5);
--spinner--color: var(--color-brand);
color: rgba(255,255,255,0)
}
.loading-btn.destroy-btn.filled-btn:not([disabled]),.loading-btn.destroy-btn.filled-btn:not(.disabled-btn) {
--spinner--background-color: rgba(255, 255, 255, 0.35);
--spinner--color: #fff;
color: rgba(255,255,255,0)
}
.loading-btn.destroy-btn.outline-btn:not([disabled]),.loading-btn.destroy-btn.naked-btn:not([disabled]),.loading-btn.destroy-btn.outline-btn:not(.disabled-btn),.loading-btn.destroy-btn.naked-btn:not(.disabled-btn) {
--spinner--background-color: var(--color-tint5);
--spinner--color: var(--color-ruby);
color: rgba(255,255,255,0)
}
.loading-btn.primary-btn.filled-btn[disabled],.loading-btn.primary-btn.disabled-btn.filled-btn,.loading-btn.destroy-btn.filled-btn[disabled],.loading-btn.destroy-btn.disabled-btn.filled-btn {
--spinner--background-color: var(--color-tint7);
--spinner--color: var(--color-tint3);
color: rgba(255,255,255,0)
}
.loading-btn.primary-btn.outline-btn[disabled],.loading-btn.primary-btn.naked-btn[disabled],.loading-btn.primary-btn.disabled-btn.outline-btn,.loading-btn.primary-btn.disabled-btn.naked-btn,.loading-btn.destroy-btn.outline-btn[disabled],.loading-btn.destroy-btn.naked-btn[disabled],.loading-btn.destroy-btn.disabled-btn.outline-btn,.loading-btn.destroy-btn.disabled-btn.naked-btn {
--spinner--background-color: var(--color-tint5);
--spinner--color: var(--color-tint3);
color: rgba(255,255,255,0)
}
.destroy-outline-btn {
background-color: var(--color-tint10);
background-image: linear-gradient(var(--color-tint10), var(--color-tint10)),linear-gradient(135deg, var(--color-ruby) 0%, var(--color-ruby) 100%);
color: var(--color-ruby);
background-origin: border-box;
background-clip: padding-box, border-box;
border: double 2px transparent
}
.destroy-outline-btn:hover:enabled,.destroy-outline-btn--loading,.destroy-outline-btn--loading[disabled] {
background: var(--color-ruby);
color: var(--color-tint10)
}
.compact-btn--loading,.compact-btn--loading[disabled] {
background: linear-gradient(135deg, var(--color-brand-gradient-start) 0%, var(--color-brand-gradient-end) 100%)
}
@media (min-width: 601px) {
.card-list {
display:flex;
flex-wrap: wrap;
margin-left: -16px;
margin-top: -16px
}
}
@media (min-width: 720px) {
.card-list {
margin-left:-32px;
margin-top: -32px
}
}
@media (max-width: 600px) {
.card-list__item {
background:none !important;
margin-bottom: 1rem
}
}
@media (min-width: 601px) {
.card-list__item {
flex:1 0 272px;
margin-left: 16px;
margin-top: 16px;
position: relative
}
}
@media (min-width: 601px) and (min-width: 576px) {
.card-list__item {
max-width:calc(50% - 16px)
}
}
@media (min-width: 601px) and (min-width: 864px) {
.card-list__item {
max-width:calc(33.3333333333% - 16px)
}
}
@media (min-width: 601px) and (min-width: 816px) {
.card-list__item {
min-width:calc(33.3333333333% - 16px)
}
}
@media (min-width: 601px) and (min-width: 720px) {
.card-list__item {
flex:1 0 272px;
margin-left: 32px;
margin-top: 32px
}
}
@media (min-width: 601px) and (min-width: 720px) and (min-width: 608px) {
.card-list__item {
max-width:calc(50% - 32px)
}
}
@media (min-width: 601px) and (min-width: 720px) and (min-width: 912px) {
.card-list__item {
max-width:calc(33.3333333333% - 32px)
}
}
@media (min-width: 601px) and (min-width: 720px) and (min-width: 816px) {
.card-list__item {
min-width:calc(33.3333333333% - 32px)
}
}
@media (min-width: 601px) {
.card-list.card-list--max-2 .card-list__item {
flex:1 0 272px;
margin-left: 16px;
margin-top: 16px;
position: relative
}
}
@media (min-width: 601px) and (min-width: 576px) {
.card-list.card-list--max-2 .card-list__item {
max-width:calc(50% - 16px)
}
}
@media (min-width: 601px) and (min-width: 544px) {
.card-list.card-list--max-2 .card-list__item {
min-width:calc(50% - 16px)
}
}
@media (min-width: 601px) and (min-width: 720px) {
.card-list.card-list--max-2 .card-list__item {
flex:1 0 272px;
margin-left: 32px;
margin-top: 32px
}
}
@media (min-width: 601px) and (min-width: 720px) and (min-width: 608px) {
.card-list.card-list--max-2 .card-list__item {
max-width:calc(50% - 32px)
}
}
@media (min-width: 601px) and (min-width: 720px) and (min-width: 544px) {
.card-list.card-list--max-2 .card-list__item {
min-width:calc(50% - 32px)
}
}
@media (min-width: 601px) {
.card-list.card-list--max-4 .card-list__item {
flex:1 0 272px;
margin-left: 16px;
margin-top: 16px;
position: relative
}
}
@media (min-width: 601px) and (min-width: 576px) {
.card-list.card-list--max-4 .card-list__item {
max-width:calc(50% - 16px)
}
}
@media (min-width: 601px) and (min-width: 864px) {
.card-list.card-list--max-4 .card-list__item {
max-width:calc(33.3333333333% - 16px)
}
}
@media (min-width: 601px) and (min-width: 1152px) {
.card-list.card-list--max-4 .card-list__item {
max-width:calc(25% - 16px)
}
}
@media (min-width: 601px) and (min-width: 1088px) {
.card-list.card-list--max-4 .card-list__item {
min-width:calc(25% - 16px)
}
}
@media (min-width: 601px) and (min-width: 720px) {
.card-list.card-list--max-4 .card-list__item {
flex:1 0 272px;
margin-left: 32px;
margin-top: 32px
}
}
@media (min-width: 601px) and (min-width: 720px) and (min-width: 608px) {
.card-list.card-list--max-4 .card-list__item {
max-width:calc(50% - 32px)
}
}
@media (min-width: 601px) and (min-width: 720px) and (min-width: 912px) {
.card-list.card-list--max-4 .card-list__item {
max-width:calc(33.3333333333% - 32px)
}
}
@media (min-width: 601px) and (min-width: 720px) and (min-width: 1216px) {
.card-list.card-list--max-4 .card-list__item {
max-width:calc(25% - 32px)
}
}
@media (min-width: 601px) and (min-width: 720px) and (min-width: 1088px) {
.card-list.card-list--max-4 .card-list__item {
min-width:calc(25% - 32px)
}
}
.card-list-item__title {
font-size: 1rem
}
.card-list-item__image {
margin-bottom: 12px
background-color: var(--color-tint5)
}
.card-list-item__image img {
border-radius: 4px;
display: block;
width: 100%;
background-color: var(--color-tint5)
}
.card-list-item__wrapper-link {
color: inherit;
display: block;
font-weight: inherit
}
.card-list-item__details {
font-size: 13px
}
@media (min-width: 601px) {
.card-list-item__details {
padding-top:6px
}
}
.checkbox {
height: 16px;
opacity: 0;
position: absolute;
width: 16px
}
.checkbox.large-checkbox {
height: 20px;
width: 20px
}
.checkbox-label {
box-sizing: content-box;
color: var(--color-tint1);
cursor: pointer;
display: inline-block;
font-size: inherit;
font-weight: 400;
line-height: 1.25;
margin: 0;
padding-bottom: 0;
padding-left: 24px;
position: relative;
vertical-align: middle
}
.checkbox-label::before {
background-color: var(--color-tint10);
border-radius: 3px;
box-shadow: inset 0 0 0 1px var(--color-tint4),inset 0 1px 0 var(--color-tint4);
content: "";
height: 16px;
left: 0;
position: absolute;
top: 2px;
width: 16px
}
.action-drawer .checkbox-label::before {
top: 4px
}
.large-checkbox-label::before {
height: 20px;
width: 20px;
top: 0px
}
.checkbox-label::after {
border-width: 2px;
border-style: solid;
border-right-color: var(--color-tint10);
border-bottom-color: var(--color-tint10);
border-left-width: 0;
border-top-width: 0;
content: "";
height: 6px;
left: 5px;
opacity: 0;
position: absolute;
transform: translateX(0.5px) rotate(45deg);
top: 5px;
width: 3px
}
.action-drawer .checkbox-label::after {
top: 7px
}
.large-checkbox-label::after {
border-bottom-width: 3px;
border-right-width: 3px;
height: 8px;
left: 6px;
top: 3px;
width: 4px
}
.checkbox[disabled]+.checkbox-label {
color: var(--color-tint3);
cursor: not-allowed
}
.checkbox[disabled]:checked+.checkbox-label:before {
background-color: var(--color-tint5);
box-shadow: inset 0 0 0 1px var(--color-tint5)
}
.checkbox[disabled]+.checkbox-label:before,.checkbox[disabled]+.checkbox-label:after {
cursor: not-allowed
}
.checkbox:checked+.checkbox-label::before {
background-color: var(--color-tint0);
box-shadow: inset 0 0 0 1px var(--color-tint0)
}
.checkbox:focus-visible+.checkbox-label::before {
outline-style: solid;
outline-width: 2px;
outline-color: var(--color-topaz);
outline-offset: 1px
}
.checkbox:checked+.checkbox-label::after {
opacity: 1
}
.clickable-icon {
color: var(--color-tint3);
font-size: 14px;
padding: 12px;
transition: color 0.2s
}
.clickable-icon:hover {
color: var(--color-tint1)
}
.clickable-icon.c-ruby:hover {
color: #c71612
}
.container {
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media (min-width: 720px) {
.container.container--wide {
max-width:900px
}
.container.container--narrow {
max-width: 700px
}
}
.date-time-range {
display: flex;
flex-direction: column
}
@media (min-width: 601px) {
.date-time-range {
flex-direction:row;
align-items: flex-end;
gap: 0.5rem
}
}
.date-time-range__container {
display: flex;
flex-direction: column
}
@media (min-width: 601px) {
.date-time-range__container {
flex-direction:row;
gap: 0.5rem
}
}
.date-time-range__date {
flex: 1;
margin-bottom: 0.5em
}
@media (min-width: 601px) {
.date-time-range__date {
margin-bottom:0
}
.date-time-range__date.date-time-range__end-date {
order: 1
}
}
.date-time-range__time {
flex: 1
}
.date-time-range__joinder {
margin-top: 1rem;
margin-bottom: 1rem;
width: 100%
}
@media (min-width: 601px) {
.date-time-range__joinder {
margin-top:0;
margin-bottom: 0.5rem;
width: auto
}
}
.dropdown {
font-size: 14px;
position: relative
}
.dropdown.is-open>.dropdown__menu,.dropdown.is-open>.dropdown__content,.dropdown.dropdown--active>.dropdown__menu,.dropdown.dropdown--active>.dropdown__content {
display: block
}
[data-reach-menu] {
z-index: 1000;
/* display: none; */
position: absolute;
}
[data-reach-menu-button] {
overflow: hidden
}
[data-reach-menu-button]:focus-visible {
outline-style: solid;
outline-width: 2px;
outline-color: var(--color-topaz);
outline-offset: 1px
}
.dropdown__menu,.dropdown__content,[data-reach-menu-list],[data-reach-menu-items] {
background: var(--color-tint10);
border: 1px solid var(--color-tint5);
border-radius: 4px;
font-size: var(--dropdown-menu--font-size, 0.875rem);
margin-top: 2px;
min-width: 180px;
padding: 4px 0
}
.dropdown__menu,.dropdown__content {
list-style-type: none;
display: none;
left: 0;
position: absolute;
z-index: 9
}
.dropdown__menu.dropdown__menu--naked,.dropdown__content.dropdown__menu--naked {
background: inherit;
border: inherit;
margin-top: inherit;
min-width: inherit
}
[data-reach-menu-list],[data-reach-menu-items] {
display: block;
outline: none;
position: static
}
.dropdown__item,[data-reach-menu-item] {
color: var(--color-tint1);
cursor: pointer;
display: block;
font-size: inherit;
padding: 0.25rem 0.75rem;
position: relative
}
.dropdown__item:focus,[data-reach-menu-item]:focus {
outline: none
}
.dropdown__item:hover,.dropdown__item[data-selected],[data-reach-menu-item]:hover,[data-reach-menu-item][data-selected] {
background: var(--color-tint8);
color: var(--color-tint1)
}
.dropdown__item.active,.dropdown__item.active button,.active[data-reach-menu-item],.active[data-reach-menu-item] button {
color: var(--color-tint1);
font-weight: 600
}
.dropdown__item:first-child,[data-reach-menu-item]:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.dropdown__item:last-child,[data-reach-menu-item]:last-child {
border-bottom: none
}
.dropdown__item a,.dropdown__item [data-reach-menu-link],[data-reach-menu-item] a,[data-reach-menu-item] [data-reach-menu-link] {
display: block;
color: var(--color-tint1);
line-height: 1.25
}
.dropdown__item a[data-reach-menu-link][data-selected],[data-reach-menu-item] a[data-reach-menu-link][data-selected] {
color: var(--color-tint1)
}
.dropdown-item-label {
padding: 0.5rem 1rem
}
.dropdown-trigger__icon {
font-size: 9px;
transition: all 0.2s
}
.is-open .dropdown-trigger__icon,[aria-expanded=true] .dropdown-trigger__icon {
transform: rotateX(-180deg);
top: 0
}
[data-reach-menu-list]:focus-visible [data-selected] {
outline-style: solid;
outline-width: 2px;
outline-color: var(--color-topaz);
outline-offset: 1px
}
label,.label {
color: var(--color-tint0);
display: block;
font-size: 16px;
font-weight: 500;
padding-bottom: 8px
}
.label-text {
display: block;
padding-bottom: 8px
}
.styled-label {
color: var(--color-tint3);
font-size: 12px;
text-transform: uppercase
}
form,fieldset {
border: 0;
margin: 0;
padding: 0
}
.login-form--narrow {
max-width: 400px;
margin: 0 auto
}
button,input,select,textarea {
font-family: var(--base-font-family)
}
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea,
select {
background-color: var(--color-tint10);
border-radius: 4px;
border: 1px solid var(--color-tint5);
box-shadow: inset 0 1px 2px var(--color-tint9);
color: var(--color-tint1);
font-family: var(--base-font-family);
font-size: 16px;
font-weight: 400;
height: 45px;
margin: 0;
padding: 12px;
position: relative;
width: 100%;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none
}
input.sm-input[type=text],input.small-input[type=text],input.sm-input[type=password],input.small-input[type=password],input.sm-input[type=date],input.small-input[type=date],input.sm-input[type=datetime],input.small-input[type=datetime],input.sm-input[type=datetime-local],input.small-input[type=datetime-local],input.sm-input[type=month],input.small-input[type=month],input.sm-input[type=week],input.small-input[type=week],input.sm-input[type=email],input.small-input[type=email],input.sm-input[type=number],input.small-input[type=number],input.sm-input[type=search],input.small-input[type=search],input.sm-input[type=tel],input.small-input[type=tel],input.sm-input[type=time],input.small-input[type=time],input.sm-input[type=url],input.small-input[type=url],textarea.sm-input,textarea.small-input {
height: 32px;
padding: 8px
}
input[type=text]:disabled,input[type=password]:disabled,input[type=date]:disabled,input[type=datetime]:disabled,input[type=datetime-local]:disabled,input[type=month]:disabled,input[type=week]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=time]:disabled,input[type=url]:disabled,textarea:disabled {
box-shadow: none;
background-color: var(--color-tint9);
color: var(--color-tint4);
cursor: not-allowed
}
input[type=text]:focus,input[type=text]:focus-visible,input[type=password]:focus,input[type=password]:focus-visible,input[type=date]:focus,input[type=date]:focus-visible,input[type=datetime]:focus,input[type=datetime]:focus-visible,input[type=datetime-local]:focus,input[type=datetime-local]:focus-visible,input[type=month]:focus,input[type=month]:focus-visible,input[type=week]:focus,input[type=week]:focus-visible,input[type=email]:focus,input[type=email]:focus-visible,input[type=number]:focus,input[type=number]:focus-visible,input[type=search]:focus,input[type=search]:focus-visible,input[type=tel]:focus,input[type=tel]:focus-visible,input[type=time]:focus,input[type=time]:focus-visible,input[type=url]:focus,input[type=url]:focus-visible,textarea:focus,textarea:focus-visible {
outline-style: solid;
outline-width: 1px;
outline-color: var(--color-topaz);
box-shadow: 0 0 2px var(--color-topaz)
}
input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=datetime]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,textarea::-moz-placeholder {
color: var(--color-tint4)
}
input[type=text]::placeholder,input[type=password]::placeholder,input[type=date]::placeholder,input[type=datetime]::placeholder,input[type=datetime-local]::placeholder,input[type=month]::placeholder,input[type=week]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,textarea::placeholder {
color: var(--color-tint4)
}
input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=datetime]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
line-height: 1.2
}
input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=datetime]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,textarea:-ms-input-placeholder {
line-height: 1
}
textarea {
height: auto;
line-height: 1.4;
resize: vertical
}
.media-tile {
align-items: center;
background: var(--color-tint7);
border-radius: 4px;
color: var(--color-tint2);
display: flex;
font-size: 24px;
flex-direction: column;
justify-content: center
}
.lg-media-tile {
font-size: 32px
}
/* .modal {
background: unset;
-webkit-border-radius: unset;
-moz-border-radius: unset;
-o-border-radius: unset;
-ms-border-radius: unset;
border-radius: unset;
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
-o-box-shadow: unset;
-ms-box-shadow: unset;
box-shadow: unset;
box-sizing: unset;
display: unset;
max-width: unset;
padding: unset;
position: unset;
text-align: unset;
vertical-align: unset;
width: unset;
z-index: unset;
} */
html.modal--open--but-on-html-for-mobile-scroll-bugz,html.modal--open--but-on-html-for-mobile-scroll-bugz>body {
min-height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
.modal--open {
overflow: hidden
}
.modal--open .modal,
.modal--open .modal-layer,
.modal--open .modal-layer .modal {
display: block
}
/* .modal {
background: var(--color-tint10);
box-shadow: 0 0 25px rgba(0,0,0,0.3);
border-radius: 6px;
display: none;
margin: 140px auto 0;
position: relative;
width: 480px;
z-index: 1100;
padding: unset;
} */
@media (max-width: 600px) {
.modal {
margin:3% auto !important;
width: 94% !important;
min-width: inherit !important;
max-width: inherit !important
}
}
.modal-layer {
background: rgba(61,61,61,0.85);
bottom: 0;
display: none;
left: 0;
overflow: auto;
overflow-y: scroll;
position: fixed;
right: 0;
transform: translate3d(0, 0, 0);
top: 0;
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
z-index: 1000
}
@media (min-width: 601px) {
.modal-layer .modal-layer {
padding:0 15px
}
}
.modal-layer .modal [data-modal-close] {
cursor: pointer
}
.modal-layer .modal__header {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
line-height: 1;
padding: 1rem;
position: relative
}
.modal-layer .modal__header .modal-closer {
color: var(--color-tint4);
font-size: 15px;
padding: 1rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1
}
.modal-layer .modal-title {
font-size: 18px
}
.modal-layer .modal__body {
padding: 16px
}
@media (max-width: 719px) {
.modal-layer .modal__body {
height:100%
}
}
.modal-layer .modal__footer {
padding: 1rem;
text-align: right
}
.modal-layer .modal {
background: white;
border-radius: 8px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
display: none;
margin: 48px auto;
max-width: 600px;
padding-top: 2rem;
position: relative;
z-index: 1100
}
@media (max-width: 599px) {
.modal-layer .modal {
margin:4% auto;
width: 92%
}
}
.modal-layer .modal.sm.modal-layer .modal {
max-width: 400px
}
.modal-layer .modal.lg.modal-layer .modal {
max-width: 800px
}
.modal-layer .modal__header {
padding: 0 2rem 2rem 2rem;
position: relative
}
.modal-layer .modal__close-button {
color: #949494;
font-size: 0.75rem;
padding: 0.5rem;
position: absolute;
right: 1.5rem;
top: -0.25rem
}
.modal-layer .modal__body {
padding: 0 2rem 2rem 2rem
}
.modal-layer .modal__body .modal-layer .modal__footer {
margin: 2rem -2rem -2rem -2rem
}
.modal-layer .modal-title {
color: #525150;
font-weight: 500;
font-size: 25px;
letter-spacing: .002em;
line-height: 2rem;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.modal-layer .modal-sub-title {
color: #737373;
font-size: 1rem;
font-weight: 500;
letter-spacing: -0.006em;
line-height: 1.65
}
.number-spinner {
align-items: stretch;
background: var(--color-tint10);
border-radius: 4px;
border: 1px solid var(--color-tint5);
display: flex;
justify-content: space-between;
height: 40px;
max-width: 108px;
padding: 0;
width: auto
}
.sm-number-spinner {
height: 32px
}
input.number-spinner__input {
border-color: transparent;
font-family: var(--base-font-family);
height: calc(100% - 2px);
padding: 0;
width: 34px;
text-align: center;
-moz-appearance: textfield
}
input.number-spinner__input:disabled {
color: var(--color-tint2);
cursor: not-allowed
}
input.number-spinner__input::-webkit-outer-spin-button,input.number-spinner__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.number-spinner__btn {
background: transparent;
border: 0;
color: var(--color-tint2);
cursor: pointer;
font-size: 20px;
font-weight: 600;
height: auto;
padding: 0 0.75rem
}
.number-spinner__btn:disabled {
color: var(--color-tint4);
cursor: not-allowed
}
.prepend-label {
position: relative;
display: flex;
align-items: center
}
.prepend-label .label {
align-items: center;
background: var(--color-tint6);
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
display: flex;
top: 1px;
bottom: 1px;
left: 1px;
padding: 12px;
position: absolute;
z-index: 1
}
.prepend-label input.label-container {
padding-left: 56px
}
.radio {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
width: 0
}
.radio-label {
cursor: pointer;
display: inline-block;
font-weight: 400;
padding: 0 0 0 24px;
position: relative
}
.radio-label:before,.radio-label:after {
border-radius: 100%;
content: "";
position: absolute
}
.radio-label:before {
box-shadow: inset 0 0 0 1px var(--color-tint4),inset 0 1px 0 var(--color-tint4);
height: 16px;
left: 0;
top: 4px;
width: 16px
}
.radio-label:after {
background-color: transparent;
height: 8px;
left: 4px;
top: 8px;
transition: background-color 0.2s;
width: 8px
}
.radio-label.sm-radio-label {
font-size: 14px
}
.radio-label.sm-radio-label:before {
top: 3px
}
.radio-label.sm-radio-label:after {
top: 7px
}
.radio:checked+.radio-label:before {
background-color: var(--color-tint0);
box-shadow: none
}
.radio:checked+.radio-label:after {
background-color: var(--color-tint10)
}
.radio[disabled]+.radio-label {
color: var(--color-tint3);
cursor: not-allowed
}
.radio[disabled]:checked+.radio-label:before {
background-color: var(--color-tint5)
}
.radio:focus-visible+.radio-label::before {
outline-style: solid;
outline-width: 2px;
outline-color: var(--color-topaz);
outline-offset: 1px
}
[data-reach-dialog-overlay] {
z-index: 1000
}
[data-reach-dialog-content] {
background: var(--color-tint10);
box-shadow: 0 0 25px rgba(0,0,0,0.3);
border-radius: 6px;
margin: 140px auto 0;
overflow: hidden;
padding: 0;
position: relative;
width: 480px
}
@media (max-width: 600px) {
[data-reach-dialog-content] {
margin:3% auto !important;
width: 94% !important;
min-width: inherit !important;
max-width: inherit !important
}
}
[data-reach-alert-dialog-label] {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
color: var(--color-tint0);
font-size: 18px;
font-weight: 600;
line-height: 1;
padding: 2rem 1.5rem 1rem 1.5rem;
position: relative
}
[data-reach-alert-dialog-description] {
padding: 0 1.5rem 1.5rem
}
@media (max-width: 719px) {
[data-reach-alert-dialog-description] {
height:100%
}
}
.select {
appearance: none;
background-color: var(--color-tint10);
background-image: url("data:image/svg+xml;utf-8,");
background-position: calc(100% - 12px) center;
background-size: 10px auto;
background-repeat: no-repeat;
border: 1px solid var(--color-tint5);
border-radius: 4px;
color: var(--color-tint1);
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 400;
height: 40px;
padding: 0 33px 0 10px !important;
position: relative;
vertical-align: middle;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none
}
.select.small-select {
background-position: calc(100% - 8px) center;
height: 32px;
padding: 0 25px 0 8px
}
.select:disabled {
color: #ccc;
border-color: #eee;
cursor: not-allowed
}
.select:focus-visible {
outline-style: solid;
outline-width: 1px;
outline-color: var(--color-topaz);
box-shadow: 0 0 2px var(--color-topaz)
}
.select.error {
background-image: url("data:image/svg+xml;utf-8,")
}
.select:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000
}
_:-moz-tree-row(hover) {
background-image: none
}
.select::-ms-expand {
background-color: white;
border: 0;
color: var(--color-tint1);
padding-right: 20px
}
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,.select {
background-size: 32px 10px;
background-position: 100% center
}
}
select::-ms-expand {
display: none
}
:root {
--spinner--size: 40px;
--spinner--border-width: 4px;
--spinner--color: var(--color-brand);
--spinner--background-color: var(--color-tint5);
--spinner--speed: 0.75s
}
.spinner {
height: var(--spinner--size);
width: var(--spinner--size);
position: relative
}
.spinner:after {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: var(--spinner--border-width) solid var(--spinner--background-color);
border-top-color: var(--spinner--color);
animation: rotate360 var(--spinner--speed) linear infinite
}
.status-bar {
position: sticky;
top: 0;
z-index: 5
}
.swal-overlay {
background: rgba(250,250,250,0.9)
}
.swal-modal {
box-shadow: 0 0 8px rgba(0,0,0,0.1);
border-radius: 8px;
padding: 32px
}
.swal-icon {
height: 64px;
margin: 0 auto 24px;
width: 64px
}
.swal-icon:first-child {
margin-top: 0
}
.swal-icon--error {
border: 0;
background-image: url("data:image/svg+xml;utf-8,")
}
.swal-icon--error__line {
display: none
}
.swal-icon--warning {
border: 0;
background-image: url("data:image/svg+xml;utf-8,")
}
.swal-icon--warning__body,.swal-icon--warning__dot {
display: none
}
.swal-icon--info {
border: 0;
background-image: url("data:image/svg+xml;utf-8,")
}
.swal-icon--info:before,.swal-icon--info:after {
display: none
}
.swal-icon--success {
border: 0;
background-image: url("data:image/svg+xml;utf-8,")
}
.swal-icon--success:before,.swal-icon--success:after,.swal-icon--success__line,.swal-icon--success__ring,.swal-icon--success__hide-corners {
display: none
}
.swal-title {
color: var(--color-tint2);
font-weight: 600;
font-size: 30px;
letter-spacing: -0.0125em;
margin-bottom: 24px;
padding: 0
}
.swal-title:not(:last-child) {
margin-bottom: 16px
}
.swal-content {
margin: 0;
padding: 0
}
.swal-content p {
margin-bottom: 16px
}
.swal-text {
color: var(--color-tint1);
line-height: 1.4;
margin: 0
}
.swal-footer {
border-top: 1px solid var(--color-tint6);
margin: 24px -32px -32px;
padding: 16px;
text-align: center
}
.swal-button {
align-items: center;
background-color: #42A5F5;
border-color: #2a99f4;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: white;
cursor: pointer;
display: inline-flex;
font-weight: 600;
justify-content: center;
line-height: 2.3;
padding: 0 1em;
text-align: center;
text-decoration: none;
transition: all 0.2s
}
.swal-button:not([disabled]):hover {
background-color: #2a99f4
}
.swal-button:focus {
box-shadow: 0 0 1px 2px rgba(66,165,245,0.75),0 1px 1px rgba(0,0,0,0.15)
}
.swal-button--confirm:not([disabled]):hover,.swal-button--delete:not([disabled]):hover {
background-color: #2a99f4
}
.swal-button--confirm:focus,.swal-button--delete:focus {
box-shadow: 0 0 1px 2px rgba(66,165,245,0.75),0 1px 1px rgba(0,0,0,0.15)
}
.success .swal-button--confirm,.success .swal-button--delete {
background-color: #69c36e;
border-color: #57bc5c;
color: white
}
.success .swal-button--confirm:not([disabled]):hover,.success .swal-button--delete:not([disabled]):hover {
background-color: #64b969
}
.success .swal-button--confirm:focus,.success .swal-button--delete:focus {
box-shadow: 0 0 1px 2px rgba(105,195,110,0.75),0 1px 1px rgba(0,0,0,0.15)
}
.info .swal-button--confirm,.info .swal-button--delete {
background-color: #42A5F5;
border-color: #2a99f4;
color: white
}
.info .swal-button--confirm:not([disabled]):hover,.info .swal-button--delete:not([disabled]):hover {
background-color: #2a99f4
}
.info .swal-button--confirm:focus,.info .swal-button--delete:focus {
box-shadow: 0 0 1px 2px rgba(66,165,245,0.75),0 1px 1px rgba(0,0,0,0.15)
}
.warning .swal-button--confirm,.error .swal-button--confirm,.warning .swal-button--delete,.error .swal-button--delete {
background-color: #df5a4c;
border-color: #db4636;
color: white
}
.warning .swal-button--confirm:not([disabled]):hover,.error .swal-button--confirm:not([disabled]):hover,.warning .swal-button--delete:not([disabled]):hover,.error .swal-button--delete:not([disabled]):hover {
background-color: #d45648
}
.warning .swal-button--confirm:focus,.error .swal-button--confirm:focus,.warning .swal-button--delete:focus,.error .swal-button--delete:focus {
box-shadow: 0 0 1px 2px rgba(223,90,76,0.75),0 1px 1px rgba(0,0,0,0.15)
}
.swal-button--cancel {
background-color: #F5F5F5;
border-color: #CCCCCC;
color: #999999
}
.swal-button--cancel:not([disabled]):hover {
background-color: #EBEBEB
}
.trix-content .attachment {
display: block;
position: relative;
max-width: 100%
}
.trix-content .attachment-gallery {
display: flex;
flex-wrap: wrap;
position: relative
}
.trix-content .attachment-gallery>action-text-attachment,.trix-content .attachment-gallery>.attachment {
flex: 1 0 33%;
padding: 0 0.5em;
max-width: 33%
}
.trix-content .attachment-gallery.attachment-gallery--2>action-text-attachment,.trix-content .attachment-gallery.attachment-gallery--2>.attachment,.trix-content .attachment-gallery.attachment-gallery--4>action-text-attachment,.trix-content .attachment-gallery.attachment-gallery--4>.attachment {
flex-basis: 50%;
max-width: 50%
}
.trix-content action-text-attachment .attachment {
padding: 0 !important;
max-width: 100% !important;
margin: 0;
text-align: center
}
.trix-content .attachment__caption {
color: var(--color-tint2);
font-size: 0.75rem;
font-weight: 400;
padding-top: 0.25rem;
text-align: center
}
.trix-content .attachment--file {
color: #333;
line-height: 1;
margin: 0 2px 2px 2px;
padding: 0.4em 1em;
border: 1px solid #bbb;
border-radius: 5px
}
h1,.h1 {
color: var(--color-tint0);
font-size: 24px;
font-weight: 600;
line-height: 1.333
}
h2,.h2 {
color: var(--color-tint0);
font-size: 21px;
font-weight: 600;
line-height: 1.333
}
h3,.h3 {
color: var(--color-tint0);
font-size: 18px;
font-weight: 600;
line-height: 1.333
}
h4,.h4 {
color: var(--color-tint0);
font-size: 16px;
font-weight: 600;
line-height: 1.333
}
h5,.h5 {
color: var(--color-tint3);
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-transform: uppercase
}
pre {
border-radius: 4px;
background-color: var(--color-tint8);
color: var(--color-tint1);
display: block;
font-size: 0.875rem;
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
margin-bottom: 1rem;
padding: 0.5rem
}
.circle {
border-radius: 100%
}
.disabled,[disabled] {
cursor: not-allowed
}
.first-letter-lowercase:first-letter {
text-transform: lowercase
}
.hide {
display: none
}
.unstyled {
list-style-type: none;
padding-left: 0;
margin-bottom: 0
}
.overflow-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
@media (max-width: 600px) {
.makeRoomForTheActionBarOnMobile {
padding-bottom:72px
}
}
.hide-nav-during-registration-process .Navigation {
display: none !important
}
.col-grid-3 {
grid-template-columns: repeat(3, 1fr)
}
.col-grid-4 {
grid-template-columns: repeat(4, 1fr)
}
@keyframes rotate360 {
to {
transform: rotate(360deg)
}
}
.aspect-16-9 {
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover
}
@keyframes fadeIn {
0% {
opacity: 0.15;
transform: scale(0.5)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes animatedCheckmark {
0% {
opacity: 0;
transform: scale(0.1) rotate(-60deg)
}
100% {
opacity: 1;
transform: scale(1) rotate(0deg)
}
}
@keyframes animatedX {
0% {
opacity: 0;
transform: scale(0.1) rotate(0deg)
}
100% {
opacity: 1;
transform: scale(1) rotate(0deg)
}
}
.donation-status-icon .donation-status-icon--circle {
width: 32px;
height: 32px;
border-radius: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
animation: fadeIn 0.2s ease-in-out 1 forwards
}
.donation-status-icon .donation-status-icon--checkmark,.donation-status-icon .donation-status-icon--x {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%
}
.donation-status-icon .donation-status-icon--checkmark svg,.donation-status-icon .donation-status-icon--x svg {
fill: #fff;
display: block
}
.donation-status-icon .donation-status-icon--checkmark svg {
width: 56%;
height: 56%;
animation: animatedCheckmark 0.25s ease-in-out 1 forwards
}
.donation-status-icon .donation-status-icon--x svg {
width: 48%;
height: 48%;
animation: animatedX 0.25s ease-in-out 1 forwards
}
.event-cal {
align-items: center;
background: var(--color-tint7);
border-radius: 4px;
color: var(--color-tint2);
display: flex;
flex-direction: column;
justify-content: center
}
.event-detail__cal .event-cal {
height: 80px;
width: 80px
}
.event-cal__month {
font-size: 12px;
line-height: 1;
text-transform: uppercase
}
.event-detail__cal .event-cal__month {
font-size: 16px
}
.event-cal__day {
font-size: 18px;
line-height: 1;
padding-top: 2px
}
.event-detail__cal .event-cal__day {
font-size: 24px;
padding-top: 4px
}
.event-placeholder {
align-items: center;
border-radius: 4px;
color: var(--color-tint4);
display: flex;
font-size: 32px;
justify-content: center;
overflow: hidden;
position: relative;
text-align: center
}
.profile-item__placeholder .event-placeholder {
font-size: 16px;
width: 100px
}
@media (min-width: 321px) {
.profile-item__placeholder .event-placeholder {
width:152px
}
}
.event-placeholder-month {
line-height: 1
}
.profile-item__placeholder .event-placeholder-month {
line-height: 1
}
.event-placeholder__dates {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
position: absolute;
top: 0;
width: 100%
}
.event-placeholder-day {
font-size: 48px;
font-weight: 300;
line-height: 1;
padding-top: 4px
}
.profile-item__placeholder .event-placeholder-day {
font-size: 24px;
line-height: 22px;
padding-top: 2px
}
.event-placeholder-arrow {
font-size: 24px;
padding: 0 12px;
position: relative;
top: 4px
}
.profile-item__placeholder .event-placeholder-arrow {
font-size: 12px;
padding: 0 8px;
top: 8px
}
.featured-badge {
background-color: var(--featured-badge--background-color);
color: var(--color-tint1)
}
.featured-badge__icon {
color: var(--color-citrine)
}
.inline-success-message {
margin: 0;
position: absolute;
width: 90px;
margin-top: -13px;
top: 50%;
right: 10px;
z-index: 5;
opacity: 1;
pointer-events: none
}
.ism-text-span {
margin-left: -1px;
text-indent: 32px;
background-color: var(--color-tint0);
border-radius: 50px;
height: 26px;
color: #fff;
font-size: 13px;
font-weight: 800;
line-height: 26px;
overflow: hidden;
width: 0;
opacity: 0;
animation: text 0.4s 0.65s ease-in-out forwards
}
.ism-checkmark {
position: absolute;
width: 26px;
height: 26px;
border-radius: 50%;
z-index: 1;
stroke-width: 6;
stroke: #fff;
stroke-miterlimit: 10;
box-shadow: inset 0 0 0 var(--color-tint0);
animation: fill 0.4s ease-in-out 0.4s forwards
}
.ism-checkmark.failed {
animation: none;
box-shadow: inset 0 0 0 30px var(--color-ruby);
padding: 0
}
.ism-checkmark.failed .ism-checkmark__circle {
stroke: var(--color-ruby)
}
.ism-checkmark.failed .ism-checkmark__check {
stroke-dasharray: 166;
stroke-dashoffset: 0;
stroke-width: 10;
stroke-miterlimit: 10;
stroke: #fff;
fill: none;
animation: none;
transform: scale(0.6)
}
.ism-checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 3;
stroke-miterlimit: 10;
stroke: var(--color-tint0);
fill: none;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}
.ism-checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}
@keyframes stroke {
100% {
stroke-dashoffset: 0
}
}
@keyframes fill {
100% {
box-shadow: inset 0 0 0 30px var(--color-tint0)
}
}
@keyframes text {
100% {
width: 100%;
opacity: 1
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0;
pointer-events: none
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
right: -40px
}
100% {
opacity: 1;
right: 0
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
right: 0
}
100% {
opacity: 0;
right: 8px
}
}
@keyframes animatedIcon {
0% {
opacity: 0;
transform: scale(0.1) rotate(-60deg)
}
100% {
opacity: 1;
transform: scale(1) rotate(0deg)
}
}
@keyframes animatedText {
0% {
opacity: 0;
transform: scale(0.25)
}
100% {
opacity: 1;
transform: scale(1)
}
}
.inline-success-notification {
margin: 0;
position: absolute;
width: auto;
top: calc(50% - 2px);
transform: translateY(-50%);
right: 0;
z-index: 5;
opacity: 0;
pointer-events: none;
overflow: hidden;
display: flex;
align-items: center !important;
justify-content: center;
border-radius: 16px;
padding: 4px;
background: var(--color-tint0);
animation: fadeInLeft 0.4s ease-out forwards,fadeOutRight 0.4s 4s cubic-bezier(0.6, 0.14, 1, 0.69) forwards
}
.inline-success-notification .inline-success-notification--icon {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 4px;
margin: 0
}
.inline-success-notification .inline-success-notification--icon svg {
display: block;
fill: #fff;
height: 14px;
opacity: 0;
animation: animatedIcon 0.25s 0.1s cubic-bezier(0.65, 0, 0.45, 1) 1 forwards
}
.inline-success-notification .inline-success-notification-text {
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 600;
font-size: 13px;
padding: 0 8px 0 0;
margin: 0;
opacity: 0;
line-height: 0;
transform-origin: left center;
animation: animatedText 0.25s 0.1s cubic-bezier(0.65, 0, 0.45, 1) 1 forwards
}
.header-filter {
background: var(--color-tint9);
border-bottom: 1px solid var(--color-tint7);
margin-top: -1px;
position: relative
}
.header-filter__dropdown {
margin-left: auto;
margin-right: auto;
max-width: 480px;
width: 100%
}
@media (min-width: 601px) {
.header-filter__dropdown {
width:60%
}
}
.header-filter__dropdown .dropdown__trigger:not(.btn) {
background-color: white;
background-position: calc(100% - 20px) center;
border-radius: 24px;
border: 1px solid var(--color-tint4);
padding: 12px 32px 12px 20px
}
.header-filter__dropdown .dropdown__menu {
background-color: white;
border-radius: 18px;
border: 1px solid var(--color-tint4);
left: 7px;
width: calc(100% - 14px)
}
.header-filter__dropdown .dropdown__item-link {
color: var(--color-tint1);
padding: 0.75rem 1rem
}
.header-filter__dropdown .dropdown__item-link:hover {
background-color: var(--color-tint6)
}
.header-filter__dropdown .dropdown__item {
padding: 0
}
.header-filter__dropdown .dropdown__item:hover {
background: none
}
.header-filter__dropdown .dropdown__item:first-child a {
border-radius: 17px 17px 0 0
}
.header-filter__dropdown .dropdown__item:last-child a {
border-radius: 0 0 17px 17px
}
.main-navigation {
margin-top: -20px;
text-align: left;
top: 50%
}
.main-navigation__trigger {
background-color: var(--color-tint6);
border: 0;
border-radius: 40px;
padding: 4px;
transition: transform 0.2s
}
.main-navigation__trigger:focus {
outline: 0
}
.is-open .main-navigation__toggle-icon {
transform: scaleY(-1)
}
.main-navigation__person-name {
transition: all 0.2s;
overflow: hidden;
width: 0
}
.is-open .main-navigation__person-name {
margin-left: 8px;
width: auto
}
.main-navigation__menu {
left: auto !important;
margin-top: 4px !important;
min-width: 170px;
right: 0
}
.main-navigation__link {
color: var(--color-tint2);
display: block;
font-weight: 400;
padding: 4px 12px;
white-space: nowrap
}
.main-navigation__link:hover {
background: var(--color-tint7)
}
.main-navigation__menu-item:first-child .main-navigation__link {
border-radius: 3px 3px 0 0
}
.main-navigation__menu-item:last-child .main-navigation__link {
border-radius: 0 0 3px 3px
}
.login-as-button {
background-color: white;
border: 1px solid var(--color-tint6);
border-radius: 4px;
color: var(--color-tint0);
cursor: pointer;
margin-bottom: 16px;
padding: 16px;
text-align: center;
transition: box-shadow 0.2s;
width: calc(50% - 8px)
}
.login-as-button:nth-child(odd) {
margin-right: 8px
}
.login-as-button:nth-child(even) {
margin-left: 8px
}
.login-as-button:hover {
box-shadow: inset 0 0 0 2px rgba(220,220,220,0.2)
}
.cco-header {
background: var(--color-tint9);
border-bottom: 1px solid var(--color-tint7);
padding: 16px 0;
position: relative
}
.cco-header>.container {
height: 100%
}
.cco-header .org-logo {
text-align: center;
margin-left: auto;
margin-right: auto
}
.cco-header .org-logo a {
max-width: 440px
}
.cco-header .org-logo img {
max-height: 80px
}
@media (min-width: 720px) {
.cco-header .org-logo img {
max-height:100px
}
}
.pagination {
align-items: center;
border-top: 1px solid var(--color-tint6);
display: flex;
gap: 0.5rem;
justify-content: center;
padding-top: 1rem
}
.pagination .page {
padding: 0 0.75rem
}
.pagination .page a {
border-radius: 4px;
display: block;
font-size: 0.875rem;
line-height: 2.25;
padding: 0 0.75rem;
transition: all 0.2s
}
.pagination .page a:hover {
background: var(--color-tint6);
color: var(--color-brand);
}
.pagination .page.current {
background: var(--color-brand);
color: var(--color-tint10);
font-weight: 600;
border-radius: 4px;
display: block;
font-size: 0.875rem;
line-height: 2.25;
padding: 0 0.5rem
}
.pagination .page.current a {
color: var(--color-tint10);
}
.pagination .page.current a:hover {
background: transparent;
}
.pagination__previous-link,.pagination__next-link {
align-items: center;
color: var(--color-tint3);
display: flex;
font-size: 0.875rem
}
.icon-svg {
display: inline-block;
width: 2em;
height: 2em;
fill: currentColor
}
.icon-svg--payment {
font-size: 14px
}
.svg-ach-path1 {
fill: #2980b9
}
.svg-ach-path2 {
fill: #116fa2
}
.svg-ach-path3,.svg-ach-path4,.svg-ach-path5 {
fill: #fff
}
.svg-amex-path1 {
fill: #3473db
}
.svg-amex-path2 {
fill: rgba(0,0,0,0.1)
}
.svg-amex-path3,.svg-amex-path4 {
fill: #fff
}
.svg-credit-card-path1 {
fill: #27ae60
}
.svg-credit-card-path2 {
fill: #3c4244
}
.svg-credit-card-path3,.svg-credit-card-path4 {
fill: #e2eef2
}
.svg-credit-card-path5 {
fill: rgba(44,62,80,0.4)
}
.svg-discover-path1 {
fill: #333333
}
.svg-discover-path2 {
fill: #f39c12
}
.svg-discover-path3,.svg-discover-path4,.svg-discover-path5,.svg-discover-path6,.svg-discover-path7,.svg-discover-path8,.svg-discover-path9 {
fill: #fff
}
.svg-mastercard-path1 {
fill: #34495e
}
.svg-mastercard-path2 {
fill: #e74c3c
}
.svg-mastercard-path3 {
fill: #f1c40f
}
.svg-mastercard-path4 {
fill: #f39c12
}
.svg-mastercard-path5,.svg-mastercard-path6,.svg-mastercard-path7,.svg-mastercard-path8,.svg-mastercard-path9,.svg-mastercard-path10,.svg-mastercard-path11,.svg-mastercard-path12,.svg-mastercard-path13,.svg-mastercard-path14 {
fill: #fff
}
.svg-visa-path1 {
fill: #1260a0
}
.svg-visa-path2,.svg-visa-path3,.svg-visa-path4,.svg-visa-path5 {
fill: #fff
}
.svg-visa-path6 {
fill: #f39c12
}
.svg-check-path1 {
fill: #efe5ce
}
.svg-check-path2,.svg-check-path3,.svg-check-path5 {
fill: #d3c4a7
}
.svg-check-path4,.svg-check-path8 {
fill: #44423d
}
.svg-check-path6,.svg-check-path7,.svg-check-path9,.svg-check-path10 {
fill: #fcc846
}
.svg-cash-path1,.svg-cash-path3 {
fill: #8fce6a
}
.svg-cash-path2 {
fill: #599930
}
.svg-bank-path1,.svg-bank-path2,.svg-bank-path3,.svg-bank-path4,.svg-bank-path5,.svg-bank-path6,.svg-bank-path7,.svg-bank-path8 {
fill: #BDBDBD
}
.svg-new-credit-card-path1,.svg-new-credit-card-path2,.svg-new-credit-card-path3 {
fill: #BDBDBD
}
.svg-apple-pay-path1,.svg-apple-pay-path2,.svg-apple-pay-path3,.svg-apple-pay-path4,.svg-apple-pay-path5,.svg-apple-pay-path6 {
fill: #111
}
.site-footer {
background: var(--color-tint9);
border-top: 1px solid var(--color-tint7);
color: var(--color-tint2);
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2rem;
padding: 8px
}
@media (min-width: 720px) {
.site-footer {
align-items:center;
padding: 4px 12px
}
}
.site-footer__links {
font-size: 12px;
list-style: none;
margin: 0;
padding: 2px 4px
}
@media (min-width: 601px) {
.site-footer__links {
display:flex
}
.site-footer__link {
padding: 0 8px
}
}
.site-footer__link:first-child {
padding-left: 0
}
@media (min-width: 601px) {
.site-footer__link:not(:last-child) {
border-right:1px solid var(--color-tint5)
}
}
.stripe-fields .StripeElement {
padding: 8px 4px;
border: 1px solid var(--color-tint5);
box-shadow: inset 0 1px 2px var(--color-tint9);
border-radius: 4px
}
.stripe-fields .StripeElement--invalid {
border-color: var(--color-ruby)
}
.stripe-fields #card-errors {
color: var(--color-ruby);
font-size: 14px;
padding-top: 4px
}
.sub-navigation {
width: 12rem
}
.sub-navigation__link {
color: var(--color-tint1);
display: block;
margin-bottom: 0.25rem;
padding: 0.5rem 0.75rem;
transition: color 0.2s;
border-radius: 4px
}
.sub-navigation__link:hover {
color: var(--color-tint0)
}
@media (min-width: 720px) {
.sub-navigation__link.is-active-link {
background:var(--color-tint7);
color: var(--color-brand);
font-weight: 500
}
}
.symbol {
display: inline-block;
vertical-align: text-top;
fill: currentColor;
height: 1em;
width: 1em;
pointer-events: none
}
html.turbolinks-progress-bar::before {
background: var(--color-topaz)
}
.screen-reader-text {
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap
}
a:focus-visible,button:focus-visible,*[tabindex="0"]:focus-visible,*[role=button]:focus-visible,.focus-visible:focus-visible {
outline-style: solid;
outline-width: 2px;
outline-color: var(--color-topaz);
outline-offset: 1px
}
.finder-results {
display: grid;
grid-gap: 0.5rem;
overflow: hidden
}
.finder-results-item {
border: 1px solid var(--color-tint6);
border-radius: 4px;
overflow: hidden;
cursor: pointer
}
.finder-filters-container {
white-space: nowrap;
overflow: auto;
padding-bottom: 0.5rem
}
.finder-filters {
display: flex;
align-items: center;
gap: 0.5rem
}
.directory-checkbox-label::before {
top: 6px !important
}
.directory-checkbox-label::after {
top: 9px !important
}
.directory-nested-checkbox-label::before {
top: 0 !important
}
.directory-nested-checkbox-label::after {
top: 3px !important
}
.directory-checkbox[disabled]+.checkbox-label::before {
background-color: #ddd;
cursor: not-allowed
}
.directory-checkbox[disabled]+.checkbox-label:hover {
cursor: not-allowed
}
@media (max-width: 600px) {
.avatar-list__item {
min-width:144px;
max-width: 240px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2em
}
}
@media (min-width: 601px) {
.avatar-list__item {
flex:1 0 136px;
margin-left: 32px;
margin-top: 32px;
position: relative
}
}
@media (min-width: 601px) and (min-width: 336px) {
.avatar-list__item {
max-width:calc(50% - 32px)
}
}
@media (min-width: 601px) and (min-width: 504px) {
.avatar-list__item {
max-width:calc(33.3333333333% - 32px)
}
}
@media (min-width: 601px) and (min-width: 672px) {
.avatar-list__item {
max-width:calc(25% - 32px)
}
}
@media (min-width: 601px) and (min-width: 544px) {
.avatar-list__item {
min-width:calc(25% - 32px)
}
}
@media (min-width: 720px) {
.avatar-list__item {
flex:1 0 136px;
margin-left: 48px;
margin-top: 48px
}
}
@media (min-width: 720px) and (min-width: 368px) {
.avatar-list__item {
max-width:calc(50% - 48px)
}
}
@media (min-width: 720px) and (min-width: 552px) {
.avatar-list__item {
max-width:calc(33.3333333333% - 48px)
}
}
@media (min-width: 720px) and (min-width: 736px) {
.avatar-list__item {
max-width:calc(25% - 48px)
}
}
@media (min-width: 720px) and (min-width: 544px) {
.avatar-list__item {
min-width:calc(25% - 48px)
}
}
.avatar-list-item__image {
border-radius: 50%;
overflow: hidden
}
.avatar-list-item__image img {
border-radius: 50%
}
.churchcenter-nav-wrapper {
transition: opacity 0.5s, visibility 0.5s
}
.churchcenter-nav-wrapper.hideAll {
visibility: hidden;
opacity: 0
}
.payment-method-badge {
align-items: center;
display: flex;
margin-bottom: -8px;
margin-top: -3px
}
.payment-method-badge__icon {
position: relative;
top: 1px
}
.payment-method-badge__meta {
color: var(--color-tint2);
font-size: 13px;
margin-left: 4px
}
@keyframes pulseOpacity {
0% {
opacity: 1
}
100% {
opacity: 0.8
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
top: 40px
}
85% {
top: 0
}
100% {
opacity: 1
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
top: 0
}
85% {
opacity: 0
}
100% {
top: -40px;
opacity: 0
}
}
.anim--fadeInUp {
animation: fadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards
}
.anim--fadeOutUp {
animation: fadeOutUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards
}
.anim--pulse {
animation: pulseOpacity 1s ease-in-out infinte
}
.progressBarContainer {
height: 22px;
margin: 5em 0;
position: relative
}
.progressBarContainer.anim--fadeOutUp {
margin: 0
}
.progressBarContainer .progressBar {
width: 100%;
height: 100%;
position: relative;
animation: pulseOpacity 0.5s ease alternate 50;
background-color: white;
border-radius: 40px;
border: 1px solid var(--color-brand-gradient-start);
overflow: hidden
}
.progressBarContainer .progressBar .progressBar--progress {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
background: linear-gradient(135deg, var(--color-brand-gradient-start) 0%, var(--color-brand-gradient-end) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-brand-gradient-start)", endColorstr="var(--color-brand-gradient-end)", GradientType=0);
box-sizing: border-box;
transition: width 0.4s ease-in-out
}
.progressBarContainer .progressBar--label {
position: absolute;
bottom: calc(100% + 0.75em);
left: 0;
width: 100%;
display: block;
text-align: center;
font-size: 12px;
color: var(--color-tint2);
animation: pulseOpacity 0.5s ease alternate 50
}
@keyframes fill-full {
100% {
box-shadow: inset 0px 0px 0px 45px var(--color-tint0)
}
}
@media (max-width: 719px) {
.text-to-give-manage-btn {
white-space:normal !important;
height: auto !important;
line-height: 1.4 !important;
padding-top: 6px !important;
padding-bottom: 6px !important;
text-align: center
}
}
.text-to-give-demo {
border-radius: 4px;
border: 1px solid var(--color-tint6);
padding: 24px
}
.text-bubble {
border-radius: 24px;
display: inline-block;
margin-bottom: 1rem;
padding: 8px 16px;
position: relative
}
.text-bubble:after {
border-style: solid;
bottom: 3px;
content: " ";
height: 0;
position: absolute;
width: 0
}
.text-bubble.text-bubble--user {
background: var(--color-tint0);
color: white
}
.text-bubble.text-bubble--user:after {
border-width: 14px 0 0 14px;
border-color: transparent transparent transparent var(--color-tint0);
right: -4px;
transform: rotate(16deg)
}
.text-bubble.text-bubble--system {
background: var(--color-tint6);
color: var(--color-tint1)
}
.text-bubble.text-bubble--system:after {
border-width: 14px 14px 0 0;
border-color: transparent var(--color-tint6) transparent transparent;
left: -4px;
transform: rotate(-16deg)
}
.item-show__image,.events-show__placeholder {
margin: -1rem -1.5rem 1rem -1.5rem
}
@media (min-width: 720px) {
.item-show__image,.events-show__placeholder {
margin:0
}
}
@media (max-width: 719px) {
.item-show__image .event-placeholder,.events-show__placeholder .event-placeholder {
border-radius:0
}
}
.item-show__image img,.events-show__placeholder img {
margin: 0 auto
}
@media (min-width: 720px) {
.item-show__image img,.events-show__placeholder img {
border-radius:4px
}
}
.item-show__title {
font-size: 24px;
font-weight: 500
}
.profile-item__image {
max-height: 58px;
width: 100px
}
@media (min-width: 321px) {
.profile-item__image {
max-height:86px;
width: 152px
}
}
.profile-item__image img {
border-radius: 4px;
display: block
}
.my-member__row {
border-bottom: 1px solid var(--color-tint6)
}
.group-types-collection {
border-bottom: 1px solid var(--color-tint6);
margin-bottom: 32px;
padding-bottom: 32px
}
.section-header {
border-top: 1px solid var(--color-tint6)
}
.date-field {
position: relative
}
.date-field__icon {
color: var(--color-tint3);
position: absolute;
width: 2rem;
z-index: 1
}
.date-field__input {
padding-left: 2rem !important
}
.form-field--error input,.form-field--error textarea,.form-field--error select {
border-color: var(--error-quiet--border-color)
}
.lh-tight {
line-height: 1.4em
}
.b-8p {
bottom: 8px
}
.form-field__input--full {
width: 100%
}
.form-field__input--full .form-field__input {
width: 100%
}
.form-field > label {
font-size: 0.625rem !important;
font-weight: 500;
color: var(--color-tint2);
padding-bottom: 0;
text-transform: uppercase;
letter-spacing: 0.125em;
}
@media (max-width: 959px) {
.sermon-episode-layout header.Header,.sermon-episode-layout footer.site-footer {
display:none
}
.sermon-episode-layout .page-content {
padding: 0
}
#react-root,.page-container.sermon-episode-layout {
height: 100%
}
}
.set-focus-invisible {
outline: 0
}
.container--sermon-episode-layout,.container--sermon-episode-layout [tabindex="-1"],.container--sermon-episode-layout .full-height-col-to-xl {
height: 100%
}
@media (max-width: 959px) {
.container--sermon-episode-layout>[tabindex="-1"]>[tabindex="-1"],.container--sermon-episode-layout .full-height-col-to-xl {
display:flex;
flex-direction: column
}
}
.card-list-item__image {
background-color: var(--color-tint8)
}
.tab-widget-wrapper {
position: relative;
width: 100%;
height: calc(100% - 48px);
display: flex;
flex-direction: column
}
@media (min-width: 960px) {
.tab-widget-wrapper {
border-radius:0 5px 5px 5px;
border: 1px solid var(--color-tint8);
height: calc(100% - 32px)
}
}
.tab-widget-wrapper .loading-wrapper {
height: 100%
}
.tab-widget-wrapper .chat-select-container {
width: 100%;
padding: 8px 8px 8px 12px
}
@media (min-width: 960px) {
.tab-widget-wrapper .chat-select-container {
border-radius:4px 4px 0 0
}
}
.tab-widget-wrapper .chat-select-container select {
font-size: 16px;
height: 32px;
flex: 1
}
.tab-widget-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto
}
@media (min-width: 960px) {
.tab-widget-content {
display:flex;
flex-direction: column
}
}
.block-text-clamped {
display: block;
overflow: hidden;
line-height: 1.3em;
display: -webkit-box;
line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
.block-text-unclamped {
display: block;
line-height: 1.3em
}
.flexed-items-with-ellipsis {
display: flex;
justify-content: space-between
}
.flexed-items-with-ellipsis .flexed-item:first-child {
order: 1
}
.flexed-items-with-ellipsis .flexed-item:last-child {
order: 3
}
.flexed-items-with-ellipsis:after {
content: "";
flex-grow: 1;
order: 2;
background: radial-gradient(circle at center, var(--color-tint2), transparent 15%);
background-size: 8px 12px;
background-position: 0 8px;
background-repeat: repeat-x;
margin: 0 4px;
position: relative;
top: 3px
}
.item-show__image,.events-show__placeholder {
margin: -1rem -1.5rem 1rem -1.5rem
}
@media (min-width: 720px) {
.item-show__image,.events-show__placeholder {
margin:0
}
}
@media (max-width: 719px) {
.item-show__image .event-placeholder,.events-show__placeholder .event-placeholder {
border-radius:0
}
}
.item-show__image img,.events-show__placeholder img {
margin: 0 auto
}
@media (min-width: 720px) {
.item-show__image img,.events-show__placeholder img {
border-radius:4px
}
}
.item-show__title {
font-size: 24px;
font-weight: 500
}
.profile-item__image {
max-height: 58px;
width: 100px
}
@media (min-width: 321px) {
.profile-item__image {
max-height:86px;
width: 152px
}
}
.profile-item__image img {
border-radius: 4px;
display: block
}
.reservation-step {
padding-left: 2rem;
position: relative
}
@media (min-width: 601px) {
.reservation-step {
padding-left:4rem
}
}
.reservation-step:after {
background: var(--color-tint4);
content: "";
position: absolute
}
.reservation-step.reservation-step--is-active:after {
background: var(--color-topaz);
border-radius: 2px;
bottom: 0;
left: 6px;
opacity: 0.7;
top: 40px;
width: 3px
}
@media (min-width: 601px) {
.reservation-step.reservation-step--is-active:after {
left:23px
}
}
.reservation-step__status-icon {
color: var(--color-tint4);
font-size: 1rem;
left: 0;
position: absolute;
top: 3px
}
@media (min-width: 601px) {
.reservation-step__status-icon {
left:16px
}
}
.reservation-step__status-icon.reservation-step__status-icon--completed {
color: var(--color-tint0)
}
.reservation-step__status-icon.reservation-step__status-icon--editing {
color: var(--color-topaz)
}
body.iframed {
background-color: transparent;
position: relative
}
body.iframed[data-color-scheme] {
background-color: transparent
}
body.iframed .close-iframe {
align-items: center;
color: rgba(255,255,255,0.7);
display: flex;
font-size: 16px;
justify-content: center;
padding: 1rem;
position: absolute;
right: -38px;
top: -6px
}
body.iframed .page-container {
background-color: var(--color-tint10);
border: solid 1px var(--color-tint1);
border-radius: 6px;
box-shadow: 0 0 32px rgba(0,0,0,0.4);
left: -240px;
margin: 50px 50% 150px;
min-height: auto;
height: auto;
position: absolute;
width: 480px
}
body.iframed .page-container .cco-header {
border-radius: 11px 11px 0 0;
padding: 0.5rem 1.5rem 1.5rem
}
body.iframed .page-container>.page-content {
padding: 0
}
body.iframed .page-container .Header {
height: auto
}
body.iframed .page-container .Header__layout {
justify-content: center
}
body.iframed .page-container .Header__org-avatar {
max-height: 180px
}
body.iframed .page-container .Header__org-wrapper {
padding-right: 0
}
body.iframed .modal {
max-width: 380px
}
body.iframed .site-footer {
display: none
}
.iframed-content-for--blessed-unknown,.iframed-content-for--blessed-no {
display: none
}
.iframed-content-for--blessed-yes {
display: block
}
body.iframed.iframed--blessed-no .iframed-content-for--blessed-unknown,body.iframed.iframed--blessed-no .iframed-content-for--blessed-yes {
display: none
}
body.iframed.iframed--blessed-no .iframed-content-for--blessed-no {
display: block;
left: 0;
position: absolute;
text-align: center;
top: 60px;
width: 100%
}
body.iframed.iframed--blessed-unknown .iframed-content-for--blessed-no,body.iframed.iframed--blessed-unknown .iframed-content-for--blessed-yes {
display: none
}
body.iframed.iframed--blessed-unknown .iframed-content-for--blessed-unknown {
display: block;
left: 0;
margin-top: -30px;
position: absolute;
text-align: center;
top: 50%;
width: 100%
}
body.iframed.iframed--blessed-yes .iframed-content-for--blessed-no,body.iframed.iframed--blessed-yes .iframed-content-for--blessed-unknown {
display: none
}
body.iframed.iframed--blessed-yes .iframed-content-for--blessed-yes {
display: block
}
.iframed .d-b\@iframe {
display: block
}
.iframed .d-n\@iframe {
display: none
}
.iframed .m-0\@iframe {
margin: 0
}
.iframed .m-1\@iframe {
margin: 8px
}
.iframed .m-2\@iframe {
margin: 16px
}
.iframed .m-3\@iframe {
margin: 24px
}
.iframed .m-4\@iframe {
margin: 32px
}
.iframed .p-0\@iframe {
padding: 0
}
.iframed .p-1\@iframe {
padding: 8px
}
.iframed .p-2\@iframe {
padding: 16px
}
.iframed .p-3\@iframe {
padding: 24px
}
.iframed .p-4\@iframe {
padding: 32px
}
.iframed .mt-0\@iframe {
margin-top: 0
}
.iframed .mt-1\@iframe {
margin-top: 8px
}
.iframed .mt-2\@iframe {
margin-top: 16px
}
.iframed .mt-3\@iframe {
margin-top: 24px
}
.iframed .mt-4\@iframe {
margin-top: 32px
}
.iframed .mr-0\@iframe {
margin-right: 0
}
.iframed .mr-1\@iframe {
margin-right: 8px
}
.iframed .mr-2\@iframe {
margin-right: 16px
}
.iframed .mr-3\@iframe {
margin-right: 24px
}
.iframed .mr-4\@iframe {
margin-right: 32px
}
.iframed .mb-0\@iframe {
margin-bottom: 0
}
.iframed .mb-1\@iframe {
margin-bottom: 8px
}
.iframed .mb-2\@iframe {
margin-bottom: 16px
}
.iframed .mb-3\@iframe {
margin-bottom: 24px
}
.iframed .mb-4\@iframe {
margin-bottom: 32px
}
.iframed .ml-0\@iframe {
margin-left: 0
}
.iframed .ml-1\@iframe {
margin-left: 8px
}
.iframed .ml-2\@iframe {
margin-left: 16px
}
.iframed .ml-3\@iframe {
margin-left: 24px
}
.iframed .ml-4\@iframe {
margin-left: 32px
}
.iframed .pt-0\@iframe {
padding-top: 0
}
.iframed .pt-1\@iframe {
padding-top: 8px
}
.iframed .pt-2\@iframe {
padding-top: 16px
}
.iframed .pt-3\@iframe {
padding-top: 24px
}
.iframed .pt-4\@iframe {
padding-top: 32px
}
.iframed .pr-0\@iframe {
padding-right: 0
}
.iframed .pr-1\@iframe {
padding-right: 8px
}
.iframed .pr-2\@iframe {
padding-right: 16px
}
.iframed .pr-3\@iframe {
padding-right: 24px
}
.iframed .pr-4\@iframe {
padding-right: 32px
}
.iframed .pb-0\@iframe {
padding-bottom: 0
}
.iframed .pb-1\@iframe {
padding-bottom: 8px
}
.iframed .pb-2\@iframe {
padding-bottom: 16px
}
.iframed .pb-3\@iframe {
padding-bottom: 24px
}
.iframed .pb-4\@iframe {
padding-bottom: 32px
}
.iframed .pl-0\@iframe {
padding-left: 0
}
.iframed .pl-1\@iframe {
padding-left: 8px
}
.iframed .pl-2\@iframe {
padding-left: 16px
}
.iframed .pl-3\@iframe {
padding-left: 24px
}
.iframed .pl-4\@iframe {
padding-left: 32px
}
.iframed .w-100\%\@iframe {
width: 100%
}
.iframed .fd-r\@iframe {
flex-direction: row
}
.iframed .fd-c\@iframe {
flex-direction: column
}
.iframed .fd-rr\@iframe {
flex-direction: row-reverse
}
.iframed .fd-cr\@iframe {
flex-direction: column-reverse
}
.iframed .ai-fs\@iframe {--color-emerald
align-items: flex-start
}
.iframed .ai-fe\@iframe {
align-items: flex-end
}
.iframed .ai-c\@iframe {
align-items: center
}
.iframed .ai-b\@iframe {
align-items: baseline
}
.iframed .ai-s\@iframe {
align-items: stretch
}
@media (max-width: 600px) {
.iframed .pt-0\@iframe-sm {
padding-top:0
}
.iframed .pr-0\@iframe-sm {
padding-right: 0
}
.iframed .pb-0\@iframe-sm {
padding-bottom: 0
}
.iframed .pl-0\@iframe-sm {
padding-left: 0
}
.iframed .mt-0\@iframe-sm {
margin-top: 0
}
.iframed .mr-0\@iframe-sm {
margin-right: 0
}
.iframed .mb-0\@iframe-sm {
margin-bottom: 0
}
.iframed .ml-0\@iframe-sm {
margin-left: 0
}
}
/*!minions.css*/
.ai-b {
align-items: baseline
}
.ai-c {
align-items: center
}
.ai-fe {
align-items: flex-end
}
.ai-fs {
align-items: flex-start
}
.ai-s {
align-items: stretch
}
/*!minions.css*/
@media screen and (min-width: 0px) {
.ai-b\@mn {
align-items:baseline
}
.ai-c\@mn {
align-items: center
}
.ai-fe\@mn {
align-items: flex-end
}
.ai-fs\@mn {
align-items: flex-start
}
.ai-s\@mn {
align-items: stretch
}
}
/*!minions.css*/
@media screen and (min-width: 480px) {
.ai-b\@xs {
align-items:baseline
}
.ai-c\@xs {
align-items: center
}
.ai-fe\@xs {
align-items: flex-end
}
.ai-fs\@xs {
align-items: flex-start
}
.ai-s\@xs {
align-items: stretch
}
}
/*!minions.css*/
@media screen and (min-width: 600px) {
.ai-b\@sm {
align-items:baseline
}
.ai-c\@sm {
align-items: center
}
.ai-fe\@sm {
align-items: flex-end
}
.ai-fs\@sm {
align-items: flex-start
}
.ai-s\@sm {
align-items: stretch
}
}
/*!minions.css*/
@media screen and (min-width: 720px) {
.ai-b\@md {
align-items:baseline
}
.ai-c\@md {
align-items: center
}
.ai-fe\@md {
align-items: flex-end
}
.ai-fs\@md {
align-items: flex-start
}
.ai-s\@md {
align-items: stretch
}
}
/*!minions.css*/
@media screen and (min-width: 960px) {
.ai-b\@lg {
align-items:baseline
}
.ai-c\@lg {
align-items: center
}
.ai-fe\@lg {
align-items: flex-end
}
.ai-fs\@lg {
align-items: flex-start
}
.ai-s\@lg {
align-items: stretch
}
}
/*!minions.css*/
@media screen and (min-width: 1200px) {
.ai-b\@xl {
align-items:baseline
}
.ai-c\@xl {
align-items: center
}
.ai-fe\@xl {
align-items: flex-end
}
.ai-fs\@xl {
align-items: flex-start
}
.ai-s\@xl {
align-items: stretch
}
}
/*! minions.css */
.as-b {
align-self: baseline
}
.as-c {
align-self: center
}
.as-fe {
align-self: flex-end
}
.as-fs {
align-self: flex-start
}
.as-s {
align-self: stretch
}
/*!minions.css*/
@media screen and (min-width: 0px) {
.as-b\@mn {
align-self:baseline
}
.as-c\@mn {
align-self: center
}
.as-fe\@mn {
align-self: flex-end
}
.as-fs\@mn {
align-self: flex-start
}
.as-s\@mn {
align-self: stretch
}
}
/*!minions.css*/
@media screen and (min-width: 480px) {
.as-b\@xs {
align-self:baseline
}
.as-c\@xs {
align-self: center
}
.as-fe\@xs {
align-self: flex-end
}
.as-fs\@xs {
align-self: flex-start
}
.as-s\@xs {
align-self: stretch
}
}
/*!minions.css*/
@media screen and (min-width: 600px) {
.as-b\@sm {
align-self:baseline
}
.as-c\@sm {
align-self: center
}
.as-fe\@sm {
align-self: flex-end
}
.as-fs\@sm {
align-self: flex-start
}
.as-s\@sm {
align-self: stretch
}
}
/*!minions.css*/
@media screen and (min-width: 720px) {
.as-b\@md {
align-self:baseline
}
.as-c\@md {
align-self: center
}
.as-fe\@md {
align-self: flex-end
}
.as-fs\@md {
align-self: flex-start
}
.as-s\@md {
align-self: stretch
}
}
/*!minions.css*/
@media screen and (min-width: 960px) {
.as-b\@lg {
align-self:baseline
}
.as-c\@lg {
align-self: center
}
.as-fe\@lg {
align-self: flex-end
}
.as-fs\@lg {
align-self: flex-start
}
.as-s\@lg {
align-self: stretch
}
}
/*!minions.css*/
@media screen and (min-width: 1200px) {
.as-b\@xl {
align-self:baseline
}
.as-c\@xl {
align-self: center
}
.as-fe\@xl {
align-self: flex-end
}
.as-fs\@xl {
align-self: flex-start
}
.as-s\@xl {
align-self: stretch
}
}
/*! minions.css */
.d-b {
display: block
}
.d-i {
display: inline
}
.d-ib {
display: inline-block
}
.d-if {
display: inline-flex
}
.d-n {
display: none
}
.d-f {
display: flex
}
.d-t {
display: table
}
.d-tc {
display: table-cell
}
.d-tr {
display: table-row
}
/*!minions.css*/
@media screen and (min-width: 0px) {
.d-b\@mn {
display:block
}
.d-i\@mn {
display: inline
}
.d-ib\@mn {
display: inline-block
}
.d-if\@mn {
display: inline-flex
}
.d-n\@mn {
display: none
}
.d-f\@mn {
display: flex
}
.d-t\@mn {
display: table
}
.d-tc\@mn {
display: table-cell
}
.d-tr\@mn {
display: table-row
}
}
/*!minions.css*/
@media screen and (min-width: 480px) {
.d-b\@xs {
display:block
}
.d-i\@xs {
display: inline
}
.d-ib\@xs {
display: inline-block
}
.d-if\@xs {
display: inline-flex
}
.d-n\@xs {
display: none
}
.d-f\@xs {
display: flex
}
.d-t\@xs {
display: table
}
.d-tc\@xs {
display: table-cell
}
.d-tr\@xs {
display: table-row
}
}
/*!minions.css*/
@media screen and (min-width: 600px) {
.d-b\@sm {
display:block
}
.d-i\@sm {
display: inline
}
.d-ib\@sm {
display: inline-block
}
.d-if\@sm {
display: inline-flex
}
.d-n\@sm {
display: none
}
.d-f\@sm {
display: flex
}
.d-t\@sm {
display: table
}
.d-tc\@sm {
display: table-cell
}
.d-tr\@sm {
display: table-row
}
}
/*!minions.css*/
@media screen and (min-width: 720px) {
.d-b\@md {
display:block
}
.d-i\@md {
display: inline
}
.d-ib\@md {
display: inline-block
}
.d-if\@md {
display: inline-flex
}
.d-n\@md {
display: none
}
.d-f\@md {
display: flex
}
.d-t\@md {
display: table
}
.d-tc\@md {
display: table-cell
}
.d-tr\@md {
display: table-row
}
}
/*!minions.css*/
@media screen and (min-width: 960px) {
.d-b\@lg {
display:block
}
.d-i\@lg {
display: inline
}
.d-ib\@lg {
display: inline-block
}
.d-if\@lg {
display: inline-flex
}
.d-n\@lg {
display: none
}
.d-f\@lg {
display: flex
}
.d-t\@lg {
display: table
}
.d-tc\@lg {
display: table-cell
}
.d-tr\@lg {
display: table-row
}
}
/*!minions.css*/
@media screen and (min-width: 1200px) {
.d-b\@xl {
display:block
}
.d-i\@xl {
display: inline
}
.d-ib\@xl {
display: inline-block
}
.d-if\@xl {
display: inline-flex
}
.d-n\@xl {
display: none
}
.d-f\@xl {
display: flex
}
.d-t\@xl {
display: table
}
.d-tc\@xl {
display: table-cell
}
.d-tr\@xl {
display: table-row
}
}
/*! minions.css */
.f-1 {
flex: 1
}
.f-2 {
flex: 2
}
.f-3 {
flex: 3
}
.f-4 {
flex: 4
}
.f-5 {
flex: 5
}
.f-6 {
flex: 6
}
/*!minions.css*/
@media screen and (min-width: 0px) {
.f-1\@mn {
flex:1
}
.f-2\@mn {
flex: 2
}
.f-3\@mn {
flex: 3
}
.f-4\@mn {
flex: 4
}
.f-5\@mn {
flex: 5
}
.f-6\@mn {
flex: 6
}
}
/*!minions.css*/
@media screen and (min-width: 480px) {
.f-1\@xs {
flex:1
}
.f-2\@xs {
flex: 2
}
.f-3\@xs {
flex: 3
}
.f-4\@xs {
flex: 4
}
.f-5\@xs {
flex: 5
}
.f-6\@xs {
flex: 6
}
}
/*!minions.css*/
@media screen and (min-width: 600px) {
.f-1\@sm {
flex:1
}
.f-2\@sm {
flex: 2
}
.f-3\@sm {
flex: 3
}
.f-4\@sm {
flex: 4
}
.f-5\@sm {
flex: 5
}
.f-6\@sm {
flex: 6
}
}
/*!minions.css*/
@media screen and (min-width: 720px) {
.f-1\@md {
flex:1
}
.f-2\@md {
flex: 2
}
.f-3\@md {
flex: 3
}
.f-4\@md {
flex: 4
}
.f-5\@md {
flex: 5
}
.f-6\@md {
flex: 6
}
}
/*!minions.css*/
@media screen and (min-width: 960px) {
.f-1\@lg {
flex:1
}
.f-2\@lg {
flex: 2
}
.f-3\@lg {
flex: 3
}
.f-4\@lg {
flex: 4
}
.f-5\@lg {
flex: 5
}
.f-6\@lg {
flex: 6
}
}
/*!minions.css*/
@media screen and (min-width: 1200px) {
.f-1\@xl {
flex:1
}
.f-2\@xl {
flex: 2
}
.f-3\@xl {
flex: 3
}
.f-4\@xl {
flex: 4
}
.f-5\@xl {
flex: 5
}
.f-6\@xl {
flex: 6
}
}
/*! minions.css */
.fw-n {
flex-wrap: nowrap
}
.fw-w {
flex-wrap: wrap
}
.fw-wr {
flex-wrap: wrap-reverse
}
/*!minions.css*/
@media screen and (min-width: 0px) {
.fw-n\@mn {
flex-wrap:nowrap
}
.fw-w\@mn {
flex-wrap: wrap
}
.fw-wr\@mn {
flex-wrap: wrap-reverse
}
}
/*!minions.css*/
@media screen and (min-width: 480px) {
.fw-n\@xs {
flex-wrap:nowrap
}
.fw-w\@xs {
flex-wrap: wrap
}
.fw-wr\@xs {
flex-wrap: wrap-reverse
}
}
/*!minions.css*/
@media screen and (min-width: 600px) {
.fw-n\@sm {
flex-wrap:nowrap
}
.fw-w\@sm {
flex-wrap: wrap
}
.fw-wr\@sm {
flex-wrap: wrap-reverse
}
}
/*!minions.css*/
@media screen and (min-width: 720px) {
.fw-n\@md {
flex-wrap:nowrap
}
.fw-w\@md {
flex-wrap: wrap
}
.fw-wr\@md {
flex-wrap: wrap-reverse
}
}
/*!minions.css*/
@media screen and (min-width: 960px) {
.fw-n\@lg {
flex-wrap:nowrap
}
.fw-w\@lg {
flex-wrap: wrap
}
.fw-wr\@lg {
flex-wrap: wrap-reverse
}
}
/*!minions.css*/
@media screen and (min-width: 1200px) {
.fw-n\@xl {
flex-wrap:nowrap
}
.fw-w\@xl {
flex-wrap: wrap
}
.fw-wr\@xl {
flex-wrap: wrap-reverse
}
}
/*! minions.css */
.jc-c {
justify-content: center
}
.jc-fe {
justify-content: flex-end
}
.jc-fs {
justify-content: flex-start
}
.jc-sb {
justify-content: space-between
}
.jc-sa {
justify-content: space-around
}
/*!minions.css*/
@media screen and (min-width: 0px) {
.jc-c\@mn {
justify-content:center
}
.jc-fe\@mn {
justify-content: flex-end
}
.jc-fs\@mn {
justify-content: flex-start
}
.jc-sb\@mn {
justify-content: space-between
}
.jc-sa\@mn {
justify-content: space-around
}
}
/*!minions.css*/
@media screen and (min-width: 480px) {
.jc-c\@xs {
justify-content:center
}
.jc-fe\@xs {
justify-content: flex-end
}
.jc-fs\@xs {
justify-content: flex-start
}
.jc-sb\@xs {
justify-content: space-between
}
.jc-sa\@xs {
justify-content: space-around
}
}
/*!minions.css*/
@media screen and (min-width: 600px) {
.jc-c\@sm {
justify-content:center
}
.jc-fe\@sm {
justify-content: flex-end
}
.jc-fs\@sm {
justify-content: flex-start
}
.jc-sb\@sm {
justify-content: space-between
}
.jc-sa\@sm {
justify-content: space-around
}
}
/*!minions.css*/
@media screen and (min-width: 720px) {
.jc-c\@md {
justify-content:center
}
.jc-fe\@md {
justify-content: flex-end
}
.jc-fs\@md {
justify-content: flex-start
}
.jc-sb\@md {
justify-content: space-between
}
.jc-sa\@md {
justify-content: space-around
}
}
/*!minions.css*/
@media screen and (min-width: 960px) {
.jc-c\@lg {
justify-content:center
}
.jc-fe\@lg {
justify-content: flex-end
}
.jc-fs\@lg {
justify-content: flex-start
}
.jc-sb\@lg {
justify-content: space-between
}
.jc-sa\@lg {
justify-content: space-around
}
}
/*!minions.css*/
@media screen and (min-width: 1200px) {
.jc-c\@xl {
justify-content:center
}
.jc-fe\@xl {
justify-content: flex-end
}
.jc-fs\@xl {
justify-content: flex-start
}
.jc-sb\@xl {
justify-content: space-between
}
.jc-sa\@xl {
justify-content: space-around
}
}
/*! minions.css */
.lh-1 {
line-height: 1
}
.lh-1\.25 {
line-height: 1.25
}
.lh-1\.5 {
line-height: 1.5
}
.lh-2 {
line-height: 2
}
.lh-n {
line-height: normal
}
/*! minions.css */
.o-a {
overflow: auto
}
.o-h {
overflow: hidden
}
.o-s {
overflow: scroll
}
.o-v {
overflow: visible
}
.-wos-t {
overflow: scroll;
-webkit-overflow-scrolling: touch
}
/*!minions.css*/
@media screen and (min-width: 0px) {
.o-a\@mn {
overflow:auto
}
.o-h\@mn {
overflow: hidden
}
.o-s\@mn {
overflow: scroll
}
.o-v\@mn {
overflow: visible
}
.-wos-t\@mn {
overflow: scroll;
-webkit-overflow-scrolling: touch
}
}
/*!minions.css*/
@media screen and (min-width: 480px) {
.o-a\@xs {
overflow:auto
}
.o-h\@xs {
overflow: hidden
}
.o-s\@xs {
overflow: scroll
}
.o-v\@xs {
overflow: visible
}
.-wos-t\@xs {
overflow: scroll;
-webkit-overflow-scrolling: touch
}
}
/*!minions.css*/
@media screen and (min-width: 600px) {
.o-a\@sm {
overflow:auto
}
.o-h\@sm {
overflow: hidden
}
.o-s\@sm {
overflow: scroll
}
.o-v\@sm {
overflow: visible
}
.-wos-t\@sm {
overflow: scroll;
-webkit-overflow-scrolling: touch
}
}
/*!minions.css*/
@media screen and (min-width: 720px) {
.o-a\@md {
overflow:auto
}
.o-h\@md {
overflow: hidden
}
.o-s\@md {
overflow: scroll
}
.o-v\@md {
overflow: visible
}
.-wos-t\@md {
overflow: scroll;
-webkit-overflow-scrolling: touch
}
}
/*!minions.css*/
@media screen and (min-width: 960px) {
.o-a\@lg {
overflow:auto
}
.o-h\@lg {
overflow: hidden
}
.o-s\@lg {
overflow: scroll
}
.o-v\@lg {
overflow: visible
}
.-wos-t\@lg {
overflow: scroll;
-webkit-overflow-scrolling: touch
}
}
/*!minions.css*/
@media screen and (min-width: 1200px) {
.o-a\@xl {
overflow:auto
}
.o-h\@xl {
overflow: hidden
}
.o-s\@xl {
overflow: scroll
}
.o-v\@xl {
overflow: visible
}
.-wos-t\@xl {
overflow: scroll;
-webkit-overflow-scrolling: touch
}
}
/*! minions.css */
.p-s {
position: static
}
.p-r {
position: relative
}
.p-a {
position: absolute
}
.p-f {
position: fixed
}
/*!minions.css*/
@media screen and (min-width: 0px) {
.p-s\@mn {
position:static
}
.p-r\@mn {
position: relative
}
.p-a\@mn {
position: absolute
}
.p-f\@mn {
position: fixed
}
}
/*!minions.css*/
@media screen and (min-width: 480px) {
.p-s\@xs {
position:static
}
.p-r\@xs {
position: relative
}
.p-a\@xs {
position: absolute
}
.p-f\@xs {
position: fixed
}
}
/*!minions.css*/
@media screen and (min-width: 600px) {
.p-s\@sm {
position:static
}
.p-r\@sm {
position: relative
}
.p-a\@sm {
position: absolute
}
.p-f\@sm {
position: fixed
}
}
/*!minions.css*/
@media screen and (min-width: 720px) {
.p-s\@md {
position:static
}
.p-r\@md {
position: relative
}
.p-a\@md {
position: absolute
}
.p-f\@md {
position: fixed
}
}
/*!minions.css*/
@media screen and (min-width: 960px) {
.p-s\@lg {
position:static
}
.p-r\@lg {
position: relative
}
.p-a\@lg {
position: absolute
}
.p-f\@lg {
position: fixed
}
}
/*!minions.css*/
@media screen and (min-width: 1200px) {
.p-s\@xl {
position:static
}
.p-r\@xl {
position: relative
}
.p-a\@xl {
position: absolute
}
.p-f\@xl {
position: fixed
}
}
/*! minions.css */
.ta-c {
text-align: center
}
.ta-j {
text-align: justify
}
.ta-l {
text-align: left
}
.ta-r {
text-align: right
}
/*!minions.css*/
@media screen and (min-width: 0px) {
.ta-c\@mn {
text-align:center
}
.ta-j\@mn {
text-align: justify
}
.ta-l\@mn {
text-align: left
}
.ta-r\@mn {
text-align: right
}
}
/*!minions.css*/
@media screen and (min-width: 480px) {
.ta-c\@xs {
text-align:center
}
.ta-j\@xs {
text-align: justify
}
.ta-l\@xs {
text-align: left
}
.ta-r\@xs {
text-align: right
}
}
/*!minions.css*/
@media screen and (min-width: 600px) {
.ta-c\@sm {
text-align:center
}
.ta-j\@sm {
text-align: justify
}
.ta-l\@sm {
text-align: left
}
.ta-r\@sm {
text-align: right
}
}
/*!minions.css*/
@media screen and (min-width: 720px) {
.ta-c\@md {
text-align:center
}
.ta-j\@md {
text-align: justify
}
.ta-l\@md {
text-align: left
}
.ta-r\@md {
text-align: right
}
}
/*!minions.css*/
@media screen and (min-width: 960px) {
.ta-c\@lg {
text-align:center
}
.ta-j\@lg {
text-align: justify
}
.ta-l\@lg {
text-align: left
}
.ta-r\@lg {
text-align: right
}
}
/*!minions.css*/
@media screen and (min-width: 1200px) {
.ta-c\@xl {
text-align:center
}
.ta-j\@xl {
text-align: justify
}
.ta-l\@xl {
text-align: left
}
.ta-r\@xl {
text-align: right
}
}
/*! minions.css */
.tt-c {
text-transform: capitalize
}
.tt-u {
text-transform: uppercase
}
.tt-l {
text-transform: lowercase
}
.tt-n {
text-transform: none
}
.tt-fw {
text-transform: full-width
}
.tt-i {
text-transform: initial
}
/*! minions.css */
.w-a {
width: auto
}
.w-mc {
width: -moz-max-content;
width: max-content
}
.w-nc {
width: -moz-min-content;
width: min-content
}
.w-fc {
width: -moz-fit-content;
width: fit-content
}
.w-10\% {
width: 10%
}
.w-20\% {
width: 20%
}
.w-25\% {
width: 25%
}
.w-30\% {
width: 30%
}
.w-33\% {
width: 33.3333%
}
.w-40\% {
width: 40%
}
.w-50\% {
width: 50%
}
.w-60\% {
width: 60%
}
.w-66\% {
width: 66.6666%
}
.w-70\% {
width: 70%
}
.w-75\% {
width: 75%
}
.w-80\% {
width: 80%
}
.w-90\% {
width: 90%
}
.w-100\% {
width: 100%
}
/*!minions.css*/
@media screen and (min-width: 0px) {
.w-a\@mn {
width:auto
}
.w-mc\@mn {
width: -moz-max-content;
width: max-content
}
.w-nc\@mn {
width: -moz-min-content;
width: min-content
}
.w-fc\@mn {
width: -moz-fit-content;
width: fit-content
}
.w-10\%\@mn {
width: 10%
}
.w-20\%\@mn {
width: 20%
}
.w-25\%\@mn {
width: 25%
}
.w-30\%\@mn {
width: 30%
}
.w-33\%\@mn {
width: 33.3333%
}
.w-40\%\@mn {
width: 40%
}
.w-50\%\@mn {
width: 50%
}
.w-60\%\@mn {
width: 60%
}
.w-66\%\@mn {
width: 66.6666%
}
.w-70\%\@mn {
width: 70%
}
.w-75\%\@mn {
width: 75%
}
.w-80\%\@mn {
width: 80%
}
.w-90\%\@mn {
width: 90%
}
.w-100\%\@mn {
width: 100%
}
}
/*!minions.css*/
@media screen and (min-width: 480px) {
.w-a\@xs {
width:auto
}
.w-mc\@xs {
width: -moz-max-content;
width: max-content
}
.w-nc\@xs {
width: -moz-min-content;
width: min-content
}
.w-fc\@xs {
width: -moz-fit-content;
width: fit-content
}
.w-10\%\@xs {
width: 10%
}
.w-20\%\@xs {
width: 20%
}
.w-25\%\@xs {
width: 25%
}
.w-30\%\@xs {
width: 30%
}
.w-33\%\@xs {
width: 33.3333%
}
.w-40\%\@xs {
width: 40%
}
.w-50\%\@xs {
width: 50%
}
.w-60\%\@xs {
width: 60%
}
.w-66\%\@xs {
width: 66.6666%
}
.w-70\%\@xs {
width: 70%
}
.w-75\%\@xs {
width: 75%
}
.w-80\%\@xs {
width: 80%
}
.w-90\%\@xs {
width: 90%
}
.w-100\%\@xs {
width: 100%
}
}
/*!minions.css*/
@media screen and (min-width: 600px) {
.w-a\@sm {
width:auto
}
.w-mc\@sm {
width: -moz-max-content;
width: max-content
}
.w-nc\@sm {
width: -moz-min-content;
width: min-content
}
.w-fc\@sm {
width: -moz-fit-content;
width: fit-content
}
.w-10\%\@sm {
width: 10%
}
.w-20\%\@sm {
width: 20%
}
.w-25\%\@sm {
width: 25%
}
.w-30\%\@sm {
width: 30%
}
.w-33\%\@sm {
width: 33.3333%
}
.w-40\%\@sm {
width: 40%
}
.w-50\%\@sm {
width: 50%
}
.w-60\%\@sm {
width: 60%
}
.w-66\%\@sm {
width: 66.6666%
}
.w-70\%\@sm {
width: 70%
}
.w-75\%\@sm {
width: 75%
}
.w-80\%\@sm {
width: 80%
}
.w-90\%\@sm {
width: 90%
}
.w-100\%\@sm {
width: 100%
}
}
/*!minions.css*/
@media screen and (min-width: 720px) {
.w-a\@md {
width:auto
}
.w-mc\@md {
width: -moz-max-content;
width: max-content
}
.w-nc\@md {
width: -moz-min-content;
width: min-content
}
.w-fc\@md {
width: -moz-fit-content;
width: fit-content
}
.w-10\%\@md {
width: 10%
}
.w-20\%\@md {
width: 20%
}
.w-25\%\@md {
width: 25%
}
.w-30\%\@md {
width: 30%
}
.w-33\%\@md {
width: 33.3333%
}
.w-40\%\@md {
width: 40%
}
.w-50\%\@md {
width: 50%
}
.w-60\%\@md {
width: 60%
}
.w-66\%\@md {
width: 66.6666%
}
.w-70\%\@md {
width: 70%
}
.w-75\%\@md {
width: 75%
}
.w-80\%\@md {
width: 80%
}
.w-90\%\@md {
width: 90%
}
.w-100\%\@md {
width: 100%
}
}
/*!minions.css*/
@media screen and (min-width: 960px) {
.w-a\@lg {
width:auto
}
.w-mc\@lg {
width: -moz-max-content;
width: max-content
}
.w-nc\@lg {
width: -moz-min-content;
width: min-content
}
.w-fc\@lg {
width: -moz-fit-content;
width: fit-content
}
.w-10\%\@lg {
width: 10%
}
.w-20\%\@lg {
width: 20%
}
.w-25\%\@lg {
width: 25%
}
.w-30\%\@lg {
width: 30%
}
.w-33\%\@lg {
width: 33.3333%
}
.w-40\%\@lg {
width: 40%
}
.w-50\%\@lg {
width: 50%
}
.w-60\%\@lg {
width: 60%
}
.w-66\%\@lg {
width: 66.6666%
}
.w-70\%\@lg {
width: 70%
}
.w-75\%\@lg {
width: 75%
}
.w-80\%\@lg {
width: 80%
}
.w-90\%\@lg {
width: 90%
}
.w-100\%\@lg {
width: 100%
}
}
/*!minions.css*/
@media screen and (min-width: 1200px) {
.w-a\@xl {
width:auto
}
.w-mc\@xl {
width: -moz-max-content;
width: max-content
}
.w-nc\@xl {
width: -moz-min-content;
width: min-content
}
.w-fc\@xl {
width: -moz-fit-content;
width: fit-content
}
.w-10\%\@xl {
width: 10%
}
.w-20\%\@xl {
width: 20%
}
.w-25\%\@xl {
width: 25%
}
.w-30\%\@xl {
width: 30%
}
.w-33\%\@xl {
width: 33.3333%
}
.w-40\%\@xl {
width: 40%
}
.w-50\%\@xl {
width: 50%
}
.w-60\%\@xl {
width: 60%
}
.w-66\%\@xl {
width: 66.6666%
}
.w-70\%\@xl {
width: 70%
}
.w-75\%\@xl {
width: 75%
}
.w-80\%\@xl {
width: 80%
}
.w-90\%\@xl {
width: 90%
}
.w-100\%\@xl {
width: 100%
}
}
.c-topaz {
color: var(--color-topaz)
}
.c-turquoise {
color: var(--color-turquoise)
}
.c-tourmaline {
color: var(--color-tourmaline)
}
.c-dark-turquoise {
color: var(--color-dark-turquoise)
}
.c-emerald {
color: var(--color-tint0)
}
.c-ruby {
color: var(--color-ruby)
}
.c-marigold,.c-citrine {
color: var(--color-citrine)
}
.c-tint0 {
color: var(--color-tint0)
}
.c-tint1 {
color: var(--color-tint1)
}
.c-tint2 {
color: var(--color-tint2)
}
.c-tint3 {
color: var(--color-tint3)
}
.c-tint4 {
color: var(--color-tint4)
}
.c-tint5 {
color: var(--color-tint5)
}
.c-tint6 {
color: var(--color-tint6)
}
.c-tint7 {
color: var(--color-tint7)
}
.c-tint8 {
color: var(--color-tint8)
}
.c-tint9 {
color: var(--color-tint9)
}
.c-tint10 {
color: var(--color-tint10)
}
.c-brand {
color: var(--color-brand)
}
.c-brand-gradient-start {
color: var(--color-brand-gradient-start)
}
.c-brand-gradient-end {
color: var(--color-brand-gradient-end)
}
.gc-topaz {
background-color: var(--color-topaz)
}
.gc-turquoise {
background-color: var(--color-turquoise)
}
.gc-tourmaline {
background-color: var(--color-tourmaline)
}
.gc-dark-turquoise {
background-color: var(--color-dark-turquoise)
}
.gc-emerald {
background-color: var(--color-tint0)
}
.gc-ruby {
background-color: var(--color-ruby)
}
.gc-marigold,.gc-citrine {
background-color: var(--color-citrine)
}
.gc-tint0 {
background-color: var(--color-tint0)
}
.gc-tint1 {
background-color: var(--color-tint1)
}
.gc-tint2 {
background-color: var(--color-tint2)
}
.gc-tint3 {
background-color: var(--color-tint3)
}
.gc-tint4 {
background-color: var(--color-tint4)
}
.gc-tint5 {
background-color: var(--color-tint5)
}
.gc-tint6 {
background-color: var(--color-tint6)
}
.gc-tint7 {
background-color: var(--color-tint7)
}
.gc-tint8 {
background-color: var(--color-tint8)
}
.gc-tint9 {
background-color: var(--color-tint9)
}
.gc-tint10 {
background-color: var(--color-tint10)
}
.gc-brand {
background-color: var(--color-brand)
}
.gc-brand-gradient-start {
background-color: var(--color-brand-gradient-start)
}
.gc-brand-gradient-end {
background-color: var(--color-brand-gradient-end)
}
.fd-r {
flex-direction: row
}
.fd-c {
flex-direction: column
}
.fd-rr {
flex-direction: row-reverse
}
.fd-cr {
flex-direction: column-reverse
}
@media (min-width: 480px) {
.fd-r\@xs {
flex-direction:row
}
.fd-c\@xs {
flex-direction: column
}
.fd-rr\@xs {
flex-direction: row-reverse
}
.fd-cr\@xs {
flex-direction: column-reverse
}
}
@media (min-width: 601px) {
.fd-r\@sm {
flex-direction:row
}
.fd-c\@sm {
flex-direction: column
}
.fd-rr\@sm {
flex-direction: row-reverse
}
.fd-cr\@sm {
flex-direction: column-reverse
}
}
@media (min-width: 720px) {
.fd-r\@md {
flex-direction:row
}
.fd-c\@md {
flex-direction: column
}
.fd-rr\@md {
flex-direction: row-reverse
}
.fd-cr\@md {
flex-direction: column-reverse
}
}
@media (min-width: 960px) {
.fd-r\@lg {
flex-direction:row
}
.fd-c\@lg {
flex-direction: column
}
.fd-rr\@lg {
flex-direction: row-reverse
}
.fd-cr\@lg {
flex-direction: column-reverse
}
}
@media (min-width: 1200px) {
.fd-r\@xl {
flex-direction:row
}
.fd-c\@xl {
flex-direction: column
}
.fd-rr\@xl {
flex-direction: row-reverse
}
.fd-cr\@xl {
flex-direction: column-reverse
}
}
@media (min-width: 480px) {
.fs-4\@xs {
font-size:14px
}
}
@media (min-width: 601px) {
.fs-4\@sm {
font-size:14px
}
}
@media (min-width: 720px) {
.fs-4\@md {
font-size:14px
}
.fs-5\@md {
font-size: 12px
}
}
.fs-13 {
font-size: 13px
}
.fs-21 {
font-size: 21px
}
.iframed .modal .d-f\@iframe-modal {
display: flex
}
.iframed .modal .d-n\@iframe-modal {
display: none
}
.iframed .modal .jc-sb\@iframe-modal {
justify-content: space-between
}
.iframed .modal .f-1\@iframe-modal {
flex: 1
}
.iframed .modal .m-0\@iframe-modal {
margin: 0
}
.iframed .modal .ml-1\@iframe-modal {
margin-left: 0.5rem
}
.iframed .modal .ml-2\@iframe-modal {
margin-left: 1rem
}
.iframed .modal .fs-5\@iframe-modal {
font-size: 12px
}
.d-g {
display: grid
}
@media (min-width: 480px) {
.d-g\@xs {
display:grid
}
}
@media (min-width: 601px) {
.d-g\@sm {
display:grid
}
}
@media (min-width: 720px) {
.d-g\@md {
display:grid
}
}
@media (min-width: 960px) {
.d-g\@lg {
display:grid
}
}
.m-4p {
margin: 4px
}
.mt-1p {
margin-top: 1px
}
.mt-2p {
margin-top: 2px
}
.mt-3p {
margin-top: 3px
}
.mt-4p {
margin-top: 4px
}
.mr-1p {
margin-right: 1px
}
.mr-2p {
margin-right: 2px
}
.mr-3p {
margin-right: 3px
}
.mr-4p {
margin-right: 4px
}
.mb-1p {
margin-bottom: 1px
}
.mb-2p {
margin-bottom: 2px
}
.mb-3p {
margin-bottom: 3px
}
.mb-4p {
margin-bottom: 4px
}
.ml-1p {
margin-left: 1px
}
.ml-2p {
margin-left: 2px
}
.ml-3p {
margin-left: 3px
}
.ml-4p {
margin-left: 4px
}
.mx-a {
margin-left: auto;
margin-right: auto
}
@media (min-width: 720px) {
.ml-4p\@md {
margin-left:4px
}
.mr-4p\@md {
margin-right: 4px
}
}
.mb-\.5 {
margin-bottom: 0.25rem
}
.modal .pl-0\@modal {
padding-left: 0
}
.modal .pt-1\@modal {
padding-top: 0.5rem
}
.modal .pl-2\@modal {
padding-left: 1rem
}
.modal .p-0\@modal {
padding: 0
}
.modal .m-0\@modal {
margin: 0
}
.modal .ml-0\@modal {
margin-left: 0
}
.modal .mb-1\@modal {
margin-bottom: 0.5rem
}
.modal .fd-cr\@modal {
flex-direction: column-reverse
}
.modal .fd-c\@modal {
flex-direction: column
}
.modal .ai-fs\@modal {
align-items: flex-start
}
.modal .d-n\@modal {
display: none
}
.modal .ws-n\@modal {
white-space: normal
}
.o-1 {
order: 1
}
.o-2 {
order: 2
}
.o-3 {
order: 3
}
@media (min-width: 480px) {
.o-1\@xs {
order:1
}
}
@media (min-width: 601px) {
.o-1\@sm {
order:1
}
.o-2\@sm {
order: 2
}
.o-3\@sm {
order: 3
}
}
@media (min-width: 720px) {
.o-1\@md {
order:1
}
.o-2\@md {
order: 2
}
.o-3\@md {
order: 3
}
}
.p-4p {
padding: 4px
}
.pt-1p {
padding-top: 1px
}
.pt-2p {
padding-top: 2px
}
.pt-3p {
padding-top: 3px
}
.pt-4p {
padding-top: 4px
}
.pr-1p {
padding-right: 1px
}
.pr-2p {
padding-right: 2px
}
.pr-3p {
padding-right: 3px
}
.pr-4p {
padding-right: 4px
}
.pb-1p {
padding-bottom: 1px
}
.pb-2p {
padding-bottom: 2px
}
.pb-3p {
padding-bottom: 3px
}
.pb-4p {
padding-bottom: 4px
}
.pl-1p {
padding-left: 1px
}
.pl-2p {
padding-left: 2px
}
.pl-3p {
padding-left: 3px
}
.pl-4p {
padding-left: 4px
}
.pb-10 {
padding-bottom: 80px
}
.pb-12 {
padding-bottom: 96px
}
.px-9 {
padding-right: 72px;
padding-left: 72px
}
.g-1p {
gap: 1px
}
.g-2p {
gap: 2px
}
.g-3p {
gap: 3px
}
.g-4p {
gap: 4px
}
.g-0 {
gap: 0
}
.g-1 {
gap: 0.5rem
}
.g-2 {
gap: 1rem
}
.g-3 {
gap: 1.5rem
}
.g-4 {
gap: 2rem
}
.g-5 {
gap: 2.5rem
}
.g-6 {
gap: 3rem
}
.g-7 {
gap: 3.5rem
}
.g-8 {
gap: 4rem
}
@media (min-width: 601px) {
.g-1p\@sm {
gap:1px
}
.g-2p\@sm {
gap: 2px
}
.g-3p\@sm {
gap: 3px
}
.g-4p\@sm {
gap: 4px
}
.g-0\@sm {
gap: 0
}
.g-1\@sm {
gap: 0.5rem
}
.g-2\@sm {
gap: 1rem
}
.g-3\@sm {
gap: 1.5rem
}
.g-4\@sm {
gap: 2rem
}
.g-5\@sm {
gap: 2.5rem
}
.g-6\@sm {
gap: 3rem
}
.g-7\@sm {
gap: 3.5rem
}
.g-8\@sm {
gap: 4rem
}
}
@media (min-width: 720px) {
.g-1p\@md {
gap:1px
}
.g-2p\@md {
gap: 2px
}
.g-3p\@md {
gap: 3px
}
.g-4p\@md {
gap: 4px
}
.g-1p\@md {
gap: 1px
}
.g-2p\@md {
gap: 2px
}
.g-3p\@md {
gap: 3px
}
.g-4p\@md {
gap: 4px
}
.g-0\@md {
gap: 0
}
.g-1\@md {
gap: 0.5rem
}
.g-2\@md {
gap: 1rem
}
.g-3\@md {
gap: 1.5rem
}
.g-4\@md {
gap: 2rem
}
.g-5\@md {
gap: 2.5rem
}
.g-6\@md {
gap: 3rem
}
.g-7\@md {
gap: 3.5rem
}
.g-8\@md {
gap: 4rem
}
}
@media (min-width: 960px) {
.g-1p\@lg {
gap:1px
}
.g-2p\@lg {
gap: 2px
}
.g-3p\@lg {
gap: 3px
}
.g-4p\@lg {
gap: 4px
}
.g-0\@lg {
gap: 0
}
.g-1\@lg {
gap: 0.5rem
}
.g-2\@lg {
gap: 1rem
}
.g-3\@lg {
gap: 1.5rem
}
.g-4\@lg {
gap: 2rem
}
.g-5\@lg {
gap: 2.5rem
}
.g-6\@lg {
gap: 3rem
}
.g-7\@lg {
gap: 3.5rem
}
.g-8\@lg {
gap: 4rem
}
}
@media (min-width: 1200px) {
.g-1p\@xl {
gap:1px
}
.g-2p\@xl {
gap: 2px
}
.g-3p\@xl {
gap: 3px
}
.g-4p\@xl {
gap: 4px
}
.g-0\@xl {
gap: 0
}
.g-1\@xl {
gap: 0.5rem
}
.g-2\@xl {
gap: 1rem
}
.g-3\@xl {
gap: 1.5rem
}
.g-4\@xl {
gap: 2rem
}
.g-5\@xl {
gap: 2.5rem
}
.g-6\@xl {
gap: 3rem
}
.g-7\@xl {
gap: 3.5rem
}
.g-8\@xl {
gap: 4rem
}
}
.fw-400 {
font-weight: 400
}
.fw-500 {
font-weight: 500
}
.fw-600 {
font-weight: 600
}
.f_1>* {
flex: 1
}
.f_2>* {
flex: 2
}
.f_3>* {
flex: 3
}
.f_4>* {
flex: 4
}
.f_5>* {
flex: 5
}
.f_6>* {
flex: 6
}
.h-a {
height: auto
}
.h-100\% {
height: 100%
}
@media (min-width: 720px) {
.w-48\%\@md {
width:48%
}
}
.p-st {
position: sticky
}
@media (min-width: 720px) {
.p-st\@md {
position:sticky
}
}
.t-1p {
top: 1px
}
.t-2p {
top: 2px
}
.t-3p {
top: 3px
}
.t-4p {
top: 4px
}
.br-4p {
border-radius: 4px
}
.br-4 {
border-radius: 2rem
}
.bw-0 {
border-width: 0
}
.fg-1 {
flex-grow: 1
}
.fsh-0 {
flex-shrink: 0
}
.lh-1 {
line-height: 1
}
.lh-1\.333 {
line-height: 1.333
}
.lh-20p {
line-height: 20px
}
.pe-n {
pointer-events: none
}
.tt-c {
text-transform: capitalize
}
.tt-u {
text-transform: uppercase
}
.ws-nw {
white-space: nowrap
}
.wb-bw {
word-break: break-word
}
[data-preformatted-content] h1,[data-preformatted-content] h2,[data-preformatted-content] h3,[data-preformatted-content] h4,[data-preformatted-content] h5,[data-preformatted-content] h6 {
color: var(--heading--color);
font-size: 1em;
font-size: var(--heading--font-size, 1em);
font-weight: 600;
font-weight: var(--heading--font-weight, 600);
margin-top: 1.5rem;
margin-top: var(--heading--margin-top, 1.5rem);
margin-bottom: 0.5rem;
margin-bottom: var(--heading--margin-bottom, 0.5rem)
}
[data-preformatted-content] p,[data-preformatted-content] ol,[data-preformatted-content] ul {
color: var(--text--color);
font-size: 1em;
font-size: var(--text--font-size, 1em);
line-height: 1.5em;
line-height: var(--text--line-height, 1.5em);
margin: 0 0 1.5em 0;
margin: 0 0 var(--text--line-height, 1.5em) 0
}
[data-preformatted-content] ol,[data-preformatted-content] ul {
padding: 0 0 0 2em;
padding: var(--list--padding, 0 0 0 2em)
}
[data-preformatted-content] ol ol,[data-preformatted-content] ol ul,[data-preformatted-content] ul ol,[data-preformatted-content] ul ul {
margin-bottom: 0
}
[data-preformatted-content] a {
font-weight: 600;
font-weight: var(--link--font-weight, 600);
text-decoration: none;
-webkit-text-decoration: var(--link--text-decoration, none);
text-decoration: var(--link--text-decoration, none)
}
[data-preformatted-content] blockquote {
font-style: italic;
font-style: var(--blockquote--font-style, italic);
margin: 1em;
margin: var(--blockquote--margin, 1em);
padding: 0 0.75em 0 1.25em;
padding: var(--blockquote--padding, 0 0.75em 0 1.25em);
border-width: 0 0 0 1px;
border-width: var(--blockquote--border-width, 0 0 0 1px);
border-style: solid;
border-color: currentColor;
border-color: var(--blockquote--color, currentColor);
color: var(--blockquote--color)
}
[data-preformatted-content] img {
height: auto;
height: var(--image--height, auto);
max-width: 100%;
max-width: var(--image--max-width, 100%);
border-radius: 3px;
border-radius: var(--image--border-radius, 3px)
}
[data-preformatted-content~="heading-scale:legacy-church-center"] {
--heading--font-size: 1rem;
--heading--font-weight: 600
}
[data-preformatted-content~="heading-scale:legacy-church-center"] h1 {
--heading--font-size: 1.125rem
}
.symbol {
display: inline-block;
vertical-align: text-top;
fill: currentColor;
height: 1em;
width: 1em
}
.fs-0 {
font-size: 24px
}
.fs-1 {
font-size: 20px
}
.fs-2 {
font-size: 18px
}
.fs-3 {
font-size: 16px
}
.fs-4 {
font-size: 14px
}
.fs-5 {
font-size: 12px
}
.fs-6 {
font-size: 10px
}
.react-datepicker {
background: var(--color-tint10);
border: 0;
padding: 2px;
box-shadow: 0 4px 8px rgba(17,17,17,0.5)
}
.react-datepicker__month-container {
border-radius: 3px;
border: 1px solid var(--color-tint5)
}
.react-datepicker__header {
background: var(--color-tint8);
border-bottom-color: var(--color-tint5)
}
.react-datepicker__current-month,.react-datepicker-time__header {
font-size: 0.875rem;
padding: 0 2rem;
color: var(--color-tint2)
}
.react-datepicker-time__header {
padding: 0
}
.react-datepicker__day-names {
background: var(--color-tint8);
font-size: 11px;
font-weight: 500;
text-transform: uppercase
}
.react-datepicker__day-name {
color: var(--color-tint2)
}
.react-datepicker__navigation {
top: 15px
}
.react-datepicker__navigation--previous {
border-right-color: var(--color-tint2)
}
.react-datepicker__navigation--next {
border-left-color: var(--color-tint2)
}
.react-datepicker__day,.react-datepicker__time-list-item {
color: var(--color-tint2)
}
.react-datepicker__day--today,.react-datepicker__day--today:hover {
background-color: var(--color-tint7);
border-radius: 0.3em
}
.react-datepicker__day--selected,.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected,.react-datepicker__day--keyboard-selected:hover {
background: var(--color-tint2);
border: 0;
color: var(--color-tint10)
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
height: auto
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected,.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
background: var(--color-tint2)
}
.ui-datepicker {
background: var(--color-tint10);
border-radius: 3px;
overflow: hidden;
box-shadow: 1px 1px 5px var(--color-tint5);
z-index: 1003 !important
}
.ui-datepicker-header {
position: relative;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
background: var(--color-tint8);
border: 1px solid var(--color-tint5);
margin: 3px 3px 0 3px;
padding: 5px 0
}
.ui-datepicker-title {
font-size: 0.75rem;
padding: 0 32px;
text-align: center;
color: var(--color-tint10)
}
.ui-datepicker-title select {
margin: 0 5px
}
.ui-datepicker-next,.ui-datepicker-prev {
width: 35px;
height: 35px;
line-height: 35px;
display: inline-block;
text-align: center;
position: absolute;
font-size: 0.625rem;
color: var(--color-tint2);
top: 0
}
.no-touch .ui-datepicker-next:hover,.no-touch .ui-datepicker-prev:hover {
color: var(--color-tint2)
}
.ui-datepicker-next:before,.ui-datepicker-prev:before {
content: "";
display: inline-block;
width: 0.625rem;
height: 0.625rem;
background-size: 0.625rem 0.625rem
}
.ui-datepicker-next span,.ui-datepicker-prev span {
display: none
}
.ui-datepicker-next {
right: 0;
border-left: 1px solid var(--color-tint5)
}
.ui-datepicker-next:before {
background-image: url("data:image/svg+xml;utf-8,");
background-repeat: no-repeat
}
.ui-datepicker-prev {
left: 0;
border-right: 1px solid var(--color-tint5)
}
.ui-datepicker-prev:before {
background-image: url("data:image/svg+xml;utf-8,");
background-repeat: no-repeat
}
table.ui-datepicker-calendar {
width: calc(100% - 6px);
background: var(--color-tint10);
border-collapse: collapse;
border-top: 0;
border: 1px solid var(--color-tint5);
font-size: 14px;
margin: 0 3px 3px 3px
}
table.ui-datepicker-calendar td,table.ui-datepicker-calendar th {
border: 1px solid var(--color-tint5);
border-right: 0;
border-top: 0;
padding: 0.5rem;
text-align: center
}
table.ui-datepicker-calendar th {
border-color: var(--color-tint5);
border-left-color: var(--color-tint4)
}
table.ui-datepicker-calendar tr td:last-child,table.ui-datepicker-calendar tr th:last-child {
border-right: 0
}
table.ui-datepicker-calendar tr td:first-child,table.ui-datepicker-calendar tr th:first-child {
border-left: 0
}
table.ui-datepicker-calendar tr:last-child td {
border-bottom: 0
}
table.ui-datepicker-calendar th {
background: var(--color-tint5);
font-size: 11px;
padding-top: 0;
padding-bottom: 0;
text-transform: uppercase
}
.no-touch table.ui-datepicker-calendar td:hover {
background: var(--color-tint9)
}
table.ui-datepicker-calendar td.ui-datepicker-today a {
color: var(--color-tint10);
display: block;
z-index: 1;
position: relative
}
table.ui-datepicker-calendar td.ui-datepicker-today a:before {
content: "";
background: var(--color-tint2);
display: block;
position: absolute;
border-radius: 100%;
width: 24px;
height: 24px;
margin: -12px auto auto -12px;
top: 50%;
left: 50%;
z-index: -1
}
table.ui-datepicker-calendar td.ui-datepicker-current-day {
background: var(--color-brand)
}
table.ui-datepicker-calendar td.ui-datepicker-current-day a {
color: var(--color-tint10)
}
.ui-datepicker-month,.ui-datepicker-year {
position: relative;
display: inline-block;
cursor: pointer;
vertical-align: middle;
background-image: url("data:image/svg+xml;utf-8,");
background-repeat: no-repeat;
background-position: right center;
background-size: 28px auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 20px 0 10px;
color: var(--color-tint2);
border: 1px solid var(--color-tint5);
border-radius: 3px;
background-color: var(--color-tint10);
width: 35%;
height: 24px;
font-size: 11px
}
.ui-datepicker-month::-ms-expand,.ui-datepicker-year::-ms-expand {
display: none
}
.ui-datepicker-month:focus:-moz-focusring,.ui-datepicker-year:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 white
}
@media screen and (min-width: 0) {
.ui-datepicker-month,.ui-datepicker-year {
z-index:1;
padding: 3px !important
}
}
@supports (-moz-appearance: none) and (mask-type: alpha) {
.ui-datepicker-month,.ui-datepicker-year {
background-image:url("data:image/svg+xml;utf-8,")
}
}
_:-moz-tree-row(hover) {
background-image: none
}
.ui-datepicker-month {
margin-right: 4%
}
.m-0 {
margin: 0
}
.m-1 {
margin: 0.5rem
}
.m-2 {
margin: 1rem
}
.m-3 {
margin: 1.5rem
}
.m-4 {
margin: 2rem
}
.m-5 {
margin: 2.5rem
}
.m-6 {
margin: 3rem
}
.m-7 {
margin: 3.5rem
}
.m-8 {
margin: 4rem
}
.my-0 {
margin-top: 0;
margin-bottom: 0
}
.my-1 {
margin-top: 0.5rem;
margin-bottom: 0.5rem
}
.my-2 {
margin-top: 1rem;
margin-bottom: 1rem
}
.my-3 {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.my-4 {
margin-top: 2rem;
margin-bottom: 2rem
}
.my-5 {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.my-6 {
margin-top: 3rem;
margin-bottom: 3rem
}
.my-7 {
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.my-8 {
margin-top: 4rem;
margin-bottom: 4rem
}
.mx-0 {
margin-right: 0;
margin-left: 0
}
.mx-1 {
margin-right: 0.5rem;
margin-left: 0.5rem
}
.mx-2 {
margin-right: 1rem;
margin-left: 1rem
}
.mx-3 {
margin-right: 1.5rem;
margin-left: 1.5rem
}
.mx-4 {
margin-right: 2rem;
margin-left: 2rem
}
.mx-5 {
margin-right: 2.5rem;
margin-left: 2.5rem
}
.mx-6 {
margin-right: 3rem;
margin-left: 3rem
}
.mx-7 {
margin-right: 3.5rem;
margin-left: 3.5rem
}
.mx-8 {
margin-right: 4rem;
margin-left: 4rem
}
.mt-0 {
margin-top: 0
}
.mt-1 {
margin-top: 0.5rem
}
.mt-2 {
margin-top: 1rem
}
.mt-3 {
margin-top: 1.5rem
}
.mt-4 {
margin-top: 2rem
}
.mt-5 {
margin-top: 2.5rem
}
.mt-6 {
margin-top: 3rem
}
.mt-7 {
margin-top: 3.5rem
}
.mt-8 {
margin-top: 4rem
}
.mr-0 {
margin-right: 0
}
.mr-1 {
margin-right: 0.5rem
}
.mr-2 {
margin-right: 1rem
}
.mr-3 {
margin-right: 1.5rem
}
.mr-4 {
margin-right: 2rem
}
.mr-5 {
margin-right: 2.5rem
}
.mr-6 {
margin-right: 3rem
}
.mr-7 {
margin-right: 3.5rem
}
.mr-8 {
margin-right: 4rem
}
.mb-0 {
margin-bottom: 0
}
.mb-1 {
margin-bottom: 0.5rem
}
.mb-2 {
margin-bottom: 1rem
}
.mb-3 {
margin-bottom: 1.5rem
}
.mb-4 {
margin-bottom: 2rem
}
.mb-5 {
margin-bottom: 2.5rem
}
.mb-6 {
margin-bottom: 3rem
}
.mb-7 {
margin-bottom: 3.5rem
}
.mb-8 {
margin-bottom: 4rem
}
.ml-0 {
margin-left: 0
}
.ml-1 {
margin-left: 0.5rem
}
.ml-2 {
margin-left: 1rem
}
.ml-3 {
margin-left: 1.5rem
}
.ml-4 {
margin-left: 2rem
}
.ml-5 {
margin-left: 2.5rem
}
.ml-6 {
margin-left: 3rem
}
.ml-7 {
margin-left: 3.5rem
}
.ml-8 {
margin-left: 4rem
}
.p-0 {
padding: 0
}
.p-1 {
padding: 0.5rem
}
.p-2 {
padding: 1rem
}
.p-3 {
padding: 1.5rem
}
.p-4 {
padding: 2rem
}
.p-5 {
padding: 2.5rem
}
.p-6 {
padding: 3rem
}
.p-7 {
padding: 3.5rem
}
.p-8 {
padding: 4rem
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.py-1 {
padding-top: 0.5rem;
padding-bottom: 0.5rem
}
.py-2 {
padding-top: 1rem;
padding-bottom: 1rem
}
.py-3 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.py-4 {
padding-top: 2rem;
padding-bottom: 2rem
}
.py-5 {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.py-6 {
padding-top: 3rem;
padding-bottom: 3rem
}
.py-7 {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.py-8 {
padding-top: 4rem;
padding-bottom: 4rem
}
.px-0 {
padding-right: 0;
padding-left: 0
}
.px-1 {
padding-right: 0.5rem;
padding-left: 0.5rem
}
.px-2 {
padding-right: 1rem;
padding-left: 1rem
}
.px-3 {
padding-right: 1.5rem;
padding-left: 1.5rem
}
.px-4 {
padding-right: 2rem;
padding-left: 2rem
}
.px-5 {
padding-right: 2.5rem;
padding-left: 2.5rem
}
.px-6 {
padding-right: 3rem;
padding-left: 3rem
}
.px-7 {
padding-right: 3.5rem;
padding-left: 3.5rem
}
.px-8 {
padding-right: 4rem;
padding-left: 4rem
}
.pt-0 {
padding-top: 0
}
.pt-1 {
padding-top: 0.5rem
}
.pt-2 {
padding-top: 1rem
}
.pt-3 {
padding-top: 1.5rem
}
.pt-4 {
padding-top: 2rem
}
.pt-5 {
padding-top: 2.5rem
}
.pt-6 {
padding-top: 3rem
}
.pt-7 {
padding-top: 3.5rem
}
.pt-8 {
padding-top: 4rem
}
.pr-0 {
padding-right: 0
}
.pr-1 {
padding-right: 0.5rem
}
.pr-2 {
padding-right: 1rem
}
.pr-3 {
padding-right: 1.5rem
}
.pr-4 {
padding-right: 2rem
}
.pr-5 {
padding-right: 2.5rem
}
.pr-6 {
padding-right: 3rem
}
.pr-7 {
padding-right: 3.5rem
}
.pr-8 {
padding-right: 4rem
}
.pb-0 {
padding-bottom: 0
}
.pb-1 {
padding-bottom: 0.5rem
}
.pb-2 {
padding-bottom: 1rem
}
.pb-3 {
padding-bottom: 1.5rem
}
.pb-4 {
padding-bottom: 2rem
}
.pb-5 {
padding-bottom: 2.5rem
}
.pb-6 {
padding-bottom: 3rem
}
.pb-7 {
padding-bottom: 3.5rem
}
.pb-8 {
padding-bottom: 4rem
}
.pl-0 {
padding-left: 0
}
.pl-1 {
padding-left: 0.5rem
}
.pl-2 {
padding-left: 1rem
}
.pl-3 {
padding-left: 1.5rem
}
.pl-4 {
padding-left: 2rem
}
.pl-5 {
padding-left: 2.5rem
}
.pl-6 {
padding-left: 3rem
}
.pl-7 {
padding-left: 3.5rem
}
.pl-8 {
padding-left: 4rem
}
.t-0 {
top: 0
}
.t-1 {
top: 0.5rem
}
.t-2 {
top: 1rem
}
.t-3 {
top: 1.5rem
}
.t-4 {
top: 2rem
}
.t-5 {
top: 2.5rem
}
.t-6 {
top: 3rem
}
.t-7 {
top: 3.5rem
}
.t-8 {
top: 4rem
}
.r-0 {
right: 0
}
.r-1 {
right: 0.5rem
}
.r-2 {
right: 1rem
}
.r-3 {
right: 1.5rem
}
.r-4 {
right: 2rem
}
.r-5 {
right: 2.5rem
}
.r-6 {
right: 3rem
}
.r-7 {
right: 3.5rem
}
.r-8 {
right: 4rem
}
.b-0 {
bottom: 0
}
.b-1 {
bottom: 0.5rem
}
.b-2 {
bottom: 1rem
}
.b-3 {
bottom: 1.5rem
}
.b-4 {
bottom: 2rem
}
.b-5 {
bottom: 2.5rem
}
.b-6 {
bottom: 3rem
}
.b-7 {
bottom: 3.5rem
}
.b-8 {
bottom: 4rem
}
.l-0 {
left: 0
}
.l-1 {
left: 0.5rem
}
.l-2 {
left: 1rem
}
.l-3 {
left: 1.5rem
}
.l-4 {
left: 2rem
}
.l-5 {
left: 2.5rem
}
.l-6 {
left: 3rem
}
.l-7 {
left: 3.5rem
}
.l-8 {
left: 4rem
}
.s-1 {
width: 0.5rem;
height: 0.5rem
}
.s-2 {
width: 1rem;
height: 1rem
}
.s-3 {
width: 1.5rem;
height: 1.5rem
}
.s-4 {
width: 2rem;
height: 2rem
}
.s-5 {
width: 2.5rem;
height: 2.5rem
}
.s-6 {
width: 3rem;
height: 3rem
}
.s-7 {
width: 3.5rem;
height: 3.5rem
}
.s-8 {
width: 4rem;
height: 4rem
}
.w-1 {
width: 0.5rem
}
.w-2 {
width: 1rem
}
.w-3 {
width: 1.5rem
}
.w-4 {
width: 2rem
}
.w-5 {
width: 2.5rem
}
.w-6 {
width: 3rem
}
.w-7 {
width: 3.5rem
}
.w-8 {
width: 4rem
}
.h-1 {
height: 0.5rem
}
.h-2 {
height: 1rem
}
.h-3 {
height: 1.5rem
}
.h-4 {
height: 2rem
}
.h-5 {
height: 2.5rem
}
.h-6 {
height: 3rem
}
.h-7 {
height: 3.5rem
}
.h-8 {
height: 4rem
}
.m-a {
margin: auto
}
.mt-a {
margin-top: auto
}
.mr-a {
margin-right: auto
}
.mb-a {
margin-bottom: auto
}
.ml-a {
margin-left: auto
}
.t-a {
top: auto
}
.r-a {
right: auto
}
.b-a {
bottom: auto
}
.l-a {
left: auto
}
@media (min-width: 601px) {
.m-a\@xs {
margin:auto
}
}
@media (min-width: 480px) {
.mt-a\@xs {
margin-top:auto
}
.mr-a\@xs {
margin-right: auto
}
.mb-a\@xs {
margin-bottom: auto
}
.ml-a\@xs {
margin-left: auto
}
.t-a\@xs {
top: auto
}
.r-a\@xs {
right: auto
}
.b-a\@xs {
bottom: auto
}
.l-a\@xs {
left: auto
}
}
@media (min-width: 601px) {
.m-a\@sm {
margin:auto
}
.mt-a\@sm {
margin-top: auto
}
.mr-a\@sm {
margin-right: auto
}
.mb-a\@sm {
margin-bottom: auto
}
.ml-a\@sm {
margin-left: auto
}
.t-a\@sm {
top: auto
}
.r-a\@sm {
right: auto
}
.b-a\@sm {
bottom: auto
}
.l-a\@sm {
left: auto
}
}
@media (min-width: 720px) {
.m-a\@md {
margin:auto
}
.mt-a\@md {
margin-top: auto
}
.mr-a\@md {
margin-right: auto
}
.mb-a\@md {
margin-bottom: auto
}
.ml-a\@md {
margin-left: auto
}
.t-a\@md {
top: auto
}
.r-a\@md {
right: auto
}
.b-a\@md {
bottom: auto
}
.l-a\@md {
left: auto
}
}
@media (min-width: 960px) {
.m-a\@lg {
margin:auto
}
.mt-a\@lg {
margin-top: auto
}
.mr-a\@lg {
margin-right: auto
}
.mb-a\@lg {
margin-bottom: auto
}
.ml-a\@lg {
margin-left: auto
}
.t-a\@lg {
top: auto
}
.r-a\@lg {
right: auto
}
.b-a\@lg {
bottom: auto
}
.l-a\@lg {
left: auto
}
}
@media (min-width: 1200px) {
.m-a\@xl {
margin:auto
}
.mt-a\@xl {
margin-top: auto
}
.mr-a\@xl {
margin-right: auto
}
.mb-a\@xl {
margin-bottom: auto
}
.ml-a\@xl {
margin-left: auto
}
.t-a\@xl {
top: auto
}
.r-a\@xl {
right: auto
}
.b-a\@xl {
bottom: auto
}
.l-a\@xl {
left: auto
}
}
@media (min-width: 480px) {
.m-0\@xs {
margin:0
}
.m-1\@xs {
margin: 0.5rem
}
.m-2\@xs {
margin: 1rem
}
.m-3\@xs {
margin: 1.5rem
}
.m-4\@xs {
margin: 2rem
}
.m-5\@xs {
margin: 2.5rem
}
.m-6\@xs {
margin: 3rem
}
.m-7\@xs {
margin: 3.5rem
}
.m-8\@xs {
margin: 4rem
}
.my-0\@xs {
margin-top: 0;
margin-bottom: 0
}
.my-1\@xs {
margin-top: 0.5rem;
margin-bottom: 0.5rem
}
.my-2\@xs {
margin-top: 1rem;
margin-bottom: 1rem
}
.my-3\@xs {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.my-4\@xs {
margin-top: 2rem;
margin-bottom: 2rem
}
.my-5\@xs {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.my-6\@xs {
margin-top: 3rem;
margin-bottom: 3rem
}
.my-7\@xs {
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.my-8\@xs {
margin-top: 4rem;
margin-bottom: 4rem
}
.mx-0\@xs {
margin-right: 0;
margin-left: 0
}
.mx-1\@xs {
margin-right: 0.5rem;
margin-left: 0.5rem
}
.mx-2\@xs {
margin-right: 1rem;
margin-left: 1rem
}
.mx-3\@xs {
margin-right: 1.5rem;
margin-left: 1.5rem
}
.mx-4\@xs {
margin-right: 2rem;
margin-left: 2rem
}
.mx-5\@xs {
margin-right: 2.5rem;
margin-left: 2.5rem
}
.mx-6\@xs {
margin-right: 3rem;
margin-left: 3rem
}
.mx-7\@xs {
margin-right: 3.5rem;
margin-left: 3.5rem
}
.mx-8\@xs {
margin-right: 4rem;
margin-left: 4rem
}
.mt-0\@xs {
margin-top: 0
}
.mt-1\@xs {
margin-top: 0.5rem
}
.mt-2\@xs {
margin-top: 1rem
}
.mt-3\@xs {
margin-top: 1.5rem
}
.mt-4\@xs {
margin-top: 2rem
}
.mt-5\@xs {
margin-top: 2.5rem
}
.mt-6\@xs {
margin-top: 3rem
}
.mt-7\@xs {
margin-top: 3.5rem
}
.mt-8\@xs {
margin-top: 4rem
}
.mr-0\@xs {
margin-right: 0
}
.mr-1\@xs {
margin-right: 0.5rem
}
.mr-2\@xs {
margin-right: 1rem
}
.mr-3\@xs {
margin-right: 1.5rem
}
.mr-4\@xs {
margin-right: 2rem
}
.mr-5\@xs {
margin-right: 2.5rem
}
.mr-6\@xs {
margin-right: 3rem
}
.mr-7\@xs {
margin-right: 3.5rem
}
.mr-8\@xs {
margin-right: 4rem
}
.mb-0\@xs {
margin-bottom: 0
}
.mb-1\@xs {
margin-bottom: 0.5rem
}
.mb-2\@xs {
margin-bottom: 1rem
}
.mb-3\@xs {
margin-bottom: 1.5rem
}
.mb-4\@xs {
margin-bottom: 2rem
}
.mb-5\@xs {
margin-bottom: 2.5rem
}
.mb-6\@xs {
margin-bottom: 3rem
}
.mb-7\@xs {
margin-bottom: 3.5rem
}
.mb-8\@xs {
margin-bottom: 4rem
}
.ml-0\@xs {
margin-left: 0
}
.ml-1\@xs {
margin-left: 0.5rem
}
.ml-2\@xs {
margin-left: 1rem
}
.ml-3\@xs {
margin-left: 1.5rem
}
.ml-4\@xs {
margin-left: 2rem
}
.ml-5\@xs {
margin-left: 2.5rem
}
.ml-6\@xs {
margin-left: 3rem
}
.ml-7\@xs {
margin-left: 3.5rem
}
.ml-8\@xs {
margin-left: 4rem
}
.p-0\@xs {
padding: 0
}
.p-1\@xs {
padding: 0.5rem
}
.p-2\@xs {
padding: 1rem
}
.p-3\@xs {
padding: 1.5rem
}
.p-4\@xs {
padding: 2rem
}
.p-5\@xs {
padding: 2.5rem
}
.p-6\@xs {
padding: 3rem
}
.p-7\@xs {
padding: 3.5rem
}
.p-8\@xs {
padding: 4rem
}
.py-0\@xs {
padding-top: 0;
padding-bottom: 0
}
.py-1\@xs {
padding-top: 0.5rem;
padding-bottom: 0.5rem
}
.py-2\@xs {
padding-top: 1rem;
padding-bottom: 1rem
}
.py-3\@xs {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.py-4\@xs {
padding-top: 2rem;
padding-bottom: 2rem
}
.py-5\@xs {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.py-6\@xs {
padding-top: 3rem;
padding-bottom: 3rem
}
.py-7\@xs {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.py-8\@xs {
padding-top: 4rem;
padding-bottom: 4rem
}
.px-0\@xs {
padding-right: 0;
padding-left: 0
}
.px-1\@xs {
padding-right: 0.5rem;
padding-left: 0.5rem
}
.px-2\@xs {
padding-right: 1rem;
padding-left: 1rem
}
.px-3\@xs {
padding-right: 1.5rem;
padding-left: 1.5rem
}
.px-4\@xs {
padding-right: 2rem;
padding-left: 2rem
}
.px-5\@xs {
padding-right: 2.5rem;
padding-left: 2.5rem
}
.px-6\@xs {
padding-right: 3rem;
padding-left: 3rem
}
.px-7\@xs {
padding-right: 3.5rem;
padding-left: 3.5rem
}
.px-8\@xs {
padding-right: 4rem;
padding-left: 4rem
}
.pt-0\@xs {
padding-top: 0
}
.pt-1\@xs {
padding-top: 0.5rem
}
.pt-2\@xs {
padding-top: 1rem
}
.pt-3\@xs {
padding-top: 1.5rem
}
.pt-4\@xs {
padding-top: 2rem
}
.pt-5\@xs {
padding-top: 2.5rem
}
.pt-6\@xs {
padding-top: 3rem
}
.pt-7\@xs {
padding-top: 3.5rem
}
.pt-8\@xs {
padding-top: 4rem
}
.pr-0\@xs {
padding-right: 0
}
.pr-1\@xs {
padding-right: 0.5rem
}
.pr-2\@xs {
padding-right: 1rem
}
.pr-3\@xs {
padding-right: 1.5rem
}
.pr-4\@xs {
padding-right: 2rem
}
.pr-5\@xs {
padding-right: 2.5rem
}
.pr-6\@xs {
padding-right: 3rem
}
.pr-7\@xs {
padding-right: 3.5rem
}
.pr-8\@xs {
padding-right: 4rem
}
.pb-0\@xs {
padding-bottom: 0
}
.pb-1\@xs {
padding-bottom: 0.5rem
}
.pb-2\@xs {
padding-bottom: 1rem
}
.pb-3\@xs {
padding-bottom: 1.5rem
}
.pb-4\@xs {
padding-bottom: 2rem
}
.pb-5\@xs {
padding-bottom: 2.5rem
}
.pb-6\@xs {
padding-bottom: 3rem
}
.pb-7\@xs {
padding-bottom: 3.5rem
}
.pb-8\@xs {
padding-bottom: 4rem
}
.pl-0\@xs {
padding-left: 0
}
.pl-1\@xs {
padding-left: 0.5rem
}
.pl-2\@xs {
padding-left: 1rem
}
.pl-3\@xs {
padding-left: 1.5rem
}
.pl-4\@xs {
padding-left: 2rem
}
.pl-5\@xs {
padding-left: 2.5rem
}
.pl-6\@xs {
padding-left: 3rem
}
.pl-7\@xs {
padding-left: 3.5rem
}
.pl-8\@xs {
padding-left: 4rem
}
.t-0\@xs {
top: 0
}
.t-1\@xs {
top: 0.5rem
}
.t-2\@xs {
top: 1rem
}
.t-3\@xs {
top: 1.5rem
}
.t-4\@xs {
top: 2rem
}
.t-5\@xs {
top: 2.5rem
}
.t-6\@xs {
top: 3rem
}
.t-7\@xs {
top: 3.5rem
}
.t-8\@xs {
top: 4rem
}
.r-0\@xs {
right: 0
}
.r-1\@xs {
right: 0.5rem
}
.r-2\@xs {
right: 1rem
}
.r-3\@xs {
right: 1.5rem
}
.r-4\@xs {
right: 2rem
}
.r-5\@xs {
right: 2.5rem
}
.r-6\@xs {
right: 3rem
}
.r-7\@xs {
right: 3.5rem
}
.r-8\@xs {
right: 4rem
}
.b-0\@xs {
bottom: 0
}
.b-1\@xs {
bottom: 0.5rem
}
.b-2\@xs {
bottom: 1rem
}
.b-3\@xs {
bottom: 1.5rem
}
.b-4\@xs {
bottom: 2rem
}
.b-5\@xs {
bottom: 2.5rem
}
.b-6\@xs {
bottom: 3rem
}
.b-7\@xs {
bottom: 3.5rem
}
.b-8\@xs {
bottom: 4rem
}
.l-0\@xs {
left: 0
}
.l-1\@xs {
left: 0.5rem
}
.l-2\@xs {
left: 1rem
}
.l-3\@xs {
left: 1.5rem
}
.l-4\@xs {
left: 2rem
}
.l-5\@xs {
left: 2.5rem
}
.l-6\@xs {
left: 3rem
}
.l-7\@xs {
left: 3.5rem
}
.l-8\@xs {
left: 4rem
}
.s-1\@xs {
width: 0.5rem;
height: 0.5rem
}
.s-2\@xs {
width: 1rem;
height: 1rem
}
.s-3\@xs {
width: 1.5rem;
height: 1.5rem
}
.s-4\@xs {
width: 2rem;
height: 2rem
}
.s-5\@xs {
width: 2.5rem;
height: 2.5rem
}
.s-6\@xs {
width: 3rem;
height: 3rem
}
.s-7\@xs {
width: 3.5rem;
height: 3.5rem
}
.s-8\@xs {
width: 4rem;
height: 4rem
}
.w-1\@xs {
width: 0.5rem
}
.w-2\@xs {
width: 1rem
}
.w-3\@xs {
width: 1.5rem
}
.w-4\@xs {
width: 2rem
}
.w-5\@xs {
width: 2.5rem
}
.w-6\@xs {
width: 3rem
}
.w-7\@xs {
width: 3.5rem
}
.w-8\@xs {
width: 4rem
}
.h-1\@xs {
height: 0.5rem
}
.h-2\@xs {
height: 1rem
}
.h-3\@xs {
height: 1.5rem
}
.h-4\@xs {
height: 2rem
}
.h-5\@xs {
height: 2.5rem
}
.h-6\@xs {
height: 3rem
}
.h-7\@xs {
height: 3.5rem
}
.h-8\@xs {
height: 4rem
}
}
@media (min-width: 601px) {
.m-0\@sm {
margin:0
}
.m-1\@sm {
margin: 0.5rem
}
.m-2\@sm {
margin: 1rem
}
.m-3\@sm {
margin: 1.5rem
}
.m-4\@sm {
margin: 2rem
}
.m-5\@sm {
margin: 2.5rem
}
.m-6\@sm {
margin: 3rem
}
.m-7\@sm {
margin: 3.5rem
}
.m-8\@sm {
margin: 4rem
}
.my-0\@sm {
margin-top: 0;
margin-bottom: 0
}
.my-1\@sm {
margin-top: 0.5rem;
margin-bottom: 0.5rem
}
.my-2\@sm {
margin-top: 1rem;
margin-bottom: 1rem
}
.my-3\@sm {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.my-4\@sm {
margin-top: 2rem;
margin-bottom: 2rem
}
.my-5\@sm {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.my-6\@sm {
margin-top: 3rem;
margin-bottom: 3rem
}
.my-7\@sm {
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.my-8\@sm {
margin-top: 4rem;
margin-bottom: 4rem
}
.mx-0\@sm {
margin-right: 0;
margin-left: 0
}
.mx-1\@sm {
margin-right: 0.5rem;
margin-left: 0.5rem
}
.mx-2\@sm {
margin-right: 1rem;
margin-left: 1rem
}
.mx-3\@sm {
margin-right: 1.5rem;
margin-left: 1.5rem
}
.mx-4\@sm {
margin-right: 2rem;
margin-left: 2rem
}
.mx-5\@sm {
margin-right: 2.5rem;
margin-left: 2.5rem
}
.mx-6\@sm {
margin-right: 3rem;
margin-left: 3rem
}
.mx-7\@sm {
margin-right: 3.5rem;
margin-left: 3.5rem
}
.mx-8\@sm {
margin-right: 4rem;
margin-left: 4rem
}
.mt-0\@sm {
margin-top: 0
}
.mt-1\@sm {
margin-top: 0.5rem
}
.mt-2\@sm {
margin-top: 1rem
}
.mt-3\@sm {
margin-top: 1.5rem
}
.mt-4\@sm {
margin-top: 2rem
}
.mt-5\@sm {
margin-top: 2.5rem
}
.mt-6\@sm {
margin-top: 3rem
}
.mt-7\@sm {
margin-top: 3.5rem
}
.mt-8\@sm {
margin-top: 4rem
}
.mr-0\@sm {
margin-right: 0
}
.mr-1\@sm {
margin-right: 0.5rem
}
.mr-2\@sm {
margin-right: 1rem
}
.mr-3\@sm {
margin-right: 1.5rem
}
.mr-4\@sm {
margin-right: 2rem
}
.mr-5\@sm {
margin-right: 2.5rem
}
.mr-6\@sm {
margin-right: 3rem
}
.mr-7\@sm {
margin-right: 3.5rem
}
.mr-8\@sm {
margin-right: 4rem
}
.mb-0\@sm {
margin-bottom: 0
}
.mb-1\@sm {
margin-bottom: 0.5rem
}
.mb-2\@sm {
margin-bottom: 1rem
}
.mb-3\@sm {
margin-bottom: 1.5rem
}
.mb-4\@sm {
margin-bottom: 2rem
}
.mb-5\@sm {
margin-bottom: 2.5rem
}
.mb-6\@sm {
margin-bottom: 3rem
}
.mb-7\@sm {
margin-bottom: 3.5rem
}
.mb-8\@sm {
margin-bottom: 4rem
}
.ml-0\@sm {
margin-left: 0
}
.ml-1\@sm {
margin-left: 0.5rem
}
.ml-2\@sm {
margin-left: 1rem
}
.ml-3\@sm {
margin-left: 1.5rem
}
.ml-4\@sm {
margin-left: 2rem
}
.ml-5\@sm {
margin-left: 2.5rem
}
.ml-6\@sm {
margin-left: 3rem
}
.ml-7\@sm {
margin-left: 3.5rem
}
.ml-8\@sm {
margin-left: 4rem
}
.p-0\@sm {
padding: 0
}
.p-1\@sm {
padding: 0.5rem
}
.p-2\@sm {
padding: 1rem
}
.p-3\@sm {
padding: 1.5rem
}
.p-4\@sm {
padding: 2rem
}
.p-5\@sm {
padding: 2.5rem
}
.p-6\@sm {
padding: 3rem
}
.p-7\@sm {
padding: 3.5rem
}
.p-8\@sm {
padding: 4rem
}
.py-0\@sm {
padding-top: 0;
padding-bottom: 0
}
.py-1\@sm {
padding-top: 0.5rem;
padding-bottom: 0.5rem
}
.py-2\@sm {
padding-top: 1rem;
padding-bottom: 1rem
}
.py-3\@sm {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.py-4\@sm {
padding-top: 2rem;
padding-bottom: 2rem
}
.py-5\@sm {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.py-6\@sm {
padding-top: 3rem;
padding-bottom: 3rem
}
.py-7\@sm {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.py-8\@sm {
padding-top: 4rem;
padding-bottom: 4rem
}
.px-0\@sm {
padding-right: 0;
padding-left: 0
}
.px-1\@sm {
padding-right: 0.5rem;
padding-left: 0.5rem
}
.px-2\@sm {
padding-right: 1rem;
padding-left: 1rem
}
.px-3\@sm {
padding-right: 1.5rem;
padding-left: 1.5rem
}
.px-4\@sm {
padding-right: 2rem;
padding-left: 2rem
}
.px-5\@sm {
padding-right: 2.5rem;
padding-left: 2.5rem
}
.px-6\@sm {
padding-right: 3rem;
padding-left: 3rem
}
.px-7\@sm {
padding-right: 3.5rem;
padding-left: 3.5rem
}
.px-8\@sm {
padding-right: 4rem;
padding-left: 4rem
}
.pt-0\@sm {
padding-top: 0
}
.pt-1\@sm {
padding-top: 0.5rem
}
.pt-2\@sm {
padding-top: 1rem
}
.pt-3\@sm {
padding-top: 1.5rem
}
.pt-4\@sm {
padding-top: 2rem
}
.pt-5\@sm {
padding-top: 2.5rem
}
.pt-6\@sm {
padding-top: 3rem
}
.pt-7\@sm {
padding-top: 3.5rem
}
.pt-8\@sm {
padding-top: 4rem
}
.pr-0\@sm {
padding-right: 0
}
.pr-1\@sm {
padding-right: 0.5rem
}
.pr-2\@sm {
padding-right: 1rem
}
.pr-3\@sm {
padding-right: 1.5rem
}
.pr-4\@sm {
padding-right: 2rem
}
.pr-5\@sm {
padding-right: 2.5rem
}
.pr-6\@sm {
padding-right: 3rem
}
.pr-7\@sm {
padding-right: 3.5rem
}
.pr-8\@sm {
padding-right: 4rem
}
.pb-0\@sm {
padding-bottom: 0
}
.pb-1\@sm {
padding-bottom: 0.5rem
}
.pb-2\@sm {
padding-bottom: 1rem
}
.pb-3\@sm {
padding-bottom: 1.5rem
}
.pb-4\@sm {
padding-bottom: 2rem
}
.pb-5\@sm {
padding-bottom: 2.5rem
}
.pb-6\@sm {
padding-bottom: 3rem
}
.pb-7\@sm {
padding-bottom: 3.5rem
}
.pb-8\@sm {
padding-bottom: 4rem
}
.pl-0\@sm {
padding-left: 0
}
.pl-1\@sm {
padding-left: 0.5rem
}
.pl-2\@sm {
padding-left: 1rem
}
.pl-3\@sm {
padding-left: 1.5rem
}
.pl-4\@sm {
padding-left: 2rem
}
.pl-5\@sm {
padding-left: 2.5rem
}
.pl-6\@sm {
padding-left: 3rem
}
.pl-7\@sm {
padding-left: 3.5rem
}
.pl-8\@sm {
padding-left: 4rem
}
.t-0\@sm {
top: 0
}
.t-1\@sm {
top: 0.5rem
}
.t-2\@sm {
top: 1rem
}
.t-3\@sm {
top: 1.5rem
}
.t-4\@sm {
top: 2rem
}
.t-5\@sm {
top: 2.5rem
}
.t-6\@sm {
top: 3rem
}
.t-7\@sm {
top: 3.5rem
}
.t-8\@sm {
top: 4rem
}
.r-0\@sm {
right: 0
}
.r-1\@sm {
right: 0.5rem
}
.r-2\@sm {
right: 1rem
}
.r-3\@sm {
right: 1.5rem
}
.r-4\@sm {
right: 2rem
}
.r-5\@sm {
right: 2.5rem
}
.r-6\@sm {
right: 3rem
}
.r-7\@sm {
right: 3.5rem
}
.r-8\@sm {
right: 4rem
}
.b-0\@sm {
bottom: 0
}
.b-1\@sm {
bottom: 0.5rem
}
.b-2\@sm {
bottom: 1rem
}
.b-3\@sm {
bottom: 1.5rem
}
.b-4\@sm {
bottom: 2rem
}
.b-5\@sm {
bottom: 2.5rem
}
.b-6\@sm {
bottom: 3rem
}
.b-7\@sm {
bottom: 3.5rem
}
.b-8\@sm {
bottom: 4rem
}
.l-0\@sm {
left: 0
}
.l-1\@sm {
left: 0.5rem
}
.l-2\@sm {
left: 1rem
}
.l-3\@sm {
left: 1.5rem
}
.l-4\@sm {
left: 2rem
}
.l-5\@sm {
left: 2.5rem
}
.l-6\@sm {
left: 3rem
}
.l-7\@sm {
left: 3.5rem
}
.l-8\@sm {
left: 4rem
}
.s-1\@sm {
width: 0.5rem;
height: 0.5rem
}
.s-2\@sm {
width: 1rem;
height: 1rem
}
.s-3\@sm {
width: 1.5rem;
height: 1.5rem
}
.s-4\@sm {
width: 2rem;
height: 2rem
}
.s-5\@sm {
width: 2.5rem;
height: 2.5rem
}
.s-6\@sm {
width: 3rem;
height: 3rem
}
.s-7\@sm {
width: 3.5rem;
height: 3.5rem
}
.s-8\@sm {
width: 4rem;
height: 4rem
}
.w-1\@sm {
width: 0.5rem
}
.w-2\@sm {
width: 1rem
}
.w-3\@sm {
width: 1.5rem
}
.w-4\@sm {
width: 2rem
}
.w-5\@sm {
width: 2.5rem
}
.w-6\@sm {
width: 3rem
}
.w-7\@sm {
width: 3.5rem
}
.w-8\@sm {
width: 4rem
}
.h-1\@sm {
height: 0.5rem
}
.h-2\@sm {
height: 1rem
}
.h-3\@sm {
height: 1.5rem
}
.h-4\@sm {
height: 2rem
}
.h-5\@sm {
height: 2.5rem
}
.h-6\@sm {
height: 3rem
}
.h-7\@sm {
height: 3.5rem
}
.h-8\@sm {
height: 4rem
}
}
@media (min-width: 720px) {
.m-0\@md {
margin:0
}
.m-1\@md {
margin: 0.5rem
}
.m-2\@md {
margin: 1rem
}
.m-3\@md {
margin: 1.5rem
}
.m-4\@md {
margin: 2rem
}
.m-5\@md {
margin: 2.5rem
}
.m-6\@md {
margin: 3rem
}
.m-7\@md {
margin: 3.5rem
}
.m-8\@md {
margin: 4rem
}
.my-0\@md {
margin-top: 0;
margin-bottom: 0
}
.my-1\@md {
margin-top: 0.5rem;
margin-bottom: 0.5rem
}
.my-2\@md {
margin-top: 1rem;
margin-bottom: 1rem
}
.my-3\@md {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.my-4\@md {
margin-top: 2rem;
margin-bottom: 2rem
}
.my-5\@md {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.my-6\@md {
margin-top: 3rem;
margin-bottom: 3rem
}
.my-7\@md {
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.my-8\@md {
margin-top: 4rem;
margin-bottom: 4rem
}
.mx-0\@md {
margin-right: 0;
margin-left: 0
}
.mx-1\@md {
margin-right: 0.5rem;
margin-left: 0.5rem
}
.mx-2\@md {
margin-right: 1rem;
margin-left: 1rem
}
.mx-3\@md {
margin-right: 1.5rem;
margin-left: 1.5rem
}
.mx-4\@md {
margin-right: 2rem;
margin-left: 2rem
}
.mx-5\@md {
margin-right: 2.5rem;
margin-left: 2.5rem
}
.mx-6\@md {
margin-right: 3rem;
margin-left: 3rem
}
.mx-7\@md {
margin-right: 3.5rem;
margin-left: 3.5rem
}
.mx-8\@md {
margin-right: 4rem;
margin-left: 4rem
}
.mt-0\@md {
margin-top: 0
}
.mt-1\@md {
margin-top: 0.5rem
}
.mt-2\@md {
margin-top: 1rem
}
.mt-3\@md {
margin-top: 1.5rem
}
.mt-4\@md {
margin-top: 2rem
}
.mt-5\@md {
margin-top: 2.5rem
}
.mt-6\@md {
margin-top: 3rem
}
.mt-7\@md {
margin-top: 3.5rem
}
.mt-8\@md {
margin-top: 4rem
}
.mr-0\@md {
margin-right: 0
}
.mr-1\@md {
margin-right: 0.5rem
}
.mr-2\@md {
margin-right: 1rem
}
.mr-3\@md {
margin-right: 1.5rem
}
.mr-4\@md {
margin-right: 2rem
}
.mr-5\@md {
margin-right: 2.5rem
}
.mr-6\@md {
margin-right: 3rem
}
.mr-7\@md {
margin-right: 3.5rem
}
.mr-8\@md {
margin-right: 4rem
}
.mb-0\@md {
margin-bottom: 0
}
.mb-1\@md {
margin-bottom: 0.5rem
}
.mb-2\@md {
margin-bottom: 1rem
}
.mb-3\@md {
margin-bottom: 1.5rem
}
.mb-4\@md {
margin-bottom: 2rem
}
.mb-5\@md {
margin-bottom: 2.5rem
}
.mb-6\@md {
margin-bottom: 3rem
}
.mb-7\@md {
margin-bottom: 3.5rem
}
.mb-8\@md {
margin-bottom: 4rem
}
.ml-0\@md {
margin-left: 0
}
.ml-1\@md {
margin-left: 0.5rem
}
.ml-2\@md {
margin-left: 1rem
}
.ml-3\@md {
margin-left: 1.5rem
}
.ml-4\@md {
margin-left: 2rem
}
.ml-5\@md {
margin-left: 2.5rem
}
.ml-6\@md {
margin-left: 3rem
}
.ml-7\@md {
margin-left: 3.5rem
}
.ml-8\@md {
margin-left: 4rem
}
.p-0\@md {
padding: 0
}
.p-1\@md {
padding: 0.5rem
}
.p-2\@md {
padding: 1rem
}
.p-3\@md {
padding: 1.5rem
}
.p-4\@md {
padding: 2rem
}
.p-5\@md {
padding: 2.5rem
}
.p-6\@md {
padding: 3rem
}
.p-7\@md {
padding: 3.5rem
}
.p-8\@md {
padding: 4rem
}
.py-0\@md {
padding-top: 0;
padding-bottom: 0
}
.py-1\@md {
padding-top: 0.5rem;
padding-bottom: 0.5rem
}
.py-2\@md {
padding-top: 1rem;
padding-bottom: 1rem
}
.py-3\@md {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.py-4\@md {
padding-top: 2rem;
padding-bottom: 2rem
}
.py-5\@md {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.py-6\@md {
padding-top: 3rem;
padding-bottom: 3rem
}
.py-7\@md {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.py-8\@md {
padding-top: 4rem;
padding-bottom: 4rem
}
.px-0\@md {
padding-right: 0;
padding-left: 0
}
.px-1\@md {
padding-right: 0.5rem;
padding-left: 0.5rem
}
.px-2\@md {
padding-right: 1rem;
padding-left: 1rem
}
.px-3\@md {
padding-right: 1.5rem;
padding-left: 1.5rem
}
.px-4\@md {
padding-right: 2rem;
padding-left: 2rem
}
.px-5\@md {
padding-right: 2.5rem;
padding-left: 2.5rem
}
.px-6\@md {
padding-right: 3rem;
padding-left: 3rem
}
.px-7\@md {
padding-right: 3.5rem;
padding-left: 3.5rem
}
.px-8\@md {
padding-right: 4rem;
padding-left: 4rem
}
.pt-0\@md {
padding-top: 0
}
.pt-1\@md {
padding-top: 0.5rem
}
.pt-2\@md {
padding-top: 1rem
}
.pt-3\@md {
padding-top: 1.5rem
}
.pt-4\@md {
padding-top: 2rem
}
.pt-5\@md {
padding-top: 2.5rem
}
.pt-6\@md {
padding-top: 3rem
}
.pt-7\@md {
padding-top: 3.5rem
}
.pt-8\@md {
padding-top: 4rem
}
.pr-0\@md {
padding-right: 0
}
.pr-1\@md {
padding-right: 0.5rem
}
.pr-2\@md {
padding-right: 1rem
}
.pr-3\@md {
padding-right: 1.5rem
}
.pr-4\@md {
padding-right: 2rem
}
.pr-5\@md {
padding-right: 2.5rem
}
.pr-6\@md {
padding-right: 3rem
}
.pr-7\@md {
padding-right: 3.5rem
}
.pr-8\@md {
padding-right: 4rem
}
.pb-0\@md {
padding-bottom: 0
}
.pb-1\@md {
padding-bottom: 0.5rem
}
.pb-2\@md {
padding-bottom: 1rem
}
.pb-3\@md {
padding-bottom: 1.5rem
}
.pb-4\@md {
padding-bottom: 2rem
}
.pb-5\@md {
padding-bottom: 2.5rem
}
.pb-6\@md {
padding-bottom: 3rem
}
.pb-7\@md {
padding-bottom: 3.5rem
}
.pb-8\@md {
padding-bottom: 4rem
}
.pl-0\@md {
padding-left: 0
}
.pl-1\@md {
padding-left: 0.5rem
}
.pl-2\@md {
padding-left: 1rem
}
.pl-3\@md {
padding-left: 1.5rem
}
.pl-4\@md {
padding-left: 2rem
}
.pl-5\@md {
padding-left: 2.5rem
}
.pl-6\@md {
padding-left: 3rem
}
.pl-7\@md {
padding-left: 3.5rem
}
.pl-8\@md {
padding-left: 4rem
}
.t-0\@md {
top: 0
}
.t-1\@md {
top: 0.5rem
}
.t-2\@md {
top: 1rem
}
.t-3\@md {
top: 1.5rem
}
.t-4\@md {
top: 2rem
}
.t-5\@md {
top: 2.5rem
}
.t-6\@md {
top: 3rem
}
.t-7\@md {
top: 3.5rem
}
.t-8\@md {
top: 4rem
}
.r-0\@md {
right: 0
}
.r-1\@md {
right: 0.5rem
}
.r-2\@md {
right: 1rem
}
.r-3\@md {
right: 1.5rem
}
.r-4\@md {
right: 2rem
}
.r-5\@md {
right: 2.5rem
}
.r-6\@md {
right: 3rem
}
.r-7\@md {
right: 3.5rem
}
.r-8\@md {
right: 4rem
}
.b-0\@md {
bottom: 0
}
.b-1\@md {
bottom: 0.5rem
}
.b-2\@md {
bottom: 1rem
}
.b-3\@md {
bottom: 1.5rem
}
.b-4\@md {
bottom: 2rem
}
.b-5\@md {
bottom: 2.5rem
}
.b-6\@md {
bottom: 3rem
}
.b-7\@md {
bottom: 3.5rem
}
.b-8\@md {
bottom: 4rem
}
.l-0\@md {
left: 0
}
.l-1\@md {
left: 0.5rem
}
.l-2\@md {
left: 1rem
}
.l-3\@md {
left: 1.5rem
}
.l-4\@md {
left: 2rem
}
.l-5\@md {
left: 2.5rem
}
.l-6\@md {
left: 3rem
}
.l-7\@md {
left: 3.5rem
}
.l-8\@md {
left: 4rem
}
.s-1\@md {
width: 0.5rem;
height: 0.5rem
}
.s-2\@md {
width: 1rem;
height: 1rem
}
.s-3\@md {
width: 1.5rem;
height: 1.5rem
}
.s-4\@md {
width: 2rem;
height: 2rem
}
.s-5\@md {
width: 2.5rem;
height: 2.5rem
}
.s-6\@md {
width: 3rem;
height: 3rem
}
.s-7\@md {
width: 3.5rem;
height: 3.5rem
}
.s-8\@md {
width: 4rem;
height: 4rem
}
.w-1\@md {
width: 0.5rem
}
.w-2\@md {
width: 1rem
}
.w-3\@md {
width: 1.5rem
}
.w-4\@md {
width: 2rem
}
.w-5\@md {
width: 2.5rem
}
.w-6\@md {
width: 3rem
}
.w-7\@md {
width: 3.5rem
}
.w-8\@md {
width: 4rem
}
.h-1\@md {
height: 0.5rem
}
.h-2\@md {
height: 1rem
}
.h-3\@md {
height: 1.5rem
}
.h-4\@md {
height: 2rem
}
.h-5\@md {
height: 2.5rem
}
.h-6\@md {
height: 3rem
}
.h-7\@md {
height: 3.5rem
}
.h-8\@md {
height: 4rem
}
}
@media (min-width: 960px) {
.m-0\@lg {
margin:0
}
.m-1\@lg {
margin: 0.5rem
}
.m-2\@lg {
margin: 1rem
}
.m-3\@lg {
margin: 1.5rem
}
.m-4\@lg {
margin: 2rem
}
.m-5\@lg {
margin: 2.5rem
}
.m-6\@lg {
margin: 3rem
}
.m-7\@lg {
margin: 3.5rem
}
.m-8\@lg {
margin: 4rem
}
.my-0\@lg {
margin-top: 0;
margin-bottom: 0
}
.my-1\@lg {
margin-top: 0.5rem;
margin-bottom: 0.5rem
}
.my-2\@lg {
margin-top: 1rem;
margin-bottom: 1rem
}
.my-3\@lg {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.my-4\@lg {
margin-top: 2rem;
margin-bottom: 2rem
}
.my-5\@lg {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.my-6\@lg {
margin-top: 3rem;
margin-bottom: 3rem
}
.my-7\@lg {
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.my-8\@lg {
margin-top: 4rem;
margin-bottom: 4rem
}
.mx-0\@lg {
margin-right: 0;
margin-left: 0
}
.mx-1\@lg {
margin-right: 0.5rem;
margin-left: 0.5rem
}
.mx-2\@lg {
margin-right: 1rem;
margin-left: 1rem
}
.mx-3\@lg {
margin-right: 1.5rem;
margin-left: 1.5rem
}
.mx-4\@lg {
margin-right: 2rem;
margin-left: 2rem
}
.mx-5\@lg {
margin-right: 2.5rem;
margin-left: 2.5rem
}
.mx-6\@lg {
margin-right: 3rem;
margin-left: 3rem
}
.mx-7\@lg {
margin-right: 3.5rem;
margin-left: 3.5rem
}
.mx-8\@lg {
margin-right: 4rem;
margin-left: 4rem
}
.mt-0\@lg {
margin-top: 0
}
.mt-1\@lg {
margin-top: 0.5rem
}
.mt-2\@lg {
margin-top: 1rem
}
.mt-3\@lg {
margin-top: 1.5rem
}
.mt-4\@lg {
margin-top: 2rem
}
.mt-5\@lg {
margin-top: 2.5rem
}
.mt-6\@lg {
margin-top: 3rem
}
.mt-7\@lg {
margin-top: 3.5rem
}
.mt-8\@lg {
margin-top: 4rem
}
.mr-0\@lg {
margin-right: 0
}
.mr-1\@lg {
margin-right: 0.5rem
}
.mr-2\@lg {
margin-right: 1rem
}
.mr-3\@lg {
margin-right: 1.5rem
}
.mr-4\@lg {
margin-right: 2rem
}
.mr-5\@lg {
margin-right: 2.5rem
}
.mr-6\@lg {
margin-right: 3rem
}
.mr-7\@lg {
margin-right: 3.5rem
}
.mr-8\@lg {
margin-right: 4rem
}
.mb-0\@lg {
margin-bottom: 0
}
.mb-1\@lg {
margin-bottom: 0.5rem
}
.mb-2\@lg {
margin-bottom: 1rem
}
.mb-3\@lg {
margin-bottom: 1.5rem
}
.mb-4\@lg {
margin-bottom: 2rem
}
.mb-5\@lg {
margin-bottom: 2.5rem
}
.mb-6\@lg {
margin-bottom: 3rem
}
.mb-7\@lg {
margin-bottom: 3.5rem
}
.mb-8\@lg {
margin-bottom: 4rem
}
.ml-0\@lg {
margin-left: 0
}
.ml-1\@lg {
margin-left: 0.5rem
}
.ml-2\@lg {
margin-left: 1rem
}
.ml-3\@lg {
margin-left: 1.5rem
}
.ml-4\@lg {
margin-left: 2rem
}
.ml-5\@lg {
margin-left: 2.5rem
}
.ml-6\@lg {
margin-left: 3rem
}
.ml-7\@lg {
margin-left: 3.5rem
}
.ml-8\@lg {
margin-left: 4rem
}
.p-0\@lg {
padding: 0
}
.p-1\@lg {
padding: 0.5rem
}
.p-2\@lg {
padding: 1rem
}
.p-3\@lg {
padding: 1.5rem
}
.p-4\@lg {
padding: 2rem
}
.p-5\@lg {
padding: 2.5rem
}
.p-6\@lg {
padding: 3rem
}
.p-7\@lg {
padding: 3.5rem
}
.p-8\@lg {
padding: 4rem
}
.py-0\@lg {
padding-top: 0;
padding-bottom: 0
}
.py-1\@lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem
}
.py-2\@lg {
padding-top: 1rem;
padding-bottom: 1rem
}
.py-3\@lg {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.py-4\@lg {
padding-top: 2rem;
padding-bottom: 2rem
}
.py-5\@lg {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.py-6\@lg {
padding-top: 3rem;
padding-bottom: 3rem
}
.py-7\@lg {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.py-8\@lg {
padding-top: 4rem;
padding-bottom: 4rem
}
.px-0\@lg {
padding-right: 0;
padding-left: 0
}
.px-1\@lg {
padding-right: 0.5rem;
padding-left: 0.5rem
}
.px-2\@lg {
padding-right: 1rem;
padding-left: 1rem
}
.px-3\@lg {
padding-right: 1.5rem;
padding-left: 1.5rem
}
.px-4\@lg {
padding-right: 2rem;
padding-left: 2rem
}
.px-5\@lg {
padding-right: 2.5rem;
padding-left: 2.5rem
}
.px-6\@lg {
padding-right: 3rem;
padding-left: 3rem
}
.px-7\@lg {
padding-right: 3.5rem;
padding-left: 3.5rem
}
.px-8\@lg {
padding-right: 4rem;
padding-left: 4rem
}
.pt-0\@lg {
padding-top: 0
}
.pt-1\@lg {
padding-top: 0.5rem
}
.pt-2\@lg {
padding-top: 1rem
}
.pt-3\@lg {
padding-top: 1.5rem
}
.pt-4\@lg {
padding-top: 2rem
}
.pt-5\@lg {
padding-top: 2.5rem
}
.pt-6\@lg {
padding-top: 3rem
}
.pt-7\@lg {
padding-top: 3.5rem
}
.pt-8\@lg {
padding-top: 4rem
}
.pr-0\@lg {
padding-right: 0
}
.pr-1\@lg {
padding-right: 0.5rem
}
.pr-2\@lg {
padding-right: 1rem
}
.pr-3\@lg {
padding-right: 1.5rem
}
.pr-4\@lg {
padding-right: 2rem
}
.pr-5\@lg {
padding-right: 2.5rem
}
.pr-6\@lg {
padding-right: 3rem
}
.pr-7\@lg {
padding-right: 3.5rem
}
.pr-8\@lg {
padding-right: 4rem
}
.pb-0\@lg {
padding-bottom: 0
}
.pb-1\@lg {
padding-bottom: 0.5rem
}
.pb-2\@lg {
padding-bottom: 1rem
}
.pb-3\@lg {
padding-bottom: 1.5rem
}
.pb-4\@lg {
padding-bottom: 2rem
}
.pb-5\@lg {
padding-bottom: 2.5rem
}
.pb-6\@lg {
padding-bottom: 3rem
}
.pb-7\@lg {
padding-bottom: 3.5rem
}
.pb-8\@lg {
padding-bottom: 4rem
}
.pl-0\@lg {
padding-left: 0
}
.pl-1\@lg {
padding-left: 0.5rem
}
.pl-2\@lg {
padding-left: 1rem
}
.pl-3\@lg {
padding-left: 1.5rem
}
.pl-4\@lg {
padding-left: 2rem
}
.pl-5\@lg {
padding-left: 2.5rem
}
.pl-6\@lg {
padding-left: 3rem
}
.pl-7\@lg {
padding-left: 3.5rem
}
.pl-8\@lg {
padding-left: 4rem
}
.t-0\@lg {
top: 0
}
.t-1\@lg {
top: 0.5rem
}
.t-2\@lg {
top: 1rem
}
.t-3\@lg {
top: 1.5rem
}
.t-4\@lg {
top: 2rem
}
.t-5\@lg {
top: 2.5rem
}
.t-6\@lg {
top: 3rem
}
.t-7\@lg {
top: 3.5rem
}
.t-8\@lg {
top: 4rem
}
.r-0\@lg {
right: 0
}
.r-1\@lg {
right: 0.5rem
}
.r-2\@lg {
right: 1rem
}
.r-3\@lg {
right: 1.5rem
}
.r-4\@lg {
right: 2rem
}
.r-5\@lg {
right: 2.5rem
}
.r-6\@lg {
right: 3rem
}
.r-7\@lg {
right: 3.5rem
}
.r-8\@lg {
right: 4rem
}
.b-0\@lg {
bottom: 0
}
.b-1\@lg {
bottom: 0.5rem
}
.b-2\@lg {
bottom: 1rem
}
.b-3\@lg {
bottom: 1.5rem
}
.b-4\@lg {
bottom: 2rem
}
.b-5\@lg {
bottom: 2.5rem
}
.b-6\@lg {
bottom: 3rem
}
.b-7\@lg {
bottom: 3.5rem
}
.b-8\@lg {
bottom: 4rem
}
.l-0\@lg {
left: 0
}
.l-1\@lg {
left: 0.5rem
}
.l-2\@lg {
left: 1rem
}
.l-3\@lg {
left: 1.5rem
}
.l-4\@lg {
left: 2rem
}
.l-5\@lg {
left: 2.5rem
}
.l-6\@lg {
left: 3rem
}
.l-7\@lg {
left: 3.5rem
}
.l-8\@lg {
left: 4rem
}
.s-1\@lg {
width: 0.5rem;
height: 0.5rem
}
.s-2\@lg {
width: 1rem;
height: 1rem
}
.s-3\@lg {
width: 1.5rem;
height: 1.5rem
}
.s-4\@lg {
width: 2rem;
height: 2rem
}
.s-5\@lg {
width: 2.5rem;
height: 2.5rem
}
.s-6\@lg {
width: 3rem;
height: 3rem
}
.s-7\@lg {
width: 3.5rem;
height: 3.5rem
}
.s-8\@lg {
width: 4rem;
height: 4rem
}
.w-1\@lg {
width: 0.5rem
}
.w-2\@lg {
width: 1rem
}
.w-3\@lg {
width: 1.5rem
}
.w-4\@lg {
width: 2rem
}
.w-5\@lg {
width: 2.5rem
}
.w-6\@lg {
width: 3rem
}
.w-7\@lg {
width: 3.5rem
}
.w-8\@lg {
width: 4rem
}
.h-1\@lg {
height: 0.5rem
}
.h-2\@lg {
height: 1rem
}
.h-3\@lg {
height: 1.5rem
}
.h-4\@lg {
height: 2rem
}
.h-5\@lg {
height: 2.5rem
}
.h-6\@lg {
height: 3rem
}
.h-7\@lg {
height: 3.5rem
}
.h-8\@lg {
height: 4rem
}
}
@media (min-width: 1200px) {
.m-0\@xl {
margin:0
}
.m-1\@xl {
margin: 0.5rem
}
.m-2\@xl {
margin: 1rem
}
.m-3\@xl {
margin: 1.5rem
}
.m-4\@xl {
margin: 2rem
}
.m-5\@xl {
margin: 2.5rem
}
.m-6\@xl {
margin: 3rem
}
.m-7\@xl {
margin: 3.5rem
}
.m-8\@xl {
margin: 4rem
}
.my-0\@xl {
margin-top: 0;
margin-bottom: 0
}
.my-1\@xl {
margin-top: 0.5rem;
margin-bottom: 0.5rem
}
.my-2\@xl {
margin-top: 1rem;
margin-bottom: 1rem
}
.my-3\@xl {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.my-4\@xl {
margin-top: 2rem;
margin-bottom: 2rem
}
.my-5\@xl {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.my-6\@xl {
margin-top: 3rem;
margin-bottom: 3rem
}
.my-7\@xl {
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.my-8\@xl {
margin-top: 4rem;
margin-bottom: 4rem
}
.mx-0\@xl {
margin-right: 0;
margin-left: 0
}
.mx-1\@xl {
margin-right: 0.5rem;
margin-left: 0.5rem
}
.mx-2\@xl {
margin-right: 1rem;
margin-left: 1rem
}
.mx-3\@xl {
margin-right: 1.5rem;
margin-left: 1.5rem
}
.mx-4\@xl {
margin-right: 2rem;
margin-left: 2rem
}
.mx-5\@xl {
margin-right: 2.5rem;
margin-left: 2.5rem
}
.mx-6\@xl {
margin-right: 3rem;
margin-left: 3rem
}
.mx-7\@xl {
margin-right: 3.5rem;
margin-left: 3.5rem
}
.mx-8\@xl {
margin-right: 4rem;
margin-left: 4rem
}
.mt-0\@xl {
margin-top: 0
}
.mt-1\@xl {
margin-top: 0.5rem
}
.mt-2\@xl {
margin-top: 1rem
}
.mt-3\@xl {
margin-top: 1.5rem
}
.mt-4\@xl {
margin-top: 2rem
}
.mt-5\@xl {
margin-top: 2.5rem
}
.mt-6\@xl {
margin-top: 3rem
}
.mt-7\@xl {
margin-top: 3.5rem
}
.mt-8\@xl {
margin-top: 4rem
}
.mr-0\@xl {
margin-right: 0
}
.mr-1\@xl {
margin-right: 0.5rem
}
.mr-2\@xl {
margin-right: 1rem
}
.mr-3\@xl {
margin-right: 1.5rem
}
.mr-4\@xl {
margin-right: 2rem
}
.mr-5\@xl {
margin-right: 2.5rem
}
.mr-6\@xl {
margin-right: 3rem
}
.mr-7\@xl {
margin-right: 3.5rem
}
.mr-8\@xl {
margin-right: 4rem
}
.mb-0\@xl {
margin-bottom: 0
}
.mb-1\@xl {
margin-bottom: 0.5rem
}
.mb-2\@xl {
margin-bottom: 1rem
}
.mb-3\@xl {
margin-bottom: 1.5rem
}
.mb-4\@xl {
margin-bottom: 2rem
}
.mb-5\@xl {
margin-bottom: 2.5rem
}
.mb-6\@xl {
margin-bottom: 3rem
}
.mb-7\@xl {
margin-bottom: 3.5rem
}
.mb-8\@xl {
margin-bottom: 4rem
}
.ml-0\@xl {
margin-left: 0
}
.ml-1\@xl {
margin-left: 0.5rem
}
.ml-2\@xl {
margin-left: 1rem
}
.ml-3\@xl {
margin-left: 1.5rem
}
.ml-4\@xl {
margin-left: 2rem
}
.ml-5\@xl {
margin-left: 2.5rem
}
.ml-6\@xl {
margin-left: 3rem
}
.ml-7\@xl {
margin-left: 3.5rem
}
.ml-8\@xl {
margin-left: 4rem
}
.p-0\@xl {
padding: 0
}
.p-1\@xl {
padding: 0.5rem
}
.p-2\@xl {
padding: 1rem
}
.p-3\@xl {
padding: 1.5rem
}
.p-4\@xl {
padding: 2rem
}
.p-5\@xl {
padding: 2.5rem
}
.p-6\@xl {
padding: 3rem
}
.p-7\@xl {
padding: 3.5rem
}
.p-8\@xl {
padding: 4rem
}
.py-0\@xl {
padding-top: 0;
padding-bottom: 0
}
.py-1\@xl {
padding-top: 0.5rem;
padding-bottom: 0.5rem
}
.py-2\@xl {
padding-top: 1rem;
padding-bottom: 1rem
}
.py-3\@xl {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.py-4\@xl {
padding-top: 2rem;
padding-bottom: 2rem
}
.py-5\@xl {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.py-6\@xl {
padding-top: 3rem;
padding-bottom: 3rem
}
.py-7\@xl {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.py-8\@xl {
padding-top: 4rem;
padding-bottom: 4rem
}
.px-0\@xl {
padding-right: 0;
padding-left: 0
}
.px-1\@xl {
padding-right: 0.5rem;
padding-left: 0.5rem
}
.px-2\@xl {
padding-right: 1rem;
padding-left: 1rem
}
.px-3\@xl {
padding-right: 1.5rem;
padding-left: 1.5rem
}
.px-4\@xl {
padding-right: 2rem;
padding-left: 2rem
}
.px-5\@xl {
padding-right: 2.5rem;
padding-left: 2.5rem
}
.px-6\@xl {
padding-right: 3rem;
padding-left: 3rem
}
.px-7\@xl {
padding-right: 3.5rem;
padding-left: 3.5rem
}
.px-8\@xl {
padding-right: 4rem;
padding-left: 4rem
}
.pt-0\@xl {
padding-top: 0
}
.pt-1\@xl {
padding-top: 0.5rem
}
.pt-2\@xl {
padding-top: 1rem
}
.pt-3\@xl {
padding-top: 1.5rem
}
.pt-4\@xl {
padding-top: 2rem
}
.pt-5\@xl {
padding-top: 2.5rem
}
.pt-6\@xl {
padding-top: 3rem
}
.pt-7\@xl {
padding-top: 3.5rem
}
.pt-8\@xl {
padding-top: 4rem
}
.pr-0\@xl {
padding-right: 0
}
.pr-1\@xl {
padding-right: 0.5rem
}
.pr-2\@xl {
padding-right: 1rem
}
.pr-3\@xl {
padding-right: 1.5rem
}
.pr-4\@xl {
padding-right: 2rem
}
.pr-5\@xl {
padding-right: 2.5rem
}
.pr-6\@xl {
padding-right: 3rem
}
.pr-7\@xl {
padding-right: 3.5rem
}
.pr-8\@xl {
padding-right: 4rem
}
.pb-0\@xl {
padding-bottom: 0
}
.pb-1\@xl {
padding-bottom: 0.5rem
}
.pb-2\@xl {
padding-bottom: 1rem
}
.pb-3\@xl {
padding-bottom: 1.5rem
}
.pb-4\@xl {
padding-bottom: 2rem
}
.pb-5\@xl {
padding-bottom: 2.5rem
}
.pb-6\@xl {
padding-bottom: 3rem
}
.pb-7\@xl {
padding-bottom: 3.5rem
}
.pb-8\@xl {
padding-bottom: 4rem
}
.pl-0\@xl {
padding-left: 0
}
.pl-1\@xl {
padding-left: 0.5rem
}
.pl-2\@xl {
padding-left: 1rem
}
.pl-3\@xl {
padding-left: 1.5rem
}
.pl-4\@xl {
padding-left: 2rem
}
.pl-5\@xl {
padding-left: 2.5rem
}
.pl-6\@xl {
padding-left: 3rem
}
.pl-7\@xl {
padding-left: 3.5rem
}
.pl-8\@xl {
padding-left: 4rem
}
.t-0\@xl {
top: 0
}
.t-1\@xl {
top: 0.5rem
}
.t-2\@xl {
top: 1rem
}
.t-3\@xl {
top: 1.5rem
}
.t-4\@xl {
top: 2rem
}
.t-5\@xl {
top: 2.5rem
}
.t-6\@xl {
top: 3rem
}
.t-7\@xl {
top: 3.5rem
}
.t-8\@xl {
top: 4rem
}
.r-0\@xl {
right: 0
}
.r-1\@xl {
right: 0.5rem
}
.r-2\@xl {
right: 1rem
}
.r-3\@xl {
right: 1.5rem
}
.r-4\@xl {
right: 2rem
}
.r-5\@xl {
right: 2.5rem
}
.r-6\@xl {
right: 3rem
}
.r-7\@xl {
right: 3.5rem
}
.r-8\@xl {
right: 4rem
}
.b-0\@xl {
bottom: 0
}
.b-1\@xl {
bottom: 0.5rem
}
.b-2\@xl {
bottom: 1rem
}
.b-3\@xl {
bottom: 1.5rem
}
.b-4\@xl {
bottom: 2rem
}
.b-5\@xl {
bottom: 2.5rem
}
.b-6\@xl {
bottom: 3rem
}
.b-7\@xl {
bottom: 3.5rem
}
.b-8\@xl {
bottom: 4rem
}
.l-0\@xl {
left: 0
}
.l-1\@xl {
left: 0.5rem
}
.l-2\@xl {
left: 1rem
}
.l-3\@xl {
left: 1.5rem
}
.l-4\@xl {
left: 2rem
}
.l-5\@xl {
left: 2.5rem
}
.l-6\@xl {
left: 3rem
}
.l-7\@xl {
left: 3.5rem
}
.l-8\@xl {
left: 4rem
}
.s-1\@xl {
width: 0.5rem;
height: 0.5rem
}
.s-2\@xl {
width: 1rem;
height: 1rem
}
.s-3\@xl {
width: 1.5rem;
height: 1.5rem
}
.s-4\@xl {
width: 2rem;
height: 2rem
}
.s-5\@xl {
width: 2.5rem;
height: 2.5rem
}
.s-6\@xl {
width: 3rem;
height: 3rem
}
.s-7\@xl {
width: 3.5rem;
height: 3.5rem
}
.s-8\@xl {
width: 4rem;
height: 4rem
}
.w-1\@xl {
width: 0.5rem
}
.w-2\@xl {
width: 1rem
}
.w-3\@xl {
width: 1.5rem
}
.w-4\@xl {
width: 2rem
}
.w-5\@xl {
width: 2.5rem
}
.w-6\@xl {
width: 3rem
}
.w-7\@xl {
width: 3.5rem
}
.w-8\@xl {
width: 4rem
}
.h-1\@xl {
height: 0.5rem
}
.h-2\@xl {
height: 1rem
}
.h-3\@xl {
height: 1.5rem
}
.h-4\@xl {
height: 2rem
}
.h-5\@xl {
height: 2.5rem
}
.h-6\@xl {
height: 3rem
}
.h-7\@xl {
height: 3.5rem
}
.h-8\@xl {
height: 4rem
}
}
.relative {
position: relative
}
.mb-1 {
margin-bottom: 0.5rem
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.flex {
display: flex
}
.inline-flex {
display: inline-flex
}
.grid {
display: grid
}
.h-4 {
height: 2rem
}
.w-4 {
width: 2rem
}
.w-full {
width: 100%
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
.gap-0\.25 {
gap: 0.125rem
}
.gap-0\.5 {
gap: 0.25rem
}
.gap-1 {
gap: 0.5rem
}
.gap-2 {
gap: 1rem
}
.gap-3 {
gap: 1.5rem
}
.gap-4 {
gap: 2rem
}
.gap-5 {
gap: 2.5rem
}
.gap-6 {
gap: 3rem
}
.gap-7 {
gap: 3.5rem
}
.gap-8 {
gap: 4rem
}
.rounded {
border-radius: 0.25rem
}
.uppercase {
text-transform: uppercase
}
.outline {
outline-style: solid
}
@media (min-width: 480px) {
.xs\:grid-cols-1 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
.xs\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.xs\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.xs\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.xs\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.xs\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
.xs\:gap-0\.25 {
gap: 0.125rem
}
.xs\:gap-0\.5 {
gap: 0.25rem
}
.xs\:gap-1 {
gap: 0.5rem
}
.xs\:gap-2 {
gap: 1rem
}
.xs\:gap-3 {
gap: 1.5rem
}
.xs\:gap-4 {
gap: 2rem
}
.xs\:gap-5 {
gap: 2.5rem
}
.xs\:gap-6 {
gap: 3rem
}
.xs\:gap-7 {
gap: 3.5rem
}
.xs\:gap-8 {
gap: 4rem
}
.xs\:rounded {
border-radius: 0.25rem
}
.xs\:rounded-none {
border-radius: 0px
}
}
@media (min-width: 601px) {
.sm\:grid-cols-1 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.sm\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.sm\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.sm\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
.sm\:gap-0\.25 {
gap: 0.125rem
}
.sm\:gap-0\.5 {
gap: 0.25rem
}
.sm\:gap-1 {
gap: 0.5rem
}
.sm\:gap-2 {
gap: 1rem
}
.sm\:gap-3 {
gap: 1.5rem
}
.sm\:gap-4 {
gap: 2rem
}
.sm\:gap-5 {
gap: 2.5rem
}
.sm\:gap-6 {
gap: 3rem
}
.sm\:gap-7 {
gap: 3.5rem
}
.sm\:gap-8 {
gap: 4rem
}
.sm\:rounded {
border-radius: 0.25rem
}
.sm\:rounded-none {
border-radius: 0px
}
}
@media (min-width: 720px) {
.md\:grid-cols-1 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.md\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
.md\:gap-0\.25 {
gap: 0.125rem
}
.md\:gap-0\.5 {
gap: 0.25rem
}
.md\:gap-1 {
gap: 0.5rem
}
.md\:gap-2 {
gap: 1rem
}
.md\:gap-3 {
gap: 1.5rem
}
.md\:gap-4 {
gap: 2rem
}
.md\:gap-5 {
gap: 2.5rem
}
.md\:gap-6 {
gap: 3rem
}
.md\:gap-7 {
gap: 3.5rem
}
.md\:gap-8 {
gap: 4rem
}
.md\:rounded {
border-radius: 0.25rem
}
.md\:rounded-none {
border-radius: 0px
}
}
@media (min-width: 960px) {
.lg\:grid-cols-1 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.lg\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.lg\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
.lg\:gap-0\.25 {
gap: 0.125rem
}
.lg\:gap-0\.5 {
gap: 0.25rem
}
.lg\:gap-1 {
gap: 0.5rem
}
.lg\:gap-2 {
gap: 1rem
}
.lg\:gap-3 {
gap: 1.5rem
}
.lg\:gap-4 {
gap: 2rem
}
.lg\:gap-5 {
gap: 2.5rem
}
.lg\:gap-6 {
gap: 3rem
}
.lg\:gap-7 {
gap: 3.5rem
}
.lg\:gap-8 {
gap: 4rem
}
.lg\:rounded {
border-radius: 0.25rem
}
.lg\:rounded-none {
border-radius: 0px
}
}
@media (min-width: 1200px) {
.xl\:grid-cols-1 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.xl\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
.xl\:gap-0\.25 {
gap: 0.125rem
}
.xl\:gap-0\.5 {
gap: 0.25rem
}
.xl\:gap-1 {
gap: 0.5rem
}
.xl\:gap-2 {
gap: 1rem
}
.xl\:gap-3 {
gap: 1.5rem
}
.xl\:gap-4 {
gap: 2rem
}
.xl\:gap-5 {
gap: 2.5rem
}
.xl\:gap-6 {
gap: 3rem
}
.xl\:gap-7 {
gap: 3.5rem
}
.xl\:gap-8 {
gap: 4rem
}
.xl\:rounded {
border-radius: 0.25rem
}
.xl\:rounded-none {
border-radius: 0px
}
}
[data-is-bullet-footer] {
display: none
}
.action-drawer .checkbox-label::before {
top: 2px
}
.action-drawer .checkbox-label::after {
top: 5px
}
.required-field::after {
color: var(--color-ruby);
content: " *"
}
@media (min-width: 720px) {
.css-736fdb {
margin: 0px;
order: 2;
}
}
.message {
padding: 1rem 1rem 0.25rem;
background-color: var(--alert--primary);
color: var(--alert--text);
}
.css-rsyo22 {
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 16px;
}
.css-pfjh3 {
-webkit-box-align: center;
align-items: center;
background-color: var(--color-tint9);
border-radius: 4px;
border: 0px;
color: var(--color-tint1);
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: 8px;
padding: 12px 16px;
width: 100%;
transition: all 0.2s ease 0s;
}
.css-1i611ju {
border: 2px solid var(--color-tint5);
width: 64px;
height: 64px;
border-radius: 32px;
outline: none;
padding: 0px;
}
.css-1xi1s4b {
background-color: var(--color-tint6);
border-radius: 12px;
}
:root {
--radius: 25;
--PI: 3.14159265358979;
--circumference: calc(var(--PI) * var(--radius) * 2px)
}
.progress-circle {
/* display: none; */
}
.progress-circle circle {
stroke: var(--color-tint5);
stroke-width: 2;
fill: transparent;
transform-origin: center;
stroke-dasharray: var(--circumference);
animation: spinner 2s ease-out infinite;
}
@keyframes spinner {
from {
stroke-dashoffset: var(--circumference);
stroke: var(--color-tint5);
transform: rotateZ(0deg)
}
to {
stroke-dashoffset: calc(var(--circumference) * -1);
stroke: var(--color-tint5);
transform: rotateZ(720deg)
}
}
#register-modal [data-reach-dialog-content] {
width: 630px;
}
.pane-section-heading {
align-items: center;
display: flex;
font-size: 1.125rem;
margin-bottom: 1rem
}
.pane-section-heading .helper-shelf-trigger {
padding-left: 0.5rem
}
.pane-section-heading .b-0 {
border: 0
}
.pane {
background-color: #fff;
box-shadow: 0 2px 5px rgba(229,229,229,0.4);
border: 1px solid #EBEBEB;
border-radius: 2px;
margin-bottom: 1.5rem;
transform: translate3d(0, 0, 0)
}
.pane.pane-is-not-editable {
background: #F5F5F5;
border: 0;
box-shadow: none
}
.pane.pane--secondary {
background-color: gainsboro
}
.pane.pane--subtle {
background: #f7f7f7;
border: 0;
box-shadow: none
}
.pane.pane--border {
box-shadow: none
}
.pane.pane--show-overflow {
transform: none
}
.pane.pane--with-dropdown {
position: relative;
z-index: 1
}
.pane[disabled] {
background-color: #F5F5F5;
color: #878686;
pointer-events: none
}
.pane.pane--dimension {
box-shadow: 0 2px 5px rgba(219,219,219,0.3)
}
.pane__hr {
border-color: #EDEDED;
margin: 0
}
.pane__header,.pane__footer,.pane__body {
position: relative
}
.pane__header {
align-items: center;
background: transparent;
border-bottom: solid 1px #EBEBEB;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
display: flex;
height: 48px;
padding: 0.5rem 0.5rem 0.5rem 1rem
}
.pane-title {
font-size: 1rem
}
.pane__body {
padding: 1.5rem
}
.pane.pane--settings .pane__body {
border-bottom: 1px solid #D7D7D7;
padding: 1rem 1.5rem
}
.line {
border-top: 1px solid #F3F3F3
}
.line p {
margin: 0
}
.line.line--med {
border-color: #E2E1E0
}
.list,.sidebar-list {
list-style: none;
margin: 0
}
.settings .btn {
align-items: center;
background: unset;
background-color: #FFFFFF;
border-color: #C7C7C7;
border-radius: 4px;
border-style: solid;
border-width: 1px;
color: #525150;
cursor: pointer;
display: inline-flex;
font-weight: 400;
justify-content: center;
padding: 0 0.75rem;
text-align: center;
text-decoration: none;
transition: all 0.2s;
white-space: nowrap
}
.settings .btn:hover {
background-color: #F0F0F0;
color: #525150
}
.settings .btn[disabled],.settings .btn[disabled]:hover {
background: #C7C7C7;
border-color: #CECDCB;
box-shadow: none;
color: #E8E8E8;
cursor: not-allowed
}
.settings .btn[class^=quiet-],.settings .btn[class*=quiet-] {
background-color: transparent;
border-style: solid;
border-width: 1px
}
.settings .btn[class^=quiet-][disabled],.settings .btn[class^=quiet-][disabled]:hover,.settings .btn[class*=quiet-][disabled],.settings .btn[class*=quiet-][disabled]:hover {
background-color: transparent;
box-shadow: none;
color: #E8E8E8
}
.settings .btn.quiet-btn {
border-color: #E0E0E0
}
.settings .btn.quiet-btn:hover {
background-color: #EDEDED;
color: #525150
}
.settings .btn.quiet-btn:active {
background-color: #E0E0E0;
color: #525150
}
.settings .btn.text-btn {
background: transparent;
border-color: transparent
}
.settings .btn.text-btn:hover {
background-color: #EDEDED
}
.settings .btn.text-btn:active {
background-color: #E0E0E0
}
.settings .btn.link-btn {
background: transparent;
border-color: transparent;
color: #F16127;
line-height: 1.4;
padding: 0;
white-space: normal
}
.settings .btn.link-btn:hover {
background-color: transparent;
color: #FA4D09
}
.settings .btn.lg-btn {
font-size: 1rem;
line-height: calc(2.5rem - 2px);
padding: 0 0.875rem
}
.settings .btn {
font-size: 1rem;
line-height: calc(2rem - 2px)
}
.settings .btn.sm-btn {
font-size: 0.875rem;
line-height: calc(1.5rem - 2px);
padding: 0 0.5rem
}
.settings .btn.xs-btn {
font-size: 0.75rem;
line-height: calc(1.25rem - 2px);
padding: 0 0.375rem
}
.settings .btn .icon,.settings .btn .symbol {
margin-right: 0.25rem;
pointer-events: none
}
.settings .btn.header-btn--primary {
height: 2rem;
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #1F1F1F;
font-size: 1rem;
font-weight: 400;
padding: 0 1rem;
border-radius: 4px
}
.settings .btn.header-btn--primary:hover {
background-color: rgba(255,255,255,0.8)
}
.settings .btn.header-btn--secondary {
height: 2rem;
background-color: #F16127;
border-color: #F16127;
color: #FFFFFF;
font-size: 1rem;
font-weight: 400;
padding: 0 0.75rem;
border-radius: 4px
}
.settings .btn.header-btn--secondary:hover {
background-color: #E55116
}
.settings .create-btn {
background-color: #63AA08;
border-color: #63AA08;
color: #FFFFFF
}
.settings .create-btn:hover {
background-color: #5a9b07;
color: #FFFFFF
}
.settings .create-btn:active {
background-color: #4D8406;
color: #FFFFFF
}
.settings .quiet-create-btn {
border-color: #63AA08;
color: #63AA08
}
.settings .quiet-create-btn:hover {
background-color: #F6FBF2;
color: #63AA08
}
.settings .quiet-create-btn:active {
background-color: #E7F4DE;
color: #63AA08
}
.settings .destroy-btn {
background-color: #F5775D;
border-color: #F5775D;
color: #FFFFFF
}
.settings .destroy-btn:hover {
background-color: #F14723;
color: #FFFFFF
}
.settings .destroy-btn:active {
background-color: #e7340f;
color: #FFFFFF
}
.settings .quiet-destroy-btn {
border-color: #F46345;
color: #F46345
}
.settings .quiet-destroy-btn:hover {
background-color: rgba(241,71,35,0.05);
color: #F46345
}
.settings .quiet-destroy-btn:active {
background-color: rgba(241,71,35,0.15);
color: #F46345
}
.settings .subtle-btn {
background: rgba(255,255,255,0.8);
border-color: #E5E5E5;
color: #B5B5B4
}
.settings .subtle-btn:hover {
background: rgba(233,233,230,0.2);
color: #B5B5B4
}
.settings .quiet-subtle-btn {
border-color: #E5E5E5;
color: #B5B5B4
}
.settings .quiet-subtle-btn:hover {
box-shadow: inset 0 0 0 3px rgba(181,181,180,0.2);
color: #B5B5B4
}
.settings .action-btn {
background: #E5E5E5;
border-color: #E5E5E5;
color: #878686
}
.settings .action-btn,.settings .action-btn--active,.settings .action-btn.active {
background: #949494;
border-color: #8C8C8C;
color: #FFFFFF
}
.settings .action-btn.active-btn {
background: #F16127;
border-color: #F16127;
color: #FFFFFF
}
.settings .icon-only-btn {
padding: 0
}
.settings .icon-only-btn .icon,.settings .icon-only-btn .symbol {
margin-right: 0
}
.settings .icon-only-btn.lg-btn {
height: 37px;
width: 37px
}
.settings .icon-only-btn {
height: 32px;
width: 32px
}
.settings .icon-only-btn.sm-btn {
height: 27px;
width: 27px
}
.settings .icon-only-btn.xs-btn {
height: 24px;
width: 24px
}
.button-group {
display: flex
}
.button-group .settings .btn {
border-radius: 0
}
.button-group .settings .btn:first-child,.button-group .settings .btn.first {
border-radius: 3px 0 0 3px
}
.button-group .settings .btn:last-child,.button-group .settings .btn.last {
border-radius: 0 3px 3px 0
}
.button-group .settings .btn.quiet-btn:not(:first-child) {
margin-left: -1px
}
.button-group .settings .btn.quiet-btn.active,.button-group .settings .btn.quiet-btn.is-open {
background: #E5E5E5
}
.settings .btn.multi-line-btn {
line-height: 1.4;
padding-top: 0.5em;
padding-bottom: 0.5em;
white-space: normal
}
.ladda-button[data-style="zoom-in"] {
overflow: inherit !important
}
.settings .btn[aria-controls^="react-tabs-"] {
padding: 0
}
.settings .btn[aria-controls^="react-tabs-"] button {
padding: 0 1em
}
.settings .pane label.label {
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0;
padding-bottom: 0;
}
.object-settings__row {
display: flex;
flex-direction: column;
gap: 2rem
}
@media (min-width: 960px) {
.object-settings__row {
flex-direction:row
}
}
.object-settings__col {
display: flex;
flex-direction: column;
gap: 2rem;
flex: 1
}
.object-settings__header {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 1rem
}
@media (min-width: 480px) {
.object-settings__header {
flex-direction:row
}
}
.object-settings__header-title {
font-size: 1.5rem;
font-weight: 600
}
.object-settings__header-subtitle {
color: #737373;
margin: 0
}
.object-settings__setting-title {
margin-bottom: 0.5rem
}
.object-settings .object-location__formatted-address {
background: #FAFAFA
}
@media (min-width: 960px) {
.object-settings .object-location__formatted-address {
background:transparent
}
}
@media (max-width: 600px) {
.object-settings .object-location__formatted-address {
flex-direction:column
}
}
.object-settings .object-location-edit {
background: #FFFFFF;
border-radius: 3px;
border: 1px solid #E2E1E0;
margin-bottom: 1.5rem;
padding: 1.5rem
}
.object-settings .object-location-edit__map {
border: 1px solid #E2E1E0;
border-left: 0;
border-left: 0;
margin: 0
}
.object-settings .object-location-edit__preview {
border-bottom: 1px solid #DADADA;
border-top: 0;
margin: 0;
padding-bottom: 0;
padding-top: 0
}
.object-settings .object-location-edit__hidden-location {
box-shadow: none
}
.object-settings .object-location-edit__options {
background: transparent;
text-align: right;
margin: 1rem 0 0 0;
padding-left: 0;
padding-right: 0
}
@media (max-width: 959px) {
.object-settings .object-location-edit__options {
min-width:15rem
}
}
.object-settings .object-location-edit__option-link {
color: #F16127
}
.object-settings .settings-inheritance-selector {
position: relative;
display: block
}
.object-settings .settings-inheritance-selector .select {
z-index: 1
}
.object-settings .object-image-dropzone {
width: 100%;
border: 2px solid transparent
}
.object-settings .object-image-dropzone.dropzone__active {
border: 2px dashed #666
}
.object-settings .object-image-dropzone * {
pointer-events: none
}
.object-settings .object-image-dropzone img {
display: block
}
.object-settings .object-image-dropzone-empty {
min-height: 200px;
border: 2px dashed #666;
border-radius: 5px;
display: flex
}
.object-settings .object-image-dropzone-empty.dropzone__active {
border: 2px solid #666;
background-color: rgba(0,0,0,0.2)
}
.object-settings__checkbox {
display: inline-block;
padding-right: 5px
}
.settings-multi-dropdown .dropdown__trigger {
border: 1px solid #DADADA;
border-radius: 3px;
padding: 0.15rem 0.5rem 0.25rem
}
.settings-multi-dropdown .dropdown.is-open .dropdown__trigger {
background: #E5E5E5
}
.settings-multi-dropdown .dropdown-menu {
margin-top: 2px
}
.modal .form-group .d-flex label{
margin-bottom: 0;
padding-bottom: 0;
}
.message-card {
padding: 1.5rem;
display: grid;
columns: 1;
gap: 1rem;
}
.message-card--author {
display: flex;
flex-direction: row;
align-items: center;
}
.message-card textarea {
min-height: 45px;
}
.message-card--content {
white-space: pre-wrap;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.25);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.editing-notice {
background-color: var(--color-ruby);
color: #FFFFFF;
padding: 1rem;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition: all .3s ease;
visibility: visible;
z-index: 999;
}
.editing-notice.sticky {
position: fixed;
top: 80px;
left: 0;
right: 0;
}
.settings .btn[class*=quiet-].editing {
background-color: var(--color-ruby);
color: #FFFFFF;
animation: pulse 2s infinite;
padding: 1rem 1rem;
}
.menu-group {
position: relative;
}
.menu-group .menu-group--flyout {
position:absolute;
z-index: 1;
}
.cursor-pointer {
cursor: pointer;
}
.icon-btn svg {
width: 1.5rem;
height: 1.5rem;
}
#return-to-top {
display: flex !important;
align-items: center;
justify-content: center;
color: #FFFFFF;
}