.countdown {
display: inline-flex;
align-items: center;
list-style: none;
padding-left: 0;
text-align: center
}
.countdown .date-time {
display: block;
min-width: 90px;
border-radius: var(--bs-border-radius-lg);
background-color: rgba(var(--bs-white-rgb), 0.15);
padding: .5rem
}
.countdown .date-time:not(:last-child) {
margin-right: 1rem
}
.countdown .date-time .num {
font-size: 2.15rem;
display: block;
font-weight: 500;
line-height: 1.1
}
.countdown .date-time .word {
font-size: .85rem;
display: block;
text-transform: uppercase
}
@media(max-width:576.98px) {
.countdown .date-time {
min-width: 70px
}
.countdown .date-time:not(:last-child) {
margin-right: .5rem
}
.countdown .date-time .num {
font-size: 1.85rem
}
.countdown .date-time .word {
font-size: .75rem
}
}
.dselect-wrapper .form-select {
padding-left: .75rem;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .25rem;
text-align: left
}
.dselect-wrapper .form-select.dselect-clearable {
padding-right: 3.25rem
}
.dselect-wrapper .form-select.form-select-sm {
padding-left: .5rem
}
.dselect-wrapper .form-select.form-select-sm.dselect-clearable {
padding-right: 3.125rem
}
.dselect-wrapper .form-select.form-select-lg {
padding-left: 1rem
}
.dselect-wrapper .form-select.form-select-lg.dselect-clearable {
padding-right: 3.375rem
}
.dselect-wrapper .dropdown-menu {
padding: .375rem;
width: 100%
}
.dselect-wrapper .dropdown-menu>.flex-column {
gap: .375rem
}
.dselect-wrapper .form-select-sm+.dropdown-menu {
padding: .25rem;
font-size: .875rem
}
.dselect-wrapper .form-select-lg+.dropdown-menu {
padding: .5rem;
font-size: 1.25rem
}
.dselect-wrapper .dropdown-item,
.dselect-wrapper .dropdown-header {
padding-left: .375rem;
padding-right: .375rem
}
.dselect-wrapper .form-select-sm+.dropdown-menu .dropdown-item,
.dselect-wrapper .form-select-sm+.dropdown-menu .dropdown-header {
padding-left: .25rem;
padding-right: .25rem
}
.dselect-wrapper .form-select-lg+.dropdown-menu .dropdown-item,
.dselect-wrapper .form-select-lg+.dropdown-menu .dropdown-header {
padding-left: .5rem;
padding-right: .5rem
}
.dselect-wrapper .form-control {
border-radius: 0;
box-shadow: none !important;
border-color: #ced4da !important;
padding: .25rem calc(0.375rem - 1px);
font-size: inherit
}
.dselect-wrapper .form-select-sm+.dropdown-menu .form-control {
padding: calc(0.25rem - 1px) calc(0.25rem - 1px)
}
.dselect-wrapper .form-select-lg+.dropdown-menu .form-control {
padding: .25rem calc(0.5rem - 1px)
}
.dselect-wrapper .dselect-no-results {
padding: .25rem .375rem
}
.dselect-wrapper .form-select-sm+.dropdown-menu .dselect-no-results {
padding: calc(0.25rem - 1px) .25rem
}
.dselect-wrapper .form-select-lg+.dropdown-menu .dselect-no-results {
padding: .25rem .5rem
}
.dselect-wrapper .dselect-tag {
background-color: #6c757d;
color: #f8f9fa;
padding-left: calc(0.5rem+14px);
padding-right: .5rem;
border-radius: .25rem;
height: calc(1.5 * 1rem);
line-height: calc((1.5 * 1rem) - 1px);
position: relative
}
.dselect-wrapper .form-select-sm .dselect-tag {
height: auto;
line-height: inherit
}
.dselect-wrapper .form-select-lg .dselect-tag {
height: calc(1.5 * 1.25rem);
line-height: calc(1.5 * 1.25rem)
}
.dselect-wrapper .dselect-tag-remove {
position: absolute;
left: .25rem;
top: 50%;
margin-top: -7px;
color: rgba(248, 249, 250, 0.35);
transition: color .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.dselect-wrapper .dselect-tag-remove {
transition: none
}
}
.dselect-wrapper .dselect-tag-remove:hover {
color: #f8f9fa
}
.dselect-wrapper .dselect-placeholder {
color: #6c757d
}
.dselect-wrapper .dropdown-header~.dropdown-item {
padding-left: .75rem;
padding-right: .75rem
}
.dselect-wrapper .form-select-sm+.dropdown-menu .dropdown-header {
font-size: .85em
}
.dselect-wrapper .form-select-sm+.dropdown-menu .dropdown-header~.dropdown-item {
padding-left: .5rem;
padding-right: .5rem
}
.dselect-wrapper .form-select-lg+.dropdown-menu .dropdown-header {
font-size: .85em
}
.dselect-wrapper .form-select-lg+.dropdown-menu .dropdown-header~.dropdown-item {
padding-left: 1rem;
padding-right: 1rem
}
.dselect-wrapper .dselect-clear {
position: absolute;
padding: 0;
border: 0;
box-shadow: none;
top: 0;
bottom: 0;
right: 2.25rem;
display: flex;
align-items: center;
color: #6c757d;
cursor: pointer
}
.dselect-wrapper .dselect-clear:hover {
color: inherit
}
.dselect-wrapper .dselect-clear svg {
width: .625rem;
height: .625rem
}
.dselect-wrapper [data-dselect-text=""]~.dselect-clear {
display: none
}
.was-validated .form-select:invalid+.dselect-wrapper .form-select,
.form-select.is-invalid+.dselect-wrapper .form-select {
border-color: var(--bs-danger);
box-shadow: none
}
.was-validated .form-select:valid+.dselect-wrapper .form-select,
.form-select.is-valid+.dselect-wrapper .form-select {
border-color: var(--bs-success);
box-shadow: none
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time,
.numInputWrapper {
height: auto
}
.flatpickr-calendar {
background: #fff;
opacity: 0;
display: block;
text-align: center;
visibility: hidden;
padding: .75rem;
direction: ltr;
border: 0;
font-size: .95rem;
line-height: 24px;
border-radius: var(--bs-border-radius);
position: absolute;
max-width: 300px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-box-shadow: var(--bs-box-shadow);
box-shadow: var(--bs-box-shadow);
top: calc(100%+0.125rem - 1rem)
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block
}
.flatpickr-calendar.inline,
.flatpickr-calendar.open {
opacity: 1;
max-height: 640px;
visibility: visible
}
.flatpickr-calendar.open {
z-index: 1990;
top: calc(100%+0.125rem);
transition: none
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: .125rem
}
.flatpickr-calendar.static {
position: absolute;
transition: all .3s
}
.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-wrapper,
.numInputWrapper {
position: relative
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n 1) .flatpickr-day.inRange:nth-child(7n 7) {
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n 2) .flatpickr-day.inRange:nth-child(7n 1) {
-webkit-box-shadow: var(--bs-box-shadow-sm);
box-shadow: var(--bs-box-shadow-sm)
}
.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0
}
.flatpickr-calendar.hasTime .flatpickr-time {
height: 40px
}
.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
left: auto;
right: 22px
}
.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
left: 50%;
right: 50%
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
bottom: 100%
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
top: 100%
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff
}
.flatpickr-calendar:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month input.cur-year:focus,
.flatpickr-current-month input.cur-year:hover,
.flatpickr-days:focus {
outline: 0
}
.flatpickr-months,
.flatpickr-weekdays {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox
}
.flatpickr-months {
display: flex
}
.flatpickr-months .flatpickr-month {
background: 0;
color: rgba(0, 0, 0, .9);
fill: rgba(0, 0, 0, 0.9);
height: 48px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
position: absolute;
top: 0;
height: 40px;
padding: 10px;
z-index: 3;
color: rgba(0, 0, 0, .9);
fill: rgba(0, 0, 0, 0.9)
}
.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
display: none
}
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
left: 0
}
.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
right: 0
}
.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
color: #959ea9
}
.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
fill: #f64747
}
.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
width: 14px;
height: 14px
}
.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
-webkit-transition: fill .1s;
transition: fill .1s;
fill: inherit
}
.numInputWrapper input {
width: 100%
}
.numInputWrapper input::-ms-clear {
display: none
}
.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 16px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.numInputWrapper span:active,
.numInputWrapper span:hover {
color: #e45858
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute
}
.numInputWrapper span.arrowUp {
top: 3px;
border-bottom: 0
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57, 57, 57, .6);
top: 26%
}
.numInputWrapper span.arrowDown {
top: calc(50% - 2px)
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57, 57, 57, .6);
top: 40%
}
.numInputWrapper span svg {
width: inherit;
height: auto
}
.numInputWrapper span svg path {
fill: rgba(0, 0, 0, 0.5)
}
.numInputWrapper:hover span {
opacity: 1
}
.flatpickr-current-month {
font-size: 1.1rem;
font-weight: 300;
color: inherit;
width: 75%;
left: 12.5%;
line-height: 1;
display: inline-block;
text-align: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
display: flex;
justify-content: center;
width: 100%
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: .5ch;
padding: 0
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
background: #f3f3f3;
color: inherit;
font-family: inherit;
height: auto;
line-height: inherit;
vertical-align: initial;
font-weight: 500;
text-transform: uppercase;
font-size: 1rem
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-current-month span.cur-month:hover {
background: rgba(0, 0, 0, .05)
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
display: inline-block
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0, 0, 0, .9)
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0, 0, 0, .9)
}
.flatpickr-current-month input.cur-year {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
display: inline-block;
border: 0;
border-radius: var(--bs-border-radius);
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
padding: .3rem
}
.flatpickr-day,
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0, 0, 0, .5);
background: 0;
pointer-events: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
border: 0;
border-radius: var(--bs-border-radius);
box-sizing: border-box;
margin: -1px .5rem 0 0;
outline: 0;
padding: .25rem;
position: relative;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
-moz-appearance: menulist;
width: auto
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent;
outline: 0;
padding: 0
}
.flatpickr-weekdays {
background: 0;
text-align: center;
overflow: hidden;
width: 100%;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 28px
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
span.flatpickr-weekday {
background: 0;
color: #565656;
line-height: 1;
margin: 0;
text-align: center;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-transform: uppercase;
font-size: .75rem;
font-weight: 400
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: auto
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
.dayContainer .dayContainer {
-webkit-box-shadow: -1px 0 0 #e6e6e6;
box-shadow: -1px 0 0 #e6e6e6
}
.flatpickr-day {
background: 0;
border: 1px solid transparent;
border-radius: var(--bs-border-radius);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #24262b;
width: 14.2857143%;
-webkit-flex-basis: 14.2857143%;
-ms-flex-preferred-size: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 40px;
height: 34px;
line-height: 34px;
margin: 0;
display: inline-block;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
cursor: pointer
}
.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
outline: 0;
border-color: var(--bs-primary);
background: var(--bs-primary);
color: #fff
}
.flatpickr-day.today {
border-color: var(--bs-gray-dark);
background: var(--bs-gray-dark);
color: #fff
}
.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
border-color: var(--bs-gray-500);
background: var(--bs-gray-500);
color: #fff
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
background: var(--bs-primary);
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: var(--bs-primary)
}
.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
border-radius: 50px 0 0 50px
}
.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
border-radius: 0 50px 50px 0
}
.flatpickr-day.endRange.startRange .endRange:not(:nth-child(7n 1)),
.flatpickr-day.selected.startRange .endRange:not(:nth-child(7n 1)),
.flatpickr-day.startRange.startRange .endRange:not(:nth-child(7n 1)) {
-webkit-box-shadow: -10px 0 0 var(--bs-gray-600);
box-shadow: -10px 0 0 var(--bs-gray-600)
}
.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
border-radius: 50px
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
color: var(--bs-tertiary-color);
background: 0;
border-color: transparent
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
color: var(--bs-gray-300);
cursor: not-allowed;
text-decoration: line-through
}
.flatpickr-day.hidden {
visibility: hidden
}
.rangeMode .flatpickr-day {
margin-top: 1px
}
.flatpickr-weekwrapper {
float: left
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
-webkit-box-shadow: var(--bs-box-shadow);
box-shadow: var(--bs-box-shadow)
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(57, 57, 57, .5);
background: 0;
border: 0
}
.flatpickr-innerContainer {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 48px;
max-height: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.flatpickr-time:after {
content: "";
display: table;
clear: both
}
.flatpickr-time .numInputWrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 40%;
height: 48px;
float: left
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: var(--bs-gray-700)
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: var(--bs-gray-700)
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%
}
.flatpickr-time input {
background: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: var(--bs-border-radius);
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: var(--bs-dark);
font-size: 1rem;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield
}
.flatpickr-time input:focus {
outline: 0;
border: 0
}
.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
height: inherit;
float: left;
line-height: inherit;
color: var(--bs-gray-400);
font-weight: 700;
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
text-align: center;
font-weight: 400
}
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
background: #eee
}
.flatpickr-input[readonly] {
cursor: pointer
}
.glightbox-container,
.glightbox-container .gslider {
height: 100%;
top: 0;
overflow: hidden;
width: 100%;
left: 0
}
.desc-bottom .gslide-media,
.desc-top .gslide-media,
.gclose,
.glightbox-container .ginner-container,
.gnext,
.gprev {
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.glightbox-container {
position: fixed;
z-index: 99997 !important;
-ms-touch-action: none;
touch-action: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: 0
}
.glightbox-button-hidden,
.glightbox-container.inactive,
.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster,
.gslide-video.playing::before,
.zoomed .gslide-description {
display: none
}
.glightbox-container .gcontainer {
position: relative;
width: 100%;
height: 100%;
z-index: 9999;
overflow: hidden
}
.glightbox-container .gslider {
-webkit-transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s;
position: relative;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.glightbox-container .gslide {
width: 100%;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0
}
.glightbox-container .gslide.current {
opacity: 1;
z-index: 99999;
position: relative
}
.glightbox-container .gslide.prev {
opacity: 1;
z-index: 9999
}
.glightbox-container .ginner-container.gvideo-container,
.glightbox-container .gslide-inner-content {
width: 100%
}
.glightbox-container .ginner-container {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
margin: auto;
height: 100vh
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
max-width: 100% !important
}
.gslide iframe,
.gslide video {
outline: 0 !important;
border: none;
min-height: 165px;
-webkit-overflow-scrolling: touch;
-ms-touch-action: auto;
touch-action: auto
}
.gslide:not(.current) {
pointer-events: none
}
.gslide-image {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.gslide-image img {
max-height: 100vh;
display: block;
padding: 0;
float: none;
outline: 0;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: 100vw;
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-ms-touch-action: none;
touch-action: none;
margin: auto;
min-width: 200px;
border-radius: var(--bs-border-radius)
}
.desc-bottom .gslide-image img,
.desc-top .gslide-image img {
width: auto
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
width: auto;
max-width: 100%
}
.grelative,
.gslide-image img.zoomable {
position: relative
}
.gslide-image img.dragging,
.gslide-inline .dragging {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
-webkit-transition: none;
transition: none
}
.gslide-video {
position: relative;
max-width: 100vh;
width: 100% !important
}
.gslide-video .gvideo-wrapper {
width: 100%;
margin: auto
}
.gslide-video::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 0, 0, .34);
display: none
}
.gslide-video.fullscreen {
max-width: 100% !important;
min-width: 100%;
height: 75vh
}
.gslide-description.description-left,
.gslide-description.description-right,
.gslide-inline {
max-width: 100%
}
.gslide-video.fullscreen video {
max-width: 100% !important;
width: 100% !important
}
.gslide-inline {
background: #fff;
text-align: left;
max-height: calc(100vh - 40px);
overflow: auto;
margin: auto
}
.gslide-inline .ginlined-content {
padding: 20px;
width: 100%
}
.ginlined-content {
overflow: auto;
display: block !important;
opacity: 1
}
.gslide-external {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-width: 100%;
background: #fff;
padding: 0;
overflow: auto;
max-height: 75vh;
height: 100%
}
.glightbox-clean .gslide-video,
.glightbox-mobile .goverlay,
.goverlay {
background: #000
}
.gslide-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto
}
.zoomed .gslide-media {
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.desc-bottom .gslide-media,
.desc-top .gslide-media {
margin: 0 auto;
-ms-flex-direction: column;
flex-direction: column
}
.gslide-description {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%
}
.gslide-description.description-bottom,
.gslide-description.description-top {
margin: 0 auto;
width: 100%
}
.glightbox-clean .gnext,
.glightbox-clean .gprev {
top: -100%;
width: 40px;
height: 50px;
position: absolute
}
.gslide-description p {
margin-bottom: 12px
}
.gslide-description p:last-child {
margin-bottom: 0
}
.glightbox-mobile .glightbox-container .gslide-description {
height: auto !important;
width: 100%;
position: absolute;
bottom: 0;
padding: 19px 11px 50px;
max-width: 100vw !important;
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
max-height: 78vh;
overflow: auto !important;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .75) 100%);
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear
}
.glightbox-mobile .glightbox-container .gslide-title {
color: #fff;
font-size: 1em
}
.glightbox-mobile .glightbox-container .gslide-desc {
color: var(--bs-light)
}
.glightbox-mobile .glightbox-container .gslide-desc a {
color: var(--bs-white);
font-weight: 700
}
.glightbox-mobile .glightbox-container .gslide-desc * {
color: inherit
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
color: #fff;
opacity: .4
}
.gdesc-open .gslide-media {
-webkit-transition: opacity .5s;
transition: opacity .5s;
opacity: .4
}
.gdesc-open .gdesc-inner {
padding-bottom: 30px
}
.gdesc-closed .gslide-media {
-webkit-transition: opacity .5s;
transition: opacity .5s;
opacity: 1
}
.greset {
-webkit-transition: .3s;
transition: .3s
}
.gabsolute {
position: absolute
}
.glightbox-desc {
display: none !important
}
.glightbox-open {
overflow: hidden
}
.gloader {
height: 25px;
width: 25px;
-webkit-animation: .8s linear infinite lightboxLoader;
animation: .8s linear infinite lightboxLoader;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
position: absolute;
display: block;
z-index: 9999;
left: 0;
right: 0;
margin: 0 auto;
top: 47%
}
.goverlay {
width: 100%;
height: calc(100vh + 1px);
position: fixed;
top: -1px;
left: 0;
will-change: opacity
}
.gclose,
.gnext,
.gprev {
z-index: 99999;
cursor: pointer;
width: 26px;
height: 44px;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column
}
.gclose svg,
.gnext svg,
.gprev svg {
display: block;
width: 25px;
height: auto;
margin: 0;
padding: 0
}
.gclose.disabled,
.gnext.disabled,
.gprev.disabled {
opacity: .1
}
.gclose .garrow,
.gnext .garrow,
.gprev .garrow {
stroke: #fff
}
.gbtn.focused {
outline: #0f3d81 solid 2px
}
iframe.wait-autoplay {
opacity: 0
}
.glightbox-closing .gclose,
.glightbox-closing .gnext,
.glightbox-closing .gprev {
opacity: 0 !important
}
.glightbox-clean .gdesc-inner {
padding: 20px 20px;
text-align: center
}
.glightbox-clean .gslide-title {
font-size: 1em;
font-weight: 400;
font-family: arial;
color: #fff;
margin-bottom: 19px;
line-height: 1.4em
}
.glightbox-clean .gslide-desc {
font-size: .86em;
margin-bottom: 0;
font-family: arial;
line-height: 1.4em
}
.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
background-color: rgba(var(--bs-black), .75);
border-radius: var(--bs-border-radius)
}
.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path {
fill: #fff
}
.glightbox-clean .gprev {
left: 30px
}
.glightbox-clean .gnext {
right: 30px
}
.glightbox-clean .gclose {
width: 35px;
height: 35px;
top: 15px;
right: 10px;
position: absolute
}
.glightbox-clean .gclose svg {
width: 18px;
height: auto
}
.glightbox-clean .gclose:hover {
opacity: 1
}
.gfadeIn {
-webkit-animation: .5s gfadeIn;
animation: .5s gfadeIn
}
.gfadeOut {
-webkit-animation: .5s gfadeOut;
animation: .5s gfadeOut
}
.gslideOutLeft {
-webkit-animation: .3s gslideOutLeft;
animation: .3s gslideOutLeft
}
.gslideInLeft {
-webkit-animation: .3s gslideInLeft;
animation: .3s gslideInLeft
}
.gslideOutRight {
-webkit-animation: .3s gslideOutRight;
animation: .3s gslideOutRight
}
.gslideInRight {
-webkit-animation: .3s gslideInRight;
animation: .3s gslideInRight
}
.gzoomIn {
-webkit-animation: .5s gzoomIn;
animation: .5s gzoomIn
}
.gzoomOut {
-webkit-animation: .5s gzoomOut;
animation: .5s gzoomOut
}
@-webkit-keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes gfadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes gfadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes gfadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes gfadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0)
}
to {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0)
}
to {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@-webkit-keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden
}
}
@keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden
}
}
@-webkit-keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@-webkit-keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0
}
}
@keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0
}
}
@-webkit-keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 1
}
}
@keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 1
}
}
@-webkit-keyframes gzoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes gzoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@media (min-width:769px) {
.glightbox-container .ginner-container {
width: auto;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.glightbox-container .ginner-container.desc-left .gslide-description,
.glightbox-container .ginner-container.desc-top .gslide-description {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.glightbox-container .ginner-container.desc-left .gslide-image,
.glightbox-container .ginner-container.desc-top .gslide-image,
.glightbox-container .ginner-container.desc-top .gslide-image img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.gslide-image img {
max-height: 97vh;
max-width: 100%
}
.gslide-image img.zoomable {
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.zoomed .gslide-image img.zoomable {
cursor: -webkit-grab;
cursor: grab
}
.gslide-inline {
max-height: 95vh
}
.gslide-external {
max-height: 100vh
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 275px
}
.glightbox-open {
height: auto
}
.goverlay {
background: rgba(0, 0, 0, .92)
}
.glightbox-clean .gslide-media {
-webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65);
box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65);
border-radius: .55rem
}
.glightbox-clean .description-left .gdesc-inner,
.glightbox-clean .description-right .gdesc-inner {
position: absolute;
height: 100%;
overflow-y: auto
}
.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
background-color: rgba(var(--bs-black), .32)
}
.glightbox-clean .gclose:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gprev:hover {
background-color: rgba(var(--bs-black), .7)
}
.glightbox-clean .gnext,
.glightbox-clean .gprev {
top: 45%
}
}
@media (min-width:992px) {
.glightbox-clean .gclose {
opacity: .7;
right: 20px
}
}
@media screen and (max-height:420px) {
.goverlay {
background: #000
}
}
pre code.hljs {
display: block;
overflow-x: auto;
padding: 1.5em
}
code.hljs {
padding: 3px 5px
}
.hljs {
color: #abb2bf;
background: #282c34
}
.hljs-comment,
.hljs-quote {
color: #5c6370;
font-style: italic
}
.hljs-doctag,
.hljs-formula,
.hljs-keyword {
color: #c678dd
}
.hljs-deletion,
.hljs-name,
.hljs-section,
.hljs-selector-tag,
.hljs-subst {
color: #e06c75
}
.hljs-literal {
color: #56b6c2
}
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string {
color: #98c379
}
.hljs-attr,
.hljs-number,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-pseudo,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
color: #d19a66
}
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-symbol,
.hljs-title {
color: #61aeee
}
.hljs-built_in,
.hljs-class .hljs-title,
.hljs-title.class_ {
color: #e6c07b
}
.hljs-emphasis {
font-style: italic
}
.hljs-strong {
font-weight: 700
}
.hljs-link {
text-decoration: underline
}
/* hotel-datepicker 4.6.0 */
/* Copyright 2022 Benito Lopez (http://lopezb.com) */
/* https://github.com/benitolopez/hotel-datepicker - MIT */
.datepicker__month-caption,
.datepicker__week-days {
height: 2em;
vertical-align: middle
}
.datepicker__clear-button,
.datepicker__close-button,
.datepicker__month-button,
.datepicker__month-day,
.datepicker__submit-button {
transition-duration: .2s;
transition-property: color, background-color, border-color
}
.datepicker {
border: 1px solid var(--bs-light-border-subtle);
box-sizing: border-box;
overflow: hidden;
position: absolute;
z-index: 10;
margin-top: .125rem;
background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius);
box-shadow: 0 0.5rem 1rem rgba(var(--bs-black-rgb), 0.15);
color: var(--bs-body-color);
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
line-height: 1
}
.datepicker-right+.datepicker {
right: 0
}
.datepicker--inline {
position: relative
}
.datepicker__inner {
overflow: hidden;
padding: 1.5rem 1.25rem
}
.datepicker__month {
border-collapse: collapse;
text-align: center;
width: 100%;
font-size: 92.5%
}
.datepicker__info--feedback,
.datepicker__month--month2 {
display: none
}
.datepicker__month-button,
.datepicker__month-day--valid {
cursor: pointer;
-webkit-user-select: none;
user-select: none
}
.datepicker__month-day--lastMonth,
.datepicker__month-day--nextMonth {
visibility: hidden
}
.datepicker__info--error,
.datepicker__info--help {
display: block
}
datepicker__buttons {
-webkit-user-select: none;
user-select: none
}
.datepicker__clear-button,
.datepicker__close-button {
cursor: pointer
}
.datepicker__tooltip {
position: absolute
}
.datepicker__month-day--disabled,
.datepicker__month-day--no-checkin,
.datepicker__month-day--no-checkout {
position: relative
}
.datepicker__month-caption {
border-bottom: 1px solid var(--bs-border-color)
}
.datepicker__month-name {
text-transform: uppercase;
font-weight: 500;
font-size: 95%
}
.datepicker__week-name {
font-size: 75%;
font-weight: 500;
text-transform: uppercase
}
.datepicker__month-day {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
color: var(--bs-body);
padding: 8px;
border: 1px solid transparent
}
.datepicker__month-day--disabled,
.datepicker__month-day--invalid {
color: var(--bs-secondary);
text-decoration: line-through
}
.datepicker__month-day:focus {
outline: 0;
background-color: var(--bs-gray-600)
}
.datepicker__month-day--no-checkin:before {
bottom: 0;
left: 0;
width: 0;
height: 0;
content: "";
display: block;
position: absolute;
z-index: -1;
border-bottom: 8px solid var(--bs-danger);
border-right: 8px solid transparent
}
.datepicker__month-day--no-checkout:before {
top: 0;
right: 0;
width: 0;
height: 0;
content: "";
display: block;
position: absolute;
z-index: -1;
border-top: 8px solid var(--bs-danger);
border-left: 8px solid transparent
}
.datepicker__month-day--no-checkin.datepicker__month-day--no-checkout:before {
content: none
}
.datepicker__month-day--disabled:after {
content: "\00d7";
left: 50%;
position: absolute;
color: var(--bs-danger);
font-size: 92.5%;
top: 50%;
transform: translate(-50%, -50%)
}
.datepicker__month-day--day-of-week-disabled,
.datepicker__month-day--no-checkin,
.datepicker__month-day--no-checkout {
background-color: var(--gray-100)
}
.datepicker__month-day--hovering,
.datepicker__month-day--selected {
background-color: rgba(var(--bs-primary-rgb), .15);
color: var(--bs-primary-text);
font-weight: 400
}
.datepicker__month-day--selected:after,
.datepicker__month-day--selected:before {
display: none
}
.datepicker__month-day--today {
background-color: var(--bs-gray-dark);
color: var(--bs-white)
}
.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected {
background-color: var(--bs-primary);
color: var(--bs-white)
}
.datepicker__month-day--last-day-selected:after {
content: none
}
.datepicker__month-button {
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
text-indent: -9999px;
padding: 6px;
align-items: center;
justify-content: center;
display: inline-flex
}
.datepicker__month-button:after {
background-repeat: no-repeat;
background-position: center;
float: left;
text-indent: 0;
content: "";
width: 1rem;
height: 1rem
}
.datepicker__month-button--prev:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%236c6c6c' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'%3E%3Cg%3E%3C/g%3E%3Cpath d='M5.207 8.471l7.146 7.147-0.707 0.707-7.853-7.854 7.854-7.853 0.707 0.707-7.147 7.146z'%3E%3C/path%3E%3C/svg%3E")
}
.datepicker__month-button--next:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%236c6c6c' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'%3E%3Cg%3E%3C/g%3E%3Cpath d='M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z'%3E%3C/path%3E%3C/svg%3E")
}
.datepicker__topbar {
margin-bottom: 1rem;
position: relative
}
.datepicker--topbar-bottom .datepicker__topbar {
margin-bottom: 0;
padding-top: 1rem;
border-top: 1px solid #dcdcdc
}
.datepicker__info--selected {
font-size: 75%;
margin-bottom: .75rem
}
.datepicker__info--selected strong {
color: var(--bs-primary);
font-weight: 600
}
.datepicker__info--selected-label {
color: var(--bs-dark)
}
.datepicker__info-text--selected-days {
font-style: normal
}
.datepicker__info--error {
color: var(--bs-danger);
font-size: 75%;
font-style: italic
}
.datepicker__info--help {
color: var(--bs-dark);
font-style: italic
}
.datepicker__clear-button,
.datepicker__close-button,
.datepicker__submit-button {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
background-color: var(--bs-primary);
border-radius: var(--bs-border-radius);
border: none;
box-shadow: none;
font-size: 10px;
color: var(--bs-white);
margin-top: 20px;
padding: 7px 13px;
text-decoration: none;
text-shadow: none;
text-transform: uppercase
}
.datepicker--topbar-top .datepicker__clear-button,
.datepicker--topbar-top .datepicker__close-button,
.datepicker--topbar-top .datepicker__submit-button {
margin-top: 0
}
.datepicker__clear-button:hover,
.datepicker__close-button:hover,
.datepicker__submit-button:hover {
background-color: var(--bs-link-hover-color);
color: var(--bs-white)
}
.datepicker__clear-button:disabled,
.datepicker__clear-button[disabled],
.datepicker__close-button:disabled,
.datepicker__close-button[disabled],
.datepicker__submit-button:disabled,
.datepicker__submit-button[disabled] {
background-color: var(--bs-gray-500);
color: var(--bs-white);
cursor: not-allowed
}
.datepicker__clear-button+.datepicker__close-button,
.datepicker__clear-button+.datepicker__submit-button {
margin-left: 10px
}
.datepicker__submit-button {
width: auto
}
.datepicker__tooltip {
background-color: var(--bs-gray-500);
border-radius: var(--bs-border-radius);
font-size: 65%;
margin-top: -5px;
padding: 5px 10px;
color: var(--bs-white)
}
.datepicker__tooltip:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid var(--bs-gray-500);
bottom: -4px;
content: "";
left: 50%;
margin-left: -4px;
position: absolute
}
@media (min-width:320px) {
.datepicker {
width: 100%
}
}
@media (min-width:577px) {
.datepicker {
width: 100%
}
.datepicker__months {
overflow: hidden;
position: relative
}
.datepicker__month {
width: 200px
}
.datepicker__month--month1 {
float: left
}
.datepicker__month--month2 {
display: table;
float: right
}
.datepicker__month-button--disabled {
visibility: hidden
}
.datepicker__months:before {
background: var(--bs-border-color);
bottom: 0;
content: "";
display: block;
left: 50%;
position: absolute;
top: 0;
width: 1px
}
}
@media (min-width:768px) {
.datepicker {
width: 598px
}
.datepicker__month {
width: 260px
}
.datepicker--topbar-has-clear-button .datepicker__info,
.datepicker--topbar-has-close-button .datepicker__info,
.datepicker--topbar-has-submit-button .datepicker__info {
max-width: 325px
}
.datepicker__buttons {
margin-top: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
}
@charset "UTF-8";
.plyr--full-ui input[type=range]:focus,
.plyr:focus,
.plyr__control:focus {
outline: 0
}
@keyframes plyr-progress {
to {
background-position: 25px 0;
background-position: var(--plyr-progress-loading-size, 25px) 0
}
}
@keyframes plyr-popup {
0% {
opacity: .5;
transform: translateY(10px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes plyr-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-items: center;
direction: ltr;
display: flex;
flex-direction: column;
font-family: inherit;
font-family: var(--plyr-font-family, inherit);
font-variant-numeric: tabular-nums;
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
line-height: 1.7;
line-height: var(--plyr-line-height, 1.7);
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow .3s;
z-index: 0;
border-radius: var(--bs-border-radius)
}
.plyr audio,
.plyr iframe,
.plyr video {
display: block;
height: 100%;
width: 100%
}
.plyr button {
font: inherit;
line-height: inherit
}
.plyr--full-ui {
box-sizing: border-box
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
box-sizing: inherit
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation
}
.plyr__badge {
background: var(--bs-gray-600);
background: var(--bs-dark, var(--bs-gray-600));
border-radius: 2px;
border-radius: var(--plyr-badge-border-radius, 2px);
color: #fff;
color: var(--plyr-badge-text-color, #fff);
font-size: 9px;
font-size: var(--plyr-font-size-badge, 9px);
line-height: 1;
padding: 3px 4px
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none
}
.plyr__captions {
animation: .3s plyr-fade-in;
bottom: 0;
display: none;
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
left: 0;
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
position: absolute;
text-align: center;
transition: transform .4s ease-in-out;
width: 100%
}
.plyr__menu__container,
.plyr__tooltip {
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
margin-bottom: 10px
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster,
.plyr__captions span:empty,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__controls:empty,
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip,
a.plyr__control:after,
a.plyr__control:before {
display: none
}
@media(min-width:480px) {
.plyr__captions {
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
padding: 20px;
padding: calc(var(--plyr-control-spacing, 10px)*2)
}
}
@media(min-width:768px) {
.plyr__captions {
font-size: 18px;
font-size: var(--plyr-font-size-large, 18px)
}
}
.plyr--captions-active .plyr__captions {
display: block
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
transform: translateY(-40px);
transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}
.plyr__caption {
background: rgba(0, 0, 0, .8);
background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #fff;
color: var(--plyr-captions-text-color, #fff);
line-height: 185%;
padding: .2em .5em;
white-space: pre-wrap
}
.plyr__caption div {
display: inline
}
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
border-radius: var(--plyr-control-radius, 3px);
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px)*.7);
position: relative;
transition: .3s
}
.plyr__control svg {
fill: currentColor;
display: block;
height: 18px;
height: var(--plyr-control-icon-size, 18px);
pointer-events: none;
width: 18px;
width: var(--plyr-control-icon-size, 18px)
}
.plyr__control.plyr__tab-focus {
outline: var(--bs-primary-500) dotted 3px;
outline: var(--plyr-tab-focus-color, var(--ht-color-primary, var(--ht-color-primary, var(--bs-primary-500)))) dotted 3px;
outline-offset: 2px
}
a.plyr__control {
text-decoration: none
}
.plyr--full-ui ::-webkit-media-controls {
display: none
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0
}
.plyr__controls .plyr__controls__item {
margin-left: 2.5px;
margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
display: inline-block
}
.plyr__menu {
display: flex;
position: relative
}
.plyr__menu .plyr__control svg {
transition: transform .3s
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg)
}
.plyr__menu__container {
animation: .2s plyr-popup;
background: hsla(0, 0%, 100%, .9);
background: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
border-radius: 4px;
box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
color: var(--bs-gray-600);
color: var(--plyr-menu-color, var(--bs-gray-600));
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3
}
.plyr__menu__container>div {
overflow: hidden;
transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}
.plyr__menu__container:after {
border: 4px solid transparent;
border-top-color: hsla(0, 0%, 100%, .9);
border: var(--plyr-menu-arrow-size, 4px) solid transparent;
border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
content: "";
height: 0;
position: absolute;
right: 14px;
right: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/ 2);
top: 100%;
width: 0
}
.plyr__menu__container [role=menu] {
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
margin-top: 2px
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0
}
.plyr__menu__container .plyr__control {
align-items: center;
color: var(--bs-gray-600);
color: var(--plyr-menu-color, var(--bs-gray-600));
display: flex;
font-size: 13px;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding: 4.66667px 10.5px;
padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
-webkit-user-select: none;
user-select: none;
width: 100%
}
.plyr__menu__container .plyr__control>span {
align-items: inherit;
display: flex;
width: 100%
}
.plyr__menu__container .plyr__control:after {
border: 4px solid transparent;
border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}
.plyr__menu__container .plyr__control--forward:after {
border-left-color: var(--bs-gray-500);
border-left-color: var(--plyr-menu-arrow-color, var(--bs-gray-500));
right: 6.5px;
right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
border-left-color: currentColor
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: 7px;
margin: calc(var(--plyr-control-spacing, 10px)*.7);
margin-bottom: 3.5px;
margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
padding-left: 28px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
position: relative;
width: calc(100% - 14px);
width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}
.plyr__menu__container .plyr__control--back:after {
border-right-color: var(--bs-gray-500);
border-right-color: var(--plyr-menu-arrow-color, var(--bs-gray-500));
left: 6.5px;
left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--back:before {
background: var(--bs-gray-300);
background: var(--plyr-menu-back-border-color, var(--bs-gray-300));
box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: "";
height: 1px;
left: 0;
margin-top: 3.5px;
margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
overflow: hidden;
position: absolute;
right: 0;
top: 100%
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
border-right-color: currentColor
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: 7px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
border-radius: 100%
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
background: rgba(0, 0, 0, .1);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
transition: .3s;
width: 16px
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform .3s, opacity .3s;
width: 6px
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
background: var(--bs-primary-500);
background: var(--plyr-control-toggle-checked-background, var(--ht-color-primary, var(--ht-color-primary, var(--bs-primary-500))))
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
opacity: 1;
transform: translateY(-50%) scale(1)
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
background: rgba(35, 40, 47, .1)
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: calc(-7px - -2);
margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);
overflow: hidden;
padding-left: 24.5px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
pointer-events: none
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
appearance: none;
background: 0 0;
border: 0;
border-radius: 26px;
border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
color: var(--bs-primary-500);
color: var(--plyr-range-fill-background, var(--ht-color-primary, var(--ht-color-primary, var(--bs-primary-500))));
display: block;
height: 19px;
height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
margin: 0;
min-width: 0;
padding: 0;
transition: box-shadow .3s;
width: 100%
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
background-image: linear-gradient(90deg, currentColor 0, transparent 0);
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-transition: box-shadow .3s;
transition: box-shadow .3s;
-webkit-user-select: none;
user-select: none
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
margin-top: -4px;
margin-top: calc(var(--plyr-range-thumb-height, 13px)/ 2*-1 - var(--plyr-range-track-height, 5px)/ 2*-1);
position: relative;
-webkit-transition: .2s;
transition: .2s;
width: 13px;
width: var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-moz-transition: box-shadow .3s;
transition: box-shadow .3s;
user-select: none
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-moz-transition: .2s;
transition: .2s;
width: 13px;
width: var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px)
}
.plyr--full-ui input[type=range]::-ms-track {
color: transparent
}
.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s;
transition: box-shadow .3s;
user-select: none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: currentColor;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s;
transition: box-shadow .3s;
user-select: none
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
margin-top: 0;
position: relative;
-ms-transition: .2s;
transition: .2s;
width: 13px;
width: var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
outline: var(--bs-primary-500) dotted 3px;
outline: var(--plyr-tab-focus-color, var(--ht-color-primary, var(--ht-color-primary, var(--bs-primary-500)))) dotted 3px;
outline-offset: 2px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
outline: var(--bs-primary-500) dotted 3px;
outline: var(--plyr-tab-focus-color, var(--ht-color-primary, var(--ht-color-primary, var(--bs-primary-500)))) dotted 3px;
outline-offset: 2px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
outline: var(--bs-primary-500) dotted 3px;
outline: var(--plyr-tab-focus-color, var(--ht-color-primary, var(--ht-color-primary, var(--bs-primary-500)))) dotted 3px;
outline-offset: 2px
}
.plyr__poster {
background-color: #000;
background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .2s;
width: 100%;
z-index: 1
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1
}
.plyr__time {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}
.plyr__time+.plyr__time:before {
content: "â„";
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px)
}
@media(max-width:767px) {
.plyr__time+.plyr__time {
display: none
}
}
.plyr__tooltip {
background: hsla(0, 0%, 100%, .9);
background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
border-radius: 3px;
border-radius: var(--plyr-tooltip-radius, 3px);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
color: var(--bs-gray-600);
color: var(--plyr-tooltip-color, var(--bs-gray-600));
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
line-height: 1.3;
margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
opacity: 0;
padding: 5px 7.5px;
padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s .1s, opacity .2s .1s;
white-space: nowrap;
z-index: 2
}
.plyr__tooltip:before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid hsla(0, 0%, 100%, .9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%) scale(1)
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
left: 0;
transform: translateY(10px) scale(.8);
transform-origin: 0 100%
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
left: 16px;
left: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7)
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translateY(10px) scale(.8);
transform-origin: 100% 100%
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
left: auto;
right: 16px;
right: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7);
transform: translateX(50%)
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0) scale(1)
}
.plyr__progress {
left: 6.5px;
left: calc(var(--plyr-range-thumb-height, 13px)*.5);
margin-right: 13px;
margin-right: var(--plyr-range-thumb-height, 13px);
position: relative
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
margin-left: -6.5px;
margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
margin-right: -6.5px;
margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
width: calc(100% + 13px);
width: calc(100% + var(--plyr-range-thumb-height, 13px))
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2
}
.plyr__progress .plyr__tooltip {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
left: 0
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin-top: -2.5px;
margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
padding: 0;
position: absolute;
top: 50%
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-webkit-transition: width .2s;
transition: width .2s
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-moz-transition: width .2s;
transition: width .2s
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width .2s;
transition: width .2s
}
.plyr--loading .plyr__progress__buffer {
animation: 1s linear infinite plyr-progress;
background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
color: transparent
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: hsla(0, 0%, 100%, .25);
background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}
.plyr__volume {
align-items: center;
display: flex;
max-width: 110px;
min-width: 80px;
position: relative;
width: 20%
}
.plyr__volume input[type=range] {
margin-left: 5px;
margin-left: calc(var(--plyr-control-spacing, 10px)/2);
margin-right: 5px;
margin-right: calc(var(--plyr-control-spacing, 10px)/2);
position: relative;
z-index: 2
}
.plyr--is-ios .plyr__volume {
min-width: 0;
width: auto
}
.plyr--audio {
display: block
}
.plyr--audio .plyr__controls {
background: #fff;
background: var(--plyr-audio-controls-background, #fff);
border-radius: inherit;
color: var(--bs-gray-600);
color: var(--plyr-audio-control-color, var(--bs-gray-600));
padding: 10px;
padding: var(--plyr-control-spacing, 10px)
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
background: var(--bs-primary-500);
background: var(--plyr-audio-control-background-hover, var(--ht-color-primary, var(--ht-color-primary, var(--bs-primary-500))));
color: #fff;
color: var(--plyr-audio-control-color-hover, #fff)
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}
.plyr--audio .plyr__progress__buffer {
color: rgba(193, 200, 209, .6);
color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}
.plyr--video {
background: #000;
background: var(--plyr-video-background, var(--plyr-video-background, #000));
overflow: hidden
}
.plyr--video.plyr--menu-open {
overflow: visible
}
.plyr__video-wrapper {
border-radius: var(--bs-border-radius);
background: #000;
background: var(--plyr-video-background, var(--plyr-video-background, #000));
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
aspect-ratio: 16/9
}
@supports not (aspect-ratio:16/9) {
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
position: relative
}
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%)
}
.plyr--video .plyr__controls {
background: linear-gradient(transparent, rgba(0, 0, 0, .75));
background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
color: var(--plyr-video-control-color, #fff);
left: 0;
padding: 5px;
padding: calc(var(--plyr-control-spacing, 10px)/2);
padding-top: 20px;
padding-top: calc(var(--plyr-control-spacing, 10px)*2);
position: absolute;
right: 0;
transition: opacity .4s ease-in-out, transform .4s ease-in-out;
z-index: 3
}
@media(min-width:480px) {
.plyr--video .plyr__controls {
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
padding-top: 35px;
padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%)
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: var(--bs-primary-500);
background: var(--plyr-video-control-background-hover, var(--ht-color-primary, var(--ht-color-primary, var(--bs-primary-500))));
color: #fff;
color: var(--plyr-video-control-color-hover, #fff)
}
.plyr__control--overlaid {
background: var(--bs-primary-500);
background: var(--plyr-video-control-background-hover, var(--ht-color-primary, var(--ht-color-primary, var(--bs-primary-500))));
border: 0;
border-radius: 100%;
color: #fff;
color: var(--plyr-video-control-color, #fff);
display: none;
left: 50%;
opacity: .9;
padding: 15px;
padding: calc(var(--plyr-control-spacing, 10px)*2.8);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: .3s;
z-index: 2;
max-width: 80px;
max-height: 80px
}
.plyr--full-ui.plyr--video .plyr__control--overlaid,
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen,
.plyr__cues {
display: block
}
.plyr__control--overlaid svg {
left: 3px;
position: relative
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
opacity: 1
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden
}
.plyr--full-ui.plyr--video .plyr__control--overlaid svg {
height: var(--plyr-control-icon-size, 24px);
width: var(--plyr-control-icon-size, 24px)
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: hsla(0, 0%, 100%, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: hsla(0, 0%, 100%, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: hsla(0, 0%, 100%, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}
.plyr--video .plyr__progress__buffer {
color: hsla(0, 0%, 100%, .25);
color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-webkit-full-screen video {
height: 100%
}
.plyr:fullscreen video {
height: 100%
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
bottom: 0;
display: block;
height: 100%;
left: 0;
margin: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 10000000
}
.plyr--fullscreen-fallback video {
height: 100%
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg,
.plyr__ads:empty:after {
display: none
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none
}
@media(min-width:1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.plyr__ads>div,
.plyr__ads>div iframe {
height: 100%;
position: absolute;
width: 100%
}
.plyr__ads:after {
background: #23282f;
border-radius: 2px;
bottom: 10px;
bottom: var(--plyr-control-spacing, 10px);
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
right: var(--plyr-control-spacing, 10px);
z-index: 3
}
.plyr__cues {
background: currentColor;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
opacity: .8;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 3px;
z-index: 3
}
.plyr__preview-thumb {
background-color: hsla(0, 0%, 100%, .9);
background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
opacity: 0;
padding: 3px;
padding: var(--plyr-tooltip-radius, 3px);
pointer-events: none;
position: absolute;
transform: translateY(10px) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s .1s, opacity .2s .1s;
z-index: 2
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0) scale(1)
}
.plyr__preview-thumb:before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid hsla(0, 0%, 100%, .9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2
}
.plyr__preview-thumb__image-container {
background: #c1c8d1;
border-radius: 2px;
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
overflow: hidden;
position: relative;
z-index: 0
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%
}
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3
}
.plyr__preview-thumb__time-container span {
background-color: rgba(0, 0, 0, .55);
border-radius: 2px;
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
color: #fff;
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
padding: 3px 6px
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity .3s;
width: 100%;
z-index: 1
}
.plyr__preview-scrubbing--is-shown {
opacity: 1
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: 0;
width: 100%
}
.plyr--no-transition {
transition: none !important
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
border: 0 !important;
height: 1px !important;
overflow: hidden;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.plyr [hidden] {
display: none !important
}
/**-----------------------
scrollCue.js - ver.2.0.0
URL : https://prjct-samwest.github.io/scrollCue/
created by SamWest.
Copyright (c) 2020 SamWest.
This plugin is released under the MIT License.
/** --------------- fadeIn */
[data-cue=fadeIn],
[data-cues=fadeIn]>* {
opacity: 0
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
[data-cue=slideInLeft],
[data-cues=slideInLeft]>* {
opacity: 0
}
@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-30px)
}
to {
opacity: 1;
transform: translateX(0)
}
}
[data-cue=slideInRight],
[data-cues=slideInRight]>* {
opacity: 0
}
@keyframes slideInRight {
from {
opacity: 0;
transform: translateX(30px)
}
to {
opacity: 1;
transform: translateX(0)
}
}
[data-cue=slideInDown],
[data-cues=slideInDown]>* {
opacity: 0
}
@keyframes slideInDown {
from {
opacity: 0;
transform: translateY(-30px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
[data-cue=slideInUp],
[data-cues=slideInUp]>* {
opacity: 0
}
@keyframes slideInUp {
from {
opacity: 0;
transform: translateY(30px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
[data-cue=zoomIn],
[data-cues=zoomIn]>* {
opacity: 0
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale(.8)
}
to {
opacity: 1;
transform: scale(1)
}
}
[data-cue=zoomOut],
[data-cues=zoomOut]>* {
opacity: 0
}
@keyframes zoomOut {
from {
opacity: 0;
transform: scale(1.2)
}
to {
opacity: 1;
transform: scale(1)
}
}
[data-cue=rotateIn],
[data-cues=rotateIn]>* {
opacity: 0
}
@keyframes rotateIn {
from {
opacity: 0;
transform: rotateZ(-15deg)
}
to {
opacity: 1;
transform: rotateZ(0)
}
}
[data-cue=bounceIn],
[data-cues=bounceIn]>* {
opacity: 0
}
@keyframes bounceIn {
0% {
transform: scale3d(.3, .3, .3)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .97)
}
100% {
opacity: 1;
transform: scale3d(1, 1, 1)
}
}
[data-cue=bounceInLeft],
[data-cues=bounceInLeft]>* {
opacity: 0
}
@keyframes bounceInLeft {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0)
}
75% {
transform: translate3d(-10px, 0, 0)
}
90% {
transform: translate3d(5px, 0, 0)
}
to {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
[data-cue=bounceInRight],
[data-cues=bounceInRight]>* {
opacity: 0
}
@keyframes bounceInRight {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0)
}
75% {
transform: translate3d(10px, 0, 0)
}
90% {
transform: translate3d(-5px, 0, 0)
}
to {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
[data-cue=bounceInDown],
[data-cues=bounceInDown]>* {
opacity: 0
}
@keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0)
}
75% {
transform: translate3d(0, -10px, 0)
}
90% {
transform: translate3d(0, 5px, 0)
}
to {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
[data-cue=bounceInUp],
[data-cues=bounceInUp]>* {
opacity: 0
}
@keyframes bounceInUp {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0)
}
75% {
transform: translate3d(0, 10px, 0)
}
90% {
transform: translate3d(0, -5px, 0)
}
to {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
[data-cue=flipInX],
[data-cues=flipInX]>* {
opacity: 0;
backface-visibility: visible
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
opacity: 1;
transform: perspective(400px)
}
}
[data-cue=flipInY],
[data-cues=flipInY]>* {
opacity: 0;
backface-visibility: visible
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
opacity: 1;
transform: perspective(400px)
}
}
.splide__container,
.splide__slide {
box-sizing: border-box;
position: relative
}
.splide.is-initialized:not(.is-active) .splide__list,
.splide__track--ttb>.splide__list {
display: block
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important
}
.splide__pagination {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
pointer-events: none
}
.splide__pagination li {
display: inline-block;
line-height: 0;
list-style-type: none;
margin: 0;
pointer-events: auto
}
.splide__end .splide__pagination {
justify-content: start
}
.splide:not(.is-overflow) .splide__pagination,
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
display: none
}
.splide__progress__bar {
width: 0
}
.splide {
position: relative;
visibility: hidden
}
.splide.is-initialized,
.splide.is-rendered {
visibility: visible
}
.splide__slide {
backface-visibility: hidden;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
outline: 0
}
.splide__slide img {
vertical-align: bottom
}
.splide__spinner {
animation: 1s linear infinite splide-loading;
border: 1px solid var(--bs-secondary);
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0
}
@keyframes splide-loading {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.splide__track--fade>.splide__list>.splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0
}
.splide__track--fade>.splide__list>.splide__slide.is-active {
opacity: 1;
z-index: 1
}
.splide--rtl {
direction: rtl
}
.splide__arrow {
-ms-flex-align: center;
align-items: center;
background-color: rgba(var(--bs-white-rgb), .45);
color: var(--bs-white);
border: 0;
border-radius: 50%;
cursor: pointer;
display: -ms-flexbox;
display: flex;
font-size: 1.35rem;
height: 48px;
width: 48px;
-ms-flex-pack: center;
justify-content: center;
opacity: .75;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
transition: .35s;
-webkit-transition: .35s;
-moz-transition: .35s;
-ms-transition: .35s;
-o-transition: .35s
}
.splide__arrow.splide__arrow__primary {
background-color: rgba(var(--bs-primary-rgb), 0.75)
}
.splide__arrow.splide__arrow__dark {
background-color: rgba(var(--bs-dark-rgb), 1)
}
.splide__arrow svg {
fill: var(--bs-white);
height: 1.2em;
width: 1.2em
}
.splide__arrow:hover:not(:disabled) {
opacity: .9;
background-color: var(--bs-primary);
color: var(--bs-white)
}
.splide__arrow:disabled {
opacity: .5;
background-color: var(--bs-secondary)
}
.splide__arrow:focus-visible {
outline: 0;
outline-offset: 0
}
.splide__arrow--prev {
left: -24px
}
.splide__arrow--prev svg {
transform: scaleX(-1)
}
.splide__arrow--next {
right: -24px
}
.splide.is-focus-in .splide__arrow:focus {
outline: 0;
outline-offset: none
}
.splide__pagination {
left: 0;
position: absolute;
right: 0;
z-index: 1;
bottom: -1.75rem;
list-style: none;
padding-left: 0
}
.splide-pagination-float .splide__pagination {
bottom: 1.5rem
}
.splide__pagination__page {
background: var(--bs-secondary);
border: 0;
display: inline-block;
height: 6px;
margin: 0 3px;
opacity: .75;
padding: 0;
position: relative;
transition: .35s;
width: 24px;
-webkit-transition: .35s;
-moz-transition: .35s;
-ms-transition: .35s;
-o-transition: .35s;
z-index: 1
}
.splide__pagination__page.is-active {
background: var(--bs-primary);
opacity: 1;
}
.splide__pagination__page:hover {
cursor: pointer;
opacity: .9
}
.splide__pagination__page:focus-visible {
outline: #0bf solid 3px;
outline-offset: 3px
}
.splide.is-focus-in .splide__pagination__page:focus {
outline: #0bf solid 3px;
outline-offset: 3px
}
.splide__progress__bar {
background: #ccc;
height: 3px
}
.splide__slide:focus {
outline: 0
}
@supports(outline-offset:-3px) {
.splide__slide:focus-visible {
outline: #0bf solid 3px;
outline-offset: -3px
}
.splide.is-focus-in .splide__slide:focus {
outline: #0bf solid 3px;
outline-offset: -3px
}
}
@media screen and (-ms-high-contrast:none) {
.splide__slide:focus-visible {
border: 3px solid #0bf
}
.splide.is-focus-in .splide__slide:focus {
border: 3px solid #0bf
}
.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
border-color: #0bf
}
}
.splide__toggle {
cursor: pointer
}
.splide__toggle:focus-visible {
outline: #0bf solid 3px;
outline-offset: 3px
}
.splide.is-focus-in .splide__toggle:focus {
outline: #0bf solid 3px;
outline-offset: 3px
}
.splide__track--nav>.splide__list>.splide__slide {
border: 3px solid transparent;
cursor: pointer
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
border: 3px solid #000
}
.splide__arrows--rtl .splide__arrow--prev {
left: auto;
right: 1em
}
.splide__arrows--rtl .splide__arrow--prev svg {
transform: scaleX(1)
}
.splide__arrows--rtl .splide__arrow--next {
left: 1em;
right: auto
}
.splide__arrows--rtl .splide__arrow--next svg {
transform: scaleX(-1)
}
.splide__arrows--ttb .splide__arrow {
left: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
top: 1em
}
.splide__arrows--ttb .splide__arrow--prev svg {
transform: rotate(-90deg)
}
.splide__arrows--ttb .splide__arrow--next {
bottom: 1em;
top: auto
}
.splide__arrows--ttb .splide__arrow--next svg {
transform: rotate(90deg)
}
.splide__pagination--ttb {
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
left: auto;
padding: 1em 0;
right: .5em;
top: 0
}
.tns-outer {
padding: 0 !important
}
.tns-outer [hidden] {
display: none !important
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer
}
.tns-slider {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s
}
.tns-slider>.tns-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.tns-horizontal.tns-subpixel {
white-space: nowrap
}
.tns-horizontal.tns-subpixel>.tns-item {
display: inline-block;
vertical-align: top;
white-space: normal
}
.tns-horizontal.tns-no-subpixel:after {
content: '';
display: table;
clear: both
}
.tns-horizontal.tns-no-subpixel>.tns-item {
float: left
}
.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
margin-right: -100%
}
.tns-no-calc {
position: relative;
left: 0
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px
}
.tns-gallery>.tns-item {
position: absolute;
left: -100%;
-webkit-transition: transform 0s, opacity 0s;
-moz-transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s
}
.tns-gallery>.tns-slide-active {
position: relative;
left: auto !important
}
.tns-gallery>.tns-moving {
-webkit-transition: all .25s;
-moz-transition: all .25s;
transition: all .25s
}
.tns-autowidth {
display: inline-block
}
.tns-lazy-img {
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
transition: opacity .6s;
opacity: .6
}
.tns-lazy-img.tns-complete {
opacity: 1
}
.tns-ah {
-webkit-transition: height 0s;
-moz-transition: height 0s;
transition: height 0s
}
.tns-ovh {
overflow: hidden
}
.tns-visually-hidden {
position: absolute;
left: -10000em
}
.tns-transparent {
opacity: 0;
visibility: hidden
}
.tns-fadeIn {
opacity: 1;
z-index: 0
}
.tns-fadeOut,
.tns-normal {
opacity: 0;
z-index: -1
}
.tns-vpfix {
white-space: nowrap
}
.tns-vpfix>div,
.tns-vpfix>li {
display: inline-block
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden
}
.tns-t-ct {
width: 2333.3333333%;
width: -webkit-calc(100% * 70 / 3);
width: -moz-calc(100% * 70 / 3);
width: calc(100% * 70 / 3);
position: absolute;
right: 0
}
.tns-t-ct:after {
content: '';
display: table;
clear: both
}
.tns-t-ct>div {
width: 1.4285714%;
width: -webkit-calc(100% / 70);
width: -moz-calc(100% / 70);
width: calc(100% / 70);
height: 10px;
float: left
}
.tns-outer {
position: relative
}
.tns-outer .tns-controls [data-controls=next],
.tns-outer .tns-controls [data-controls=prev] {
position: absolute;
z-index: 2;
top: 50%;
transform: translateY(-50%);
width: 2.6rem;
height: 2.6rem;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: rgba(var(--bs-black-rgb), .85);
color: var(--bs-white);
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-border-radius);
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.tns-outer .tns-controls [data-controls=prev] {
left: 1.25rem
}
.tns-outer .tns-controls [data-controls=next] {
right: 1.25rem
}
.tns-outer .tns-controls [data-controls=next]:hover,
.tns-outer .tns-controls [data-controls=prev]:hover {
background-color: rgba(var(--bs-white-rgb), .85);
color: var(--bs-dark)
}
.tns-outer .tns-controls [data-controls=next]:disabled,
.tns-outer .tns-controls [data-controls=prev]:disabled {
background-color: rgba(var(--bs-white-rgb), .25);
color: rgba(var(--bs-dark-rgb), .55);
cursor: not-allowed
}
.tns-outer .tns-nav {
text-align: center
}
.tns-outer .tns-nav [data-nav] {
width: 24px;
height: 6px;
margin: 0 3px;
display: inline-block;
background-color: rgba(var(--bs-dark-rgb), .15);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
[data-bs-theme=dark] .tns-outer .tns-nav [data-nav] {
background-color: rgba(var(--bs-white-rgb), .15)
}
.tns-outer .tns-nav [data-nav].tns-nav-active,
.tns-outer .tns-nav [data-nav]:hover {
background-color: rgba(var(--bs-primary-rgb), 1)
}