html[dir=rtl] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu .wp-block-navigation-submenu__toggle img {
margin-left: 12px
}
html[dir=rtl] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li {
text-align: right
}
html[dir=rtl] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li a img {
margin-left: 12px
}
.wpml-language-switcher-block {
display: flex;
box-sizing: border-box;
width: 100% !important
}
.wpml-language-switcher-block>.wp-block-navigation-item,
.wpml-language-switcher-block>.wp-block-navigation-item>div {
display: flex;
width: 100% !important
}
.wpml-language-switcher-block .wp-block-navigation__container {
background: unset !important
}
.wpml-language-switcher-block .hide-arrow .wp-block-navigation__submenu-icon {
display: none
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button {
padding: 0
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal {
min-width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal li {
width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal li a {
display: flex;
align-items: center;
min-width: max-content
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal {
margin: 0;
min-width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li {
width: inherit !important;
text-align: left
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li a {
display: flex;
align-items: center;
min-width: max-content
}
.wpml-language-switcher-block ul {
list-style-type: none !important;
padding: 0 !important;
width: 100%
}
.wpml-language-switcher-block ul li {
margin: 0 !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container {
border: inherit !important;
background-color: unset !important;
min-width: unset !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item {
border-radius: 0 !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item a {
display: flex;
align-items: center;
min-width: max-content;
padding: 1px
}
.wpml-language-switcher-block ul.horizontal-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
gap: 1em !important
}
.wpml-language-switcher-block ul.horizontal-list li {
display: inline-block;
margin: 0;
line-height: 100%
}
.wpml-language-switcher-block ul.horizontal-list li a {
line-height: 100%
}
.wpml-language-switcher-block ul.center-justify {
justify-content: center
}
.wpml-language-switcher-block ul.center-justify .wp-block-navigation-item {
justify-content: center
}
.wpml-language-switcher-block ul.right-justify {
justify-content: right
}
.wpml-language-switcher-block ul.right-justify .wp-block-navigation-item {
justify-content: right
}
.wpml-language-switcher-block ul.space_between-justify {
justify-content: space-between
}
.wpml-language-switcher-block ul.space_between-justify li>div {
white-space: nowrap
}
.wpml-language-switcher-block .hasHoverColor:hover {
color: var(--hover-color) !important
}
.wpml-language-switcher-block .hasHoverBackgroundColor:hover {
background-color: var(--hover-background-color) !important
}
.wpml-language-switcher-block ul.isHorizontal {
padding-left: 0;
list-style: none
}
.wpml-language-switcher-block ul.isHorizontal li {
display: inline;
margin-left: 0
}
.wpml-language-switcher-block ul.isHorizontal li div {
display: inline-block
}
.wpml-language-switcher-block ul.hasSpacing.isHorizontal li:not(:last-child) {
margin-right: var(--language-spacing) !important
}
.wpml-language-switcher-block ul.hasSpacing.isVertical li:not(:last-child) {
margin-bottom: var(--language-spacing) !important
}
.wpml-language-switcher-block ul.hasSpacing.isVertical .wp-block-navigation-item>div,
.wpml-language-switcher-block ul.hasSpacing.isVertical .wp-block-navigation-item>div>a {
display: inline-flex;
align-items: center
}
.wpml-language-switcher-block .hasHoverColor:hover {
color: var(--hover-color) !important
}
.wpml-language-switcher-block .hasHoverBackgroundColor:hover {
background-color: var(--hover-background-color) !important
}
.wpml-language-switcher-block .hasFontSize {
font-size: var(--font-size) !important
}
.wpml-language-switcher-block .hasLetterSpacing {
letter-spacing: var(--letter-spacing) !important
}
.wpml-language-switcher-block .hasTextTransform {
text-transform: var(--text-transform) !important
}
.wpml-language-switcher-block .hasFontFamily {
font-family: var(--font-family) !important
}
.wpml-ls-flag {
display: inline-block
}
.wpml-ls-flag-style-btn {
border: 0 transparent;
padding-top: 3px !important
}
.wpml-ls-flag-style-btn.black-bg {
background-color: #000
}
.wpml-ls-flag-style-btn.transparent-bg {
background-color: transparent
}
.wpml-ls-control-row {
border: solid 1px #949494;
border-radius: 2px;
margin-bottom: 8px
}
.wpml-ls-control-row-with-padding {
padding: 1px
}
.wpml-ls-number-control {
max-width: 100%;
width: 100%
}
.wpml-ls-slider-control-alert {
margin-top: 5px !important
}
.wpml-ls-slider .ant-slider-track {
background-color: #3858e9
}
.wpml-ls-slider .ant-slider-handle {
border: solid 1px #000
}
.wpml-ls-control-blue {
color: #3858e9 !important
}
.wpml-ls-number-with-unit-select select {
color: #3858e9 !important;
font-weight: 900 !important
}
.wpml-ls-control-grey {
color: #757575
}
.wpml-ls-control-bg-grey {
background-color: #a6a6a6
}
.wpml-ls-control-font {
font-family: "SF Pro Text", sans-serif;
font-style: normal;
font-weight: 400 !important;
font-size: 13px !important;
line-height: 140% !important
}
.wpml-ls-option-btn-col {
padding: .5px
}
.wpml-ls-no-borders {
border: none
}
.ant-col-8.wpml-ls-option-btn-col {
display: inline-flex
}
.wpml-ls-three-btn-row .wpml-ls-option-btn-wrap {
white-space: normal;
word-break: break-word
}
.wpml-ls-three-btn-row .ant-btn-no-height-less-padding {
height: unset;
padding-right: 10px;
padding-left: 10px
}
.wpml-ls-full-width {
width: 100%
}
.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__track {
background-color: #3858e9;
border-color: #3858e9
}
.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__thumb {
background-color: #fff
}
.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__track {
background-color: #fff;
border-color: #000
}
.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__thumb {
background-color: #000
}
.ant-select-dropdown {
min-width: 45px !important;
max-width: 45px !important;
width: 45px !important
}
.wpml-ls-color-control {
border: 1px solid #ddd;
border-bottom: 0;
padding: 10px;
box-sizing: border-box
}
.wpml-ls-color-control.wpml-ls-with-bottom-border {
border-bottom: 1px solid #ddd
}
.wpml-ls-color-control .wpml-ls-icon-no-color:hover {
cursor: pointer
}
.wpml-ls-color-control .component-color-indicator {
width: 25px;
height: 25px;
box-shadow: 0px 0px 2px 1px #d3d3d3
}
.wpml-ls-color-control .component-color-indicator:hover {
cursor: pointer
}
.wpml-ls-color-control .wpml-ls-color-title {
top: 3px
}
.wpml-ls-dimension-control {
border-top: solid 1px #e0e0e0
}
.wpml-ls-dimension-control .components-panel__arrow {
visibility: hidden
}
.wpml-ls-panel-settings-dropdown-container {
position: absolute;
right: 0
}
.wpml-ls-icon-link {
width: 24px;
height: 24px;
top: 3px;
border-radius: 2px
}
.ant-input-number-handler-wrap {
display: none !important
}
.ant-input-number-input {
padding-right: 0 !important;
padding-left: 3px !important
}
.block-editor-contrast-checker+.block-editor-contrast-checker {
display: none
}
.current-language-item {
display: flex;
align-items: center;
min-height: 30px
}
.current-language-item .wp-block-navigation-item__content>div {
display: flex;
align-items: center
}
.wpml-ls-fontLetterCase-control button.components-button.has-icon {
margin-right: 0 !important;
min-width: 30px !important;
height: 30px !important
}
.wpml-ls-fontLetterSpacing-control div.components-input-control__container {
top: 4px
}
[data-wpml=language-item]:first-of-type {
margin-top: 5px !important
}
.wpml-ls-dimension-panel .components-panel__arrow {
display: none
}
.wpml-ls-typography-panel .components-panel__arrow {
display: none
}
.wpml-ls-panel-settings-dropdown-container>div>button>span.anticon-more {
font-size: large;
margin-right: 10px
}
.wpml-ls-panel-settings-dropdown-container>div>button>span.anticon-plus {
font-size: medium;
margin-right: 10px
}
.wp-block-navigation.is-content-justification-space-between .wp-block-page-list {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] {
display: contents !important
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item>div,
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item .horizontal-list,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item>div,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item .horizontal-list {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item>div li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item .horizontal-list li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item>div li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item .horizontal-list li.wp-block-navigation-item {
display: flex
}
.wp-block-navigation .wpml-block-navigation-language-switcher,
.wp-block-navigation [data-type='wpml/navigation-language-switcher'] {
display: flex !important;
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
background-color: inherit;
gap: inherit;
margin: 0;
width: fit-content;
max-width: fit-content
}
.wp-block-navigation.items-justified-space-between .wpml-language-switcher-navigation-block.wpml-ls-dropdown {
flex: inherit;
display: flex !important
}
.wp-block-navigation.items-justified-space-between .wpml-language-switcher-navigation-block.wpml-ls-list {
flex: inherit;
display: contents !important
}
.wp-block-navigation.items-justified-space-between .wpml-block-navigation-language-switcher.wpml-ls-dropdown,
.wp-block-navigation.items-justified-space-between [data-type='wpml/navigation-language-switcher'] {
flex: inherit;
display: flex !important
}
.wp-block-navigation.items-justified-space-between .wpml-block-navigation-language-switcher.wpml-ls-list,
.wp-block-navigation.items-justified-space-between [data-type='wpml/navigation-language-switcher'] {
flex: inherit;
display: contents !important
}
.wp-block-navigation .wpml-block-navigation-item {
background-color: inherit
}
.wp-block-navigation .wpml-block-navigation-item .current-language-item .wp-block-navigation-item__content>div {
display: flex;
align-items: center
}
.wp-block-navigation__submenu-container li {
margin: 0
}
.wp-block-navigation .wpml-language-switcher-navigation-block {
width: unset !important;
flex: initial !important
}
.wp-block-navigation .wpml-language-switcher-navigation-block .hide-arrow .wp-block-navigation__submenu-icon {
display: none
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul li a {
display: flex;
align-items: center
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
gap: 1.5em !important
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li {
display: inline-block;
line-height: 100%
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li a,
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li div {
line-height: 100%;
display: inline-flex;
align-items: center
}
.ant-input-number {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-variant: tabular-nums;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, .85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
-webkit-transition: all .3s;
transition: all .3s;
display: inline-block;
width: 90px;
margin: 0;
padding: 0;
border: 1px solid #d9d9d9;
border-radius: 2px
}
.ant-input-number::-moz-placeholder {
opacity: 1
}
.ant-input-number::-webkit-input-placeholder {
color: #bfbfbf
}
.ant-input-number:-ms-input-placeholder {
color: #bfbfbf
}
.ant-input-number::-ms-input-placeholder {
color: #bfbfbf
}
.ant-input-number::placeholder {
color: #bfbfbf
}
.ant-input-number:-moz-placeholder-shown {
text-overflow: ellipsis
}
.ant-input-number:-ms-input-placeholder {
text-overflow: ellipsis
}
.ant-input-number:placeholder-shown {
text-overflow: ellipsis
}
.ant-input-number:hover {
border-color: #40a9ff;
border-right-width: 1px !important
}
.ant-input-number:focus,
.ant-input-number-focused {
border-color: #40a9ff;
border-right-width: 1px !important;
outline: 0;
-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
}
.ant-input-number-disabled {
color: rgba(0, 0, 0, .25);
background-color: #f5f5f5;
cursor: not-allowed;
opacity: 1
}
.ant-input-number-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important
}
.ant-input-number[disabled] {
color: rgba(0, 0, 0, .25);
background-color: #f5f5f5;
cursor: not-allowed;
opacity: 1
}
.ant-input-number[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important
}
.ant-input-number-borderless,
.ant-input-number-borderless:hover,
.ant-input-number-borderless:focus,
.ant-input-number-borderless-focused,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless[disabled] {
background-color: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none
}
textarea.ant-input-number {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
-webkit-transition: all .3s, height 0s;
transition: all .3s, height 0s
}
.ant-input-number-lg {
padding: 6.5px 11px;
font-size: 16px
}
.ant-input-number-sm {
padding: 0 7px
}
.ant-input-number-handler {
position: relative;
display: block;
width: 100%;
height: 50%;
overflow: hidden;
color: rgba(0, 0, 0, .45);
font-weight: 700;
line-height: 0;
text-align: center;
-webkit-transition: all .1s linear;
transition: all .1s linear
}
.ant-input-number-handler:active {
background: #f4f4f4
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
color: #40a9ff
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 4px;
width: 12px;
height: 12px;
color: rgba(0, 0, 0, .45);
line-height: 12px;
-webkit-transition: all .1s linear;
transition: all .1s linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-input-number-handler-up-inner>*,
.ant-input-number-handler-down-inner>* {
line-height: 1
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
display: inline-block
}
.ant-input-number-handler-up-inner:before,
.ant-input-number-handler-down-inner:before {
display: none
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
display: block
}
.ant-input-number:hover {
border-color: #40a9ff;
border-right-width: 1px !important
}
.ant-input-number:hover+.ant-form-item-children-icon {
opacity: 0;
-webkit-transition: opacity .24s linear .24s;
transition: opacity .24s linear .24s
}
.ant-input-number-focused {
border-color: #40a9ff;
border-right-width: 1px !important;
outline: 0;
-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
}
.ant-input-number-disabled {
color: rgba(0, 0, 0, .25);
background-color: #f5f5f5;
cursor: not-allowed;
opacity: 1
}
.ant-input-number-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important
}
.ant-input-number-disabled .ant-input-number-input {
cursor: not-allowed
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
display: none
}
.ant-input-number-readonly .ant-input-number-handler-wrap {
display: none
}
.ant-input-number-input {
width: 100%;
height: 30px;
padding: 0 11px;
text-align: left;
background-color: transparent;
border: 0;
border-radius: 2px;
outline: 0;
-webkit-transition: all .3s linear;
transition: all .3s linear;
-moz-appearance: textfield !important
}
.ant-input-number-input::-moz-placeholder {
opacity: 1
}
.ant-input-number-input::-webkit-input-placeholder {
color: #bfbfbf
}
.ant-input-number-input:-ms-input-placeholder {
color: #bfbfbf
}
.ant-input-number-input::-ms-input-placeholder {
color: #bfbfbf
}
.ant-input-number-input::placeholder {
color: #bfbfbf
}
.ant-input-number-input:-moz-placeholder-shown {
text-overflow: ellipsis
}
.ant-input-number-input:-ms-input-placeholder {
text-overflow: ellipsis
}
.ant-input-number-input:placeholder-shown {
text-overflow: ellipsis
}
.ant-input-number-input[type=number]::-webkit-inner-spin-button,
.ant-input-number-input[type=number]::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none
}
.ant-input-number-lg {
padding: 0;
font-size: 16px
}
.ant-input-number-lg input {
height: 38px
}
.ant-input-number-sm {
padding: 0
}
.ant-input-number-sm input {
height: 22px;
padding: 0 7px
}
.ant-input-number-handler-wrap {
position: absolute;
top: 0;
right: 0;
width: 22px;
height: 100%;
background: #fff;
border-left: 1px solid #d9d9d9;
border-radius: 0 2px 2px 0;
opacity: 0;
-webkit-transition: opacity .24s linear .1s;
transition: opacity .24s linear .1s
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
min-width: auto;
margin-right: 0;
font-size: 7px
}
.ant-input-number-borderless .ant-input-number-handler-wrap {
border-left-width: 0
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
height: 40%
}
.ant-input-number:hover .ant-input-number-handler-wrap {
opacity: 1
}
.ant-input-number-handler-up {
border-top-right-radius: 2px;
cursor: pointer
}
.ant-input-number-handler-up-inner {
top: 50%;
margin-top: -5px;
text-align: center
}
.ant-input-number-handler-up:hover {
height: 60% !important
}
.ant-input-number-handler-down {
top: 0;
border-top: 1px solid #d9d9d9;
border-bottom-right-radius: 2px;
cursor: pointer
}
.ant-input-number-handler-down-inner {
top: 50%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.ant-input-number-handler-down:hover {
height: 60% !important
}
.ant-input-number-borderless .ant-input-number-handler-down {
border-top-width: 0
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
cursor: not-allowed
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
color: rgba(0, 0, 0, .25)
}
.ant-input-number-borderless {
-webkit-box-shadow: none;
box-shadow: none
}
.ant-input-number-rtl {
direction: rtl
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
right: auto;
left: 0;
border-right: 1px solid #d9d9d9;
border-left: 0;
border-radius: 2px 0 0 2px
}
.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
border-right-width: 0
}
.ant-input-number-rtl .ant-input-number-input {
direction: ltr;
text-align: right
}
.ant-select-single .ant-select-selector {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
position: absolute;
top: 0;
right: 11px;
bottom: 0;
left: 11px
}
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
width: 100%
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
padding: 0;
line-height: 30px;
-webkit-transition: all .3s;
transition: all .3s
}
@supports (-moz-appearance:meterbar) {
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
line-height: 30px
}
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
pointer-events: none
}
.ant-select-single .ant-select-selector:after,
.ant-select-single .ant-select-selector .ant-select-selection-item:after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder:after {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0'
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
right: 25px
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
padding-right: 18px
}
.ant-select-single.ant-select-open .ant-select-selection-item {
color: #bfbfbf
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
width: 100%;
height: 32px;
padding: 0 11px
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
height: 30px
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after {
line-height: 30px
}
.ant-select-single.ant-select-customize-input .ant-select-selector:after {
display: none
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
position: static;
width: 100%
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
position: absolute;
right: 0;
left: 0;
padding: 0 11px
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder:after {
display: none
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
height: 40px
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
line-height: 38px
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
height: 38px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
height: 24px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
line-height: 22px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
height: 22px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
right: 7px;
left: 7px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
padding: 0 7px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
right: 28px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
padding-right: 21px
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
padding: 0 11px
}
.ant-select-selection-overflow {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%
}
.ant-select-selection-overflow-item {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-ms-flex-item-align: center;
align-self: center;
max-width: 100%
}
.ant-select-multiple .ant-select-selector {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1px 4px
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
cursor: text
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
background: #f5f5f5;
cursor: not-allowed
}
.ant-select-multiple .ant-select-selector:after {
display: inline-block;
width: 0;
margin: 2px 0;
line-height: 24px;
content: '\a0'
}
.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
padding-right: 24px
}
.ant-select-multiple .ant-select-selection-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
height: 24px;
margin-top: 2px;
margin-bottom: 2px;
line-height: 22px;
background: #f5f5f5;
border: 1px solid #f0f0f0;
border-radius: 2px;
cursor: default;
-webkit-transition: font-size .3s, line-height .3s, height .3s;
transition: font-size .3s, line-height .3s, height .3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-margin-end: 4px;
margin-inline-end: 4px;
-webkit-padding-start: 8px;
padding-inline-start: 8px;
-webkit-padding-end: 4px;
padding-inline-end: 4px
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
color: #bfbfbf;
border-color: #d9d9d9;
cursor: not-allowed
}
.ant-select-multiple .ant-select-selection-item-content {
display: inline-block;
margin-right: 4px;
overflow: hidden;
white-space: pre;
text-overflow: ellipsis
}
.ant-select-multiple .ant-select-selection-item-remove {
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
color: rgba(0, 0, 0, .45);
font-weight: 700;
font-size: 10px;
line-height: inherit;
cursor: pointer
}
.ant-select-multiple .ant-select-selection-item-remove>* {
line-height: 1
}
.ant-select-multiple .ant-select-selection-item-remove svg {
display: inline-block
}
.ant-select-multiple .ant-select-selection-item-remove:before {
display: none
}
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
display: block
}
.ant-select-multiple .ant-select-selection-item-remove>.anticon {
vertical-align: -.2em
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
color: rgba(0, 0, 0, .75)
}
.ant-select-multiple .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search {
-webkit-margin-start: 0;
margin-inline-start: 0
}
.ant-select-multiple .ant-select-selection-search {
position: relative;
max-width: 100%;
margin-top: 2px;
margin-bottom: 2px;
-webkit-margin-start: 7px;
margin-inline-start: 7px
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
height: 24px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 24px;
-webkit-transition: all .3s;
transition: all .3s
}
.ant-select-multiple .ant-select-selection-search-input {
width: 100%;
min-width: 4.1px
}
.ant-select-multiple .ant-select-selection-search-mirror {
position: absolute;
top: 0;
left: 0;
z-index: 999;
white-space: pre;
visibility: hidden
}
.ant-select-multiple .ant-select-selection-placeholder {
position: absolute;
top: 50%;
right: 11px;
left: 11px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s;
transition: all .3s
}
.ant-select-multiple.ant-select-lg .ant-select-selector:after {
line-height: 32px
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
height: 32px;
line-height: 30px
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
height: 33px;
line-height: 33px
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
height: 32px;
line-height: 30px
}
.ant-select-multiple.ant-select-sm .ant-select-selector:after {
line-height: 16px
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
height: 16px;
line-height: 14px
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
height: 17px;
line-height: 17px
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
height: 16px;
line-height: 14px
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
left: 7px
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search:first-child .ant-select-selection-search-input {
margin-left: 3px
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
height: 32px;
line-height: 32px
}
.ant-select-disabled .ant-select-selection-item-remove {
display: none
}
.ant-select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
cursor: pointer
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
position: relative;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
transition: all .3s cubic-bezier(.645, .045, .355, 1)
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: pointer
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
cursor: text
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: auto
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
border-color: #40a9ff;
border-right-width: 1px !important;
outline: 0;
-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
color: rgba(0, 0, 0, .25);
background: #f5f5f5;
cursor: not-allowed
}
.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
background: #f5f5f5
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: not-allowed
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
margin: 0;
padding: 0;
background: 0 0;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
display: none;
-webkit-appearance: none
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
border-color: #40a9ff;
border-right-width: 1px !important
}
.ant-select-selection-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
@media all and (-ms-high-contrast:none) {
.ant-select-selection-item *::-ms-backdrop,
.ant-select-selection-item {
-ms-flex: auto;
flex: auto
}
}
.ant-select-selection-placeholder {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
color: #bfbfbf;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none
}
@media all and (-ms-high-contrast:none) {
.ant-select-selection-placeholder *::-ms-backdrop,
.ant-select-selection-placeholder {
-ms-flex: auto;
flex: auto
}
}
.ant-select-arrow {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-transform: none;
vertical-align: -.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 53%;
right: 11px;
width: 12px;
height: 12px;
margin-top: -6px;
color: rgba(0, 0, 0, .25);
font-size: 12px;
line-height: 1;
text-align: center;
pointer-events: none
}
.ant-select-arrow>* {
line-height: 1
}
.ant-select-arrow svg {
display: inline-block
}
.ant-select-arrow:before {
display: none
}
.ant-select-arrow .ant-select-arrow-icon {
display: block
}
.ant-select-arrow .anticon {
vertical-align: top;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.ant-select-arrow .anticon>svg {
vertical-align: top
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
pointer-events: auto
}
.ant-select-disabled .ant-select-arrow {
cursor: not-allowed
}
.ant-select-clear {
position: absolute;
top: 50%;
right: 11px;
z-index: 1;
display: inline-block;
width: 12px;
height: 12px;
margin-top: -6px;
color: rgba(0, 0, 0, .25);
font-size: 12px;
font-style: normal;
line-height: 1;
text-align: center;
text-transform: none;
background: #fff;
cursor: pointer;
opacity: 0;
-webkit-transition: color .3s ease, opacity .15s ease;
transition: color .3s ease, opacity .15s ease;
text-rendering: auto
}
.ant-select-clear:before {
display: block
}
.ant-select-clear:hover {
color: rgba(0, 0, 0, .45)
}
.ant-select:hover .ant-select-clear {
opacity: 1
}
.ant-select-dropdown {
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4px 0;
overflow: hidden;
font-size: 14px;
font-variant: initial;
background-color: #fff;
border-radius: 2px;
outline: none;
-webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
-webkit-animation-name: antSlideUpIn;
animation-name: antSlideUpIn
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
-webkit-animation-name: antSlideDownIn;
animation-name: antSlideDownIn
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
-webkit-animation-name: antSlideUpOut;
animation-name: antSlideUpOut
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
-webkit-animation-name: antSlideDownOut;
animation-name: antSlideDownOut
}
.ant-select-dropdown-hidden {
display: none
}
.ant-select-dropdown-empty {
color: rgba(0, 0, 0, .25)
}
.ant-select-item-empty {
position: relative;
display: block;
min-height: 32px;
padding: 5px 12px;
color: rgba(0, 0, 0, .85);
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: rgba(0, 0, 0, .25)
}
.ant-select-item {
position: relative;
display: block;
min-height: 32px;
padding: 5px 12px;
color: rgba(0, 0, 0, .85);
font-weight: 400;
font-size: 14px;
line-height: 22px;
cursor: pointer;
-webkit-transition: background .3s ease;
transition: background .3s ease
}
.ant-select-item-group {
color: rgba(0, 0, 0, .45);
font-size: 12px;
cursor: default
}
.ant-select-item-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.ant-select-item-option-content {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.ant-select-item-option-state {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
background-color: #f5f5f5
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
color: rgba(0, 0, 0, .85);
font-weight: 600;
background-color: #e6f7ff
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
color: #1890ff
}
.ant-select-item-option-disabled {
color: rgba(0, 0, 0, .25);
cursor: not-allowed
}
.ant-select-item-option-grouped {
padding-left: 24px
}
.ant-select-lg {
font-size: 16px
}
.ant-select-borderless .ant-select-selector {
background-color: transparent !important;
border-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.ant-select-rtl {
direction: rtl
}
.ant-select-rtl .ant-select-arrow {
right: initial;
left: 11px
}
.ant-select-rtl .ant-select-clear {
right: initial;
left: 11px
}
.ant-select-dropdown-rtl {
direction: rtl
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
padding-right: 24px;
padding-left: 12px
}
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
padding-right: 4px;
padding-left: 24px
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
text-align: right
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
margin-right: 0;
margin-left: 4px;
text-align: right
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
right: 0;
left: auto
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search:first-child>.ant-select-selection-search-input {
margin-right: 5px !important;
margin-left: 0 !important
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
right: 11px;
left: auto
}
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
right: 7px
}
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
right: 0;
left: 9px;
text-align: right
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
right: 11px;
left: 25px
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
padding-right: 0;
padding-left: 18px
}
.ant-select-rtl.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
padding: 0 11px
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
right: 0
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
padding-right: 0;
padding-left: 21px
}
.ant-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
height: 12px;
margin: 10px 6px 10px;
padding: 4px 0;
cursor: pointer;
-ms-touch-action: none;
touch-action: none
}
.ant-slider-vertical {
width: 12px;
height: 100%;
margin: 6px 10px;
padding: 0 4px
}
.ant-slider-vertical .ant-slider-rail {
width: 4px;
height: 100%
}
.ant-slider-vertical .ant-slider-track {
width: 4px
}
.ant-slider-vertical .ant-slider-handle {
margin-top: -6px;
margin-left: -5px
}
.ant-slider-vertical .ant-slider-mark {
top: 0;
left: 12px;
width: 18px;
height: 100%
}
.ant-slider-vertical .ant-slider-mark-text {
left: 4px;
white-space: nowrap
}
.ant-slider-vertical .ant-slider-step {
width: 4px;
height: 100%
}
.ant-slider-vertical .ant-slider-dot {
top: auto;
left: 2px;
margin-bottom: -4px
}
.ant-slider-tooltip .ant-tooltip-inner {
min-width: unset
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
margin-right: -5px;
margin-left: 0
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
right: 12px;
left: auto
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
right: 4px;
left: auto
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
right: 2px;
left: auto
}
.ant-slider-with-marks {
margin-bottom: 28px
}
.ant-slider-rail {
position: absolute;
width: 100%;
height: 4px;
background-color: #f5f5f5;
border-radius: 2px;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.ant-slider-track {
position: absolute;
height: 4px;
background-color: #91d5ff;
border-radius: 2px;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.ant-slider-handle {
position: absolute;
width: 14px;
height: 14px;
margin-top: -5px;
background-color: #fff;
border: solid 2px #91d5ff;
border-radius: 50%;
-webkit-box-shadow: 0;
box-shadow: 0;
cursor: pointer;
-webkit-transition: border-color .3s, -webkit-box-shadow .6s, -webkit-transform .3s cubic-bezier(.18, .89, .32, 1.28);
transition: border-color .3s, -webkit-box-shadow .6s, -webkit-transform .3s cubic-bezier(.18, .89, .32, 1.28);
transition: border-color .3s, box-shadow .6s, transform .3s cubic-bezier(.18, .89, .32, 1.28);
transition: border-color .3s, box-shadow .6s, transform .3s cubic-bezier(.18, .89, .32, 1.28), -webkit-box-shadow .6s, -webkit-transform .3s cubic-bezier(.18, .89, .32, 1.28)
}
.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging {
border-color: #46a6ff;
-webkit-box-shadow: 0 0 0 5px rgba(24, 144, 255, .12);
box-shadow: 0 0 0 5px rgba(24, 144, 255, .12)
}
.ant-slider-handle:focus {
border-color: #46a6ff;
outline: none;
-webkit-box-shadow: 0 0 0 5px rgba(24, 144, 255, .12);
box-shadow: 0 0 0 5px rgba(24, 144, 255, .12)
}
.ant-slider-handle.ant-tooltip-open {
border-color: #1890ff
}
.ant-slider:hover .ant-slider-rail {
background-color: #e1e1e1
}
.ant-slider:hover .ant-slider-track {
background-color: #69c0ff
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
border-color: #69c0ff
}
.ant-slider-mark {
position: absolute;
top: 14px;
left: 0;
width: 100%;
font-size: 14px
}
.ant-slider-mark-text {
position: absolute;
display: inline-block;
color: rgba(0, 0, 0, .45);
text-align: center;
word-break: keep-all;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-slider-mark-text-active {
color: rgba(0, 0, 0, .85)
}
.ant-slider-step {
position: absolute;
width: 100%;
height: 4px;
background: 0 0
}
.ant-slider-dot {
position: absolute;
top: -2px;
width: 8px;
height: 8px;
margin-left: -4px;
background-color: #fff;
border: 2px solid #f0f0f0;
border-radius: 50%;
cursor: pointer
}
.ant-slider-dot:first-child {
margin-left: -4px
}
.ant-slider-dot:last-child {
margin-left: -4px
}
.ant-slider-dot-active {
border-color: #8cc8ff
}
.ant-slider-disabled {
cursor: not-allowed
}
.ant-slider-disabled .ant-slider-track {
background-color: rgba(0, 0, 0, .25) !important
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
background-color: #fff;
border-color: rgba(0, 0, 0, .25) !important;
-webkit-box-shadow: none;
box-shadow: none;
cursor: not-allowed
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
cursor: not-allowed !important
}
.ant-slider-rtl {
direction: rtl
}
.ant-slider-rtl .ant-slider-mark {
right: 0;
left: auto
}
.ant-slider-rtl .ant-slider-dot {
margin-right: -4px;
margin-left: 0
}
.ant-slider-rtl .ant-slider-dot:first-child {
margin-right: -4px;
margin-left: 0
}
.ant-slider-rtl .ant-slider-dot:last-child {
margin-right: -4px;
margin-left: 0
}
.ant-alert {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 15px;
word-wrap: break-word;
border-radius: 2px
}
.ant-alert-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0
}
.ant-alert-icon {
margin-right: 8px
}
.ant-alert-description {
display: none;
font-size: 14px;
line-height: 22px
}
.ant-alert-success {
background-color: #f6ffed;
border: 1px solid #b7eb8f
}
.ant-alert-success .ant-alert-icon {
color: #52c41a
}
.ant-alert-info {
background-color: #e6f7ff;
border: 1px solid #91d5ff
}
.ant-alert-info .ant-alert-icon {
color: #1890ff
}
.ant-alert-warning {
background-color: #fffbe6;
border: 1px solid #ffe58f
}
.ant-alert-warning .ant-alert-icon {
color: #faad14
}
.ant-alert-error {
background-color: #fff2f0;
border: 1px solid #ffccc7
}
.ant-alert-error .ant-alert-icon {
color: #ff4d4f
}
.ant-alert-error .ant-alert-description>pre {
margin: 0;
padding: 0
}
.ant-alert-action {
margin-left: 8px
}
.ant-alert-close-icon {
margin-left: 8px;
padding: 0;
overflow: hidden;
font-size: 12px;
line-height: 12px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer
}
.ant-alert-close-icon .anticon-close {
color: rgba(0, 0, 0, .45);
-webkit-transition: color .3s;
transition: color .3s
}
.ant-alert-close-icon .anticon-close:hover {
color: rgba(0, 0, 0, .75)
}
.ant-alert-close-text {
color: rgba(0, 0, 0, .45);
-webkit-transition: color .3s;
transition: color .3s
}
.ant-alert-close-text:hover {
color: rgba(0, 0, 0, .75)
}
.ant-alert-with-description {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 15px 15px 24px
}
.ant-alert-with-description.ant-alert-no-icon {
padding: 15px
}
.ant-alert-with-description .ant-alert-icon {
margin-right: 15px;
font-size: 24px
}
.ant-alert-with-description .ant-alert-message {
display: block;
margin-bottom: 4px;
color: rgba(0, 0, 0, .85);
font-size: 16px
}
.ant-alert-message {
color: rgba(0, 0, 0, .85)
}
.ant-alert-with-description .ant-alert-description {
display: block
}
.ant-alert.ant-alert-motion-leave {
overflow: hidden;
opacity: 1;
-webkit-transition: max-height .3s cubic-bezier(.78, .14, .15, .86), opacity .3s cubic-bezier(.78, .14, .15, .86), padding-top .3s cubic-bezier(.78, .14, .15, .86), padding-bottom .3s cubic-bezier(.78, .14, .15, .86), margin-bottom .3s cubic-bezier(.78, .14, .15, .86);
transition: max-height .3s cubic-bezier(.78, .14, .15, .86), opacity .3s cubic-bezier(.78, .14, .15, .86), padding-top .3s cubic-bezier(.78, .14, .15, .86), padding-bottom .3s cubic-bezier(.78, .14, .15, .86), margin-bottom .3s cubic-bezier(.78, .14, .15, .86)
}
.ant-alert.ant-alert-motion-leave-active {
max-height: 0;
margin-bottom: 0 !important;
padding-top: 0;
padding-bottom: 0;
opacity: 0
}
.ant-alert-banner {
margin-bottom: 0;
border: 0;
border-radius: 0
}
.ant-alert.ant-alert-rtl {
direction: rtl
}
.ant-alert-rtl.ant-alert.ant-alert-no-icon {
padding: 8px 15px
}
.ant-alert-rtl .ant-alert-icon {
margin-right: auto;
margin-left: 8px
}
.ant-alert-rtl .ant-alert-action {
margin-right: 8px;
margin-left: auto
}
.ant-alert-rtl .ant-alert-close-icon {
margin-right: 8px;
margin-left: auto
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
margin-right: auto;
margin-left: 15px
}
html[dir=rtl] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu .wp-block-navigation-submenu__toggle img {
margin-left: 12px
}
html[dir=rtl] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li {
text-align: right
}
html[dir=rtl] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li a img {
margin-left: 12px
}
.wpml-language-switcher-block {
display: flex;
box-sizing: border-box;
width: 100% !important
}
.wpml-language-switcher-block>.wp-block-navigation-item,
.wpml-language-switcher-block>.wp-block-navigation-item>div {
display: flex;
width: 100% !important
}
.wpml-language-switcher-block .wp-block-navigation__container {
background: unset !important
}
.wpml-language-switcher-block .hide-arrow .wp-block-navigation__submenu-icon {
display: none
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button {
padding: 0
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal {
min-width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal li {
width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal li a {
display: flex;
align-items: center;
min-width: max-content
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal {
margin: 0;
min-width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li {
width: inherit !important;
text-align: left
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li a {
display: flex;
align-items: center;
min-width: max-content
}
.wpml-language-switcher-block ul {
list-style-type: none !important;
padding: 0 !important;
width: 100%
}
.wpml-language-switcher-block ul li {
margin: 0 !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container {
border: inherit !important;
background-color: unset !important;
min-width: unset !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item {
border-radius: 0 !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item a {
display: flex;
align-items: center;
min-width: max-content;
padding: 1px
}
.wpml-language-switcher-block ul.horizontal-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
gap: 1em !important
}
.wpml-language-switcher-block ul.horizontal-list li {
display: inline-block;
margin: 0;
line-height: 100%
}
.wpml-language-switcher-block ul.horizontal-list li a {
line-height: 100%
}
.wpml-language-switcher-block ul.center-justify {
justify-content: center
}
.wpml-language-switcher-block ul.center-justify .wp-block-navigation-item {
justify-content: center
}
.wpml-language-switcher-block ul.right-justify {
justify-content: right
}
.wpml-language-switcher-block ul.right-justify .wp-block-navigation-item {
justify-content: right
}
.wpml-language-switcher-block ul.space_between-justify {
justify-content: space-between
}
.wpml-language-switcher-block ul.space_between-justify li>div {
white-space: nowrap
}
.wpml-language-switcher-block .hasHoverColor:hover {
color: var(--hover-color) !important
}
.wpml-language-switcher-block .hasHoverBackgroundColor:hover {
background-color: var(--hover-background-color) !important
}
.wpml-language-switcher-block ul.isHorizontal {
padding-left: 0;
list-style: none
}
.wpml-language-switcher-block ul.isHorizontal li {
display: inline;
margin-left: 0
}
.wpml-language-switcher-block ul.isHorizontal li div {
display: inline-block
}
.wpml-language-switcher-block ul.hasSpacing.isHorizontal li:not(:last-child) {
margin-right: var(--language-spacing) !important
}
.wpml-language-switcher-block ul.hasSpacing.isVertical li:not(:last-child) {
margin-bottom: var(--language-spacing) !important
}
.wpml-language-switcher-block ul.hasSpacing.isVertical .wp-block-navigation-item>div,
.wpml-language-switcher-block ul.hasSpacing.isVertical .wp-block-navigation-item>div>a {
display: inline-flex;
align-items: center
}
.wpml-language-switcher-block .hasHoverColor:hover {
color: var(--hover-color) !important
}
.wpml-language-switcher-block .hasHoverBackgroundColor:hover {
background-color: var(--hover-background-color) !important
}
.wpml-language-switcher-block .hasFontSize {
font-size: var(--font-size) !important
}
.wpml-language-switcher-block .hasLetterSpacing {
letter-spacing: var(--letter-spacing) !important
}
.wpml-language-switcher-block .hasTextTransform {
text-transform: var(--text-transform) !important
}
.wpml-language-switcher-block .hasFontFamily {
font-family: var(--font-family) !important
}
.wpml-ls-flag {
display: inline-block
}
.wpml-ls-flag-style-btn {
border: 0 transparent;
padding-top: 3px !important
}
.wpml-ls-flag-style-btn.black-bg {
background-color: #000
}
.wpml-ls-flag-style-btn.transparent-bg {
background-color: transparent
}
.wpml-ls-control-row {
border: solid 1px #949494;
border-radius: 2px;
margin-bottom: 8px
}
.wpml-ls-control-row-with-padding {
padding: 1px
}
.wpml-ls-number-control {
max-width: 100%;
width: 100%
}
.wpml-ls-slider-control-alert {
margin-top: 5px !important
}
.wpml-ls-slider .ant-slider-track {
background-color: #3858e9
}
.wpml-ls-slider .ant-slider-handle {
border: solid 1px #000
}
.wpml-ls-control-blue {
color: #3858e9 !important
}
.wpml-ls-number-with-unit-select select {
color: #3858e9 !important;
font-weight: 900 !important
}
.wpml-ls-control-grey {
color: #757575
}
.wpml-ls-control-bg-grey {
background-color: #a6a6a6
}
.wpml-ls-control-font {
font-family: "SF Pro Text", sans-serif;
font-style: normal;
font-weight: 400 !important;
font-size: 13px !important;
line-height: 140% !important
}
.wpml-ls-option-btn-col {
padding: .5px
}
.wpml-ls-no-borders {
border: none
}
.ant-col-8.wpml-ls-option-btn-col {
display: inline-flex
}
.wpml-ls-three-btn-row .wpml-ls-option-btn-wrap {
white-space: normal;
word-break: break-word
}
.wpml-ls-three-btn-row .ant-btn-no-height-less-padding {
height: unset;
padding-right: 10px;
padding-left: 10px
}
.wpml-ls-full-width {
width: 100%
}
.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__track {
background-color: #3858e9;
border-color: #3858e9
}
.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__thumb {
background-color: #fff
}
.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__track {
background-color: #fff;
border-color: #000
}
.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__thumb {
background-color: #000
}
.ant-select-dropdown {
min-width: 45px !important;
max-width: 45px !important;
width: 45px !important
}
.wpml-ls-color-control {
border: 1px solid #ddd;
border-bottom: 0;
padding: 10px;
box-sizing: border-box
}
.wpml-ls-color-control.wpml-ls-with-bottom-border {
border-bottom: 1px solid #ddd
}
.wpml-ls-color-control .wpml-ls-icon-no-color:hover {
cursor: pointer
}
.wpml-ls-color-control .component-color-indicator {
width: 25px;
height: 25px;
box-shadow: 0px 0px 2px 1px #d3d3d3
}
.wpml-ls-color-control .component-color-indicator:hover {
cursor: pointer
}
.wpml-ls-color-control .wpml-ls-color-title {
top: 3px
}
.wpml-ls-dimension-control {
border-top: solid 1px #e0e0e0
}
.wpml-ls-dimension-control .components-panel__arrow {
visibility: hidden
}
.wpml-ls-panel-settings-dropdown-container {
position: absolute;
right: 0
}
.wpml-ls-icon-link {
width: 24px;
height: 24px;
top: 3px;
border-radius: 2px
}
.ant-input-number-handler-wrap {
display: none !important
}
.ant-input-number-input {
padding-right: 0 !important;
padding-left: 3px !important
}
.block-editor-contrast-checker+.block-editor-contrast-checker {
display: none
}
.current-language-item {
display: flex;
align-items: center;
min-height: 30px
}
.current-language-item .wp-block-navigation-item__content>div {
display: flex;
align-items: center
}
.wpml-ls-fontLetterCase-control button.components-button.has-icon {
margin-right: 0 !important;
min-width: 30px !important;
height: 30px !important
}
.wpml-ls-fontLetterSpacing-control div.components-input-control__container {
top: 4px
}
[data-wpml=language-item]:first-of-type {
margin-top: 5px !important
}
.wpml-ls-dimension-panel .components-panel__arrow {
display: none
}
.wpml-ls-typography-panel .components-panel__arrow {
display: none
}
.wpml-ls-panel-settings-dropdown-container>div>button>span.anticon-more {
font-size: large;
margin-right: 10px
}
.wpml-ls-panel-settings-dropdown-container>div>button>span.anticon-plus {
font-size: medium;
margin-right: 10px
}
.wp-block-navigation.is-content-justification-space-between .wp-block-page-list {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] {
display: contents !important
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item>div,
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item .horizontal-list,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item>div,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item .horizontal-list {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item>div li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item .horizontal-list li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item>div li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item .horizontal-list li.wp-block-navigation-item {
display: flex
}
.wp-block-navigation .wpml-block-navigation-language-switcher,
.wp-block-navigation [data-type='wpml/navigation-language-switcher'] {
display: flex !important;
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
background-color: inherit;
gap: inherit;
margin: 0;
width: fit-content;
max-width: fit-content
}
.wp-block-navigation.items-justified-space-between .wpml-language-switcher-navigation-block.wpml-ls-dropdown {
flex: inherit;
display: flex !important
}
.wp-block-navigation.items-justified-space-between .wpml-language-switcher-navigation-block.wpml-ls-list {
flex: inherit;
display: contents !important
}
.wp-block-navigation.items-justified-space-between .wpml-block-navigation-language-switcher.wpml-ls-dropdown,
.wp-block-navigation.items-justified-space-between [data-type='wpml/navigation-language-switcher'] {
flex: inherit;
display: flex !important
}
.wp-block-navigation.items-justified-space-between .wpml-block-navigation-language-switcher.wpml-ls-list,
.wp-block-navigation.items-justified-space-between [data-type='wpml/navigation-language-switcher'] {
flex: inherit;
display: contents !important
}
.wp-block-navigation .wpml-block-navigation-item {
background-color: inherit
}
.wp-block-navigation .wpml-block-navigation-item .current-language-item .wp-block-navigation-item__content>div {
display: flex;
align-items: center
}
.wp-block-navigation__submenu-container li {
margin: 0
}
.wp-block-navigation .wpml-language-switcher-navigation-block {
width: unset !important;
flex: initial !important
}
.wp-block-navigation .wpml-language-switcher-navigation-block .hide-arrow .wp-block-navigation__submenu-icon {
display: none
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul li a {
display: flex;
align-items: center
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
gap: 1.5em !important
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li {
display: inline-block;
line-height: 100%
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li a,
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li div {
line-height: 100%;
display: inline-flex;
align-items: center
}
.wpml-ls-legacy-dropdown-click {
width: 15.5em;
max-width: 100%
}
.wpml-ls-legacy-dropdown-click>ul {
position: relative;
padding: 0;
margin: 0 !important;
list-style-type: none
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item {
padding: 0;
margin: 0;
list-style-type: none
}
.wpml-ls-legacy-dropdown-click a {
display: block;
text-decoration: none;
color: #444;
border: 1px solid #cdcdcd;
background-color: #fff;
padding: 5px 10px;
line-height: 1
}
.wpml-ls-legacy-dropdown-click a span {
vertical-align: middle
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
position: relative;
padding-right: calc(10px + 1.4em)
}
.rtl .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
padding-right: 10px;
padding-left: calc(10px + 1.4em)
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
content: "";
vertical-align: middle;
display: inline-block;
border: .35em solid transparent;
border-top: .5em solid;
position: absolute;
right: 10px;
top: calc(50% - .175em)
}
.rtl .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
right: auto;
left: 10px
}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown-click a:focus,
.wpml-ls-legacy-dropdown-click a:hover {
color: #000;
background: #eee
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
left: 0;
border-top: 1px solid #cdcdcd;
padding: 0;
margin: 0;
list-style-type: none;
z-index: 101
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
border-width: 0 1px 1px
}
.wpml-ls-legacy-dropdown-click .wpml-ls-flag {
display: inline;
vertical-align: middle
}
.wpml-ls-legacy-dropdown-click .wpml-ls-flag+span {
margin-left: .4em
}
.rtl .wpml-ls-legacy-dropdown-click .wpml-ls-flag+span {
margin-left: 0;
margin-right: .4em
}
.wpml-ls-menu-item .wpml-ls-flag {
display: inline;
vertical-align: baseline
}
.wpml-ls-menu-item .wpml-ls-flag+span {
margin-left: .3em
}
.rtl .wpml-ls-menu-item .wpml-ls-flag+span {
margin-left: 0;
margin-right: .3em
}
ul .wpml-ls-menu-item a {
display: flex;
align-items: center
}
/*!
* Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 2rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto
}
@media (min-width:414px) {
.container-sm,
.container {
max-width: 768px
}
}
@media (min-width:768px) {
.container-md,
.container-sm,
.container {
max-width: 1024px
}
}
@media (min-width:1024px) {
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1151px
}
}
@media (min-width:1280px) {
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1152px
}
}
@media (min-width:1440px) {
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1313px
}
}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 414px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 1024px;
--bs-breakpoint-xl: 1280px;
--bs-breakpoint-xxl: 1440px
}
.row {
--bs-gutter-x: 2rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x))
}
.row>* {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y)
}
.col {
flex: 1 0 0%
}
.row-cols-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-auto {
flex: 0 0 auto;
width: auto
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-6 {
flex: 0 0 auto;
width: 50%
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-9 {
flex: 0 0 auto;
width: 75%
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.33333333%
}
.offset-2 {
margin-left: 16.66666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333333%
}
.offset-5 {
margin-left: 41.66666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333333%
}
.offset-8 {
margin-left: 66.66666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333333%
}
.offset-11 {
margin-left: 91.66666667%
}
.g-0,
.gx-0 {
--bs-gutter-x: 0
}
.g-0,
.gy-0 {
--bs-gutter-y: 0
}
.g-1,
.gx-1 {
--bs-gutter-x: 1rem
}
.g-1,
.gy-1 {
--bs-gutter-y: 1rem
}
.g-2,
.gx-2 {
--bs-gutter-x: 2rem
}
.g-2,
.gy-2 {
--bs-gutter-y: 2rem
}
.g-3,
.gx-3 {
--bs-gutter-x: 3rem
}
.g-3,
.gy-3 {
--bs-gutter-y: 3rem
}
.g-4,
.gx-4 {
--bs-gutter-x: 4rem
}
.g-4,
.gy-4 {
--bs-gutter-y: 4rem
}
.g-5,
.gx-5 {
--bs-gutter-x: 5rem
}
.g-5,
.gy-5 {
--bs-gutter-y: 5rem
}
@media (min-width:414px) {
.col-sm {
flex: 1 0 0%
}
.row-cols-sm-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-sm-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-sm-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-sm-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-sm-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-sm-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-sm-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333333%
}
.offset-sm-2 {
margin-left: 16.66666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333333%
}
.offset-sm-5 {
margin-left: 41.66666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333333%
}
.offset-sm-8 {
margin-left: 66.66666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333333%
}
.offset-sm-11 {
margin-left: 91.66666667%
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 1rem
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 1rem
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 2rem
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 2rem
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 3rem
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 3rem
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 4rem
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 4rem
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 5rem
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 5rem
}
}
@media (min-width:768px) {
.col-md {
flex: 1 0 0%
}
.row-cols-md-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-md-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-md-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-md-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-md-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-md-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-md-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-md-auto {
flex: 0 0 auto;
width: auto
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-md-3 {
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-md-6 {
flex: 0 0 auto;
width: 50%
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-md-9 {
flex: 0 0 auto;
width: 75%
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-md-12 {
flex: 0 0 auto;
width: 100%
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333333%
}
.offset-md-2 {
margin-left: 16.66666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333333%
}
.offset-md-5 {
margin-left: 41.66666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333333%
}
.offset-md-8 {
margin-left: 66.66666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333333%
}
.offset-md-11 {
margin-left: 91.66666667%
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 1rem
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 1rem
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 2rem
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 2rem
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 3rem
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 3rem
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 4rem
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 4rem
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 5rem
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 5rem
}
}
@media (min-width:1024px) {
.col-lg {
flex: 1 0 0%
}
.row-cols-lg-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-lg-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-lg-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-lg-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-lg-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-lg-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-lg-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333333%
}
.offset-lg-2 {
margin-left: 16.66666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333333%
}
.offset-lg-5 {
margin-left: 41.66666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333333%
}
.offset-lg-8 {
margin-left: 66.66666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333333%
}
.offset-lg-11 {
margin-left: 91.66666667%
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 1rem
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 1rem
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 2rem
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 2rem
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 3rem
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 3rem
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 4rem
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 4rem
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 5rem
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 5rem
}
}
@media (min-width:1280px) {
.col-xl {
flex: 1 0 0%
}
.row-cols-xl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xl-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-xl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xl-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333333%
}
.offset-xl-2 {
margin-left: 16.66666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333333%
}
.offset-xl-5 {
margin-left: 41.66666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333333%
}
.offset-xl-8 {
margin-left: 66.66666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333333%
}
.offset-xl-11 {
margin-left: 91.66666667%
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 1rem
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 1rem
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 2rem
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 2rem
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 3rem
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 3rem
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 4rem
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 4rem
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 5rem
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 5rem
}
}
@media (min-width:1440px) {
.col-xxl {
flex: 1 0 0%
}
.row-cols-xxl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xxl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xxl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xxl-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-xxl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xxl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xxl-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.33333333%
}
.offset-xxl-2 {
margin-left: 16.66666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.33333333%
}
.offset-xxl-5 {
margin-left: 41.66666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.33333333%
}
.offset-xxl-8 {
margin-left: 66.66666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.33333333%
}
.offset-xxl-11 {
margin-left: 91.66666667%
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 1rem
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 1rem
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 2rem
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 2rem
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 3rem
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 3rem
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 4rem
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 4rem
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 5rem
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 5rem
}
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-grid {
display: grid !important
}
.d-inline-grid {
display: inline-grid !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
.d-none {
display: none !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.justify-content-evenly {
justify-content: space-evenly !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
.order-first {
order: -1 !important
}
.order-0 {
order: 0 !important
}
.order-1 {
order: 1 !important
}
.order-2 {
order: 2 !important
}
.order-3 {
order: 3 !important
}
.order-4 {
order: 4 !important
}
.order-5 {
order: 5 !important
}
.order-last {
order: 6 !important
}
.m-0 {
margin: 0 !important
}
.m-1 {
margin: 1rem !important
}
.m-2 {
margin: 2rem !important
}
.m-3 {
margin: 3rem !important
}
.m-4 {
margin: 4rem !important
}
.m-5 {
margin: 5rem !important
}
.m-auto {
margin: auto !important
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-1 {
margin-top: 1rem !important
}
.mt-2 {
margin-top: 2rem !important
}
.mt-3 {
margin-top: 3rem !important
}
.mt-4 {
margin-top: 4rem !important
}
.mt-5 {
margin-top: 5rem !important
}
.mt-auto {
margin-top: auto !important
}
.me-0 {
margin-right: 0 !important
}
.me-1 {
margin-right: 1rem !important
}
.me-2 {
margin-right: 2rem !important
}
.me-3 {
margin-right: 3rem !important
}
.me-4 {
margin-right: 4rem !important
}
.me-5 {
margin-right: 5rem !important
}
.me-auto {
margin-right: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-1 {
margin-bottom: 1rem !important
}
.mb-2 {
margin-bottom: 2rem !important
}
.mb-3 {
margin-bottom: 3rem !important
}
.mb-4 {
margin-bottom: 4rem !important
}
.mb-5 {
margin-bottom: 5rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.ms-0 {
margin-left: 0 !important
}
.ms-1 {
margin-left: 1rem !important
}
.ms-2 {
margin-left: 2rem !important
}
.ms-3 {
margin-left: 3rem !important
}
.ms-4 {
margin-left: 4rem !important
}
.ms-5 {
margin-left: 5rem !important
}
.ms-auto {
margin-left: auto !important
}
.p-0 {
padding: 0 !important
}
.p-1 {
padding: 1rem !important
}
.p-2 {
padding: 2rem !important
}
.p-3 {
padding: 3rem !important
}
.p-4 {
padding: 4rem !important
}
.p-5 {
padding: 5rem !important
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-1 {
padding-top: 1rem !important
}
.pt-2 {
padding-top: 2rem !important
}
.pt-3 {
padding-top: 3rem !important
}
.pt-4 {
padding-top: 4rem !important
}
.pt-5 {
padding-top: 5rem !important
}
.pe-0 {
padding-right: 0 !important
}
.pe-1 {
padding-right: 1rem !important
}
.pe-2 {
padding-right: 2rem !important
}
.pe-3 {
padding-right: 3rem !important
}
.pe-4 {
padding-right: 4rem !important
}
.pe-5 {
padding-right: 5rem !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-1 {
padding-bottom: 1rem !important
}
.pb-2 {
padding-bottom: 2rem !important
}
.pb-3 {
padding-bottom: 3rem !important
}
.pb-4 {
padding-bottom: 4rem !important
}
.pb-5 {
padding-bottom: 5rem !important
}
.ps-0 {
padding-left: 0 !important
}
.ps-1 {
padding-left: 1rem !important
}
.ps-2 {
padding-left: 2rem !important
}
.ps-3 {
padding-left: 3rem !important
}
.ps-4 {
padding-left: 4rem !important
}
.ps-5 {
padding-left: 5rem !important
}
@media (min-width:414px) {
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-grid {
display: grid !important
}
.d-sm-inline-grid {
display: inline-grid !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
.d-sm-none {
display: none !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-grow-0 {
flex-grow: 0 !important
}
.flex-sm-grow-1 {
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.justify-content-sm-evenly {
justify-content: space-evenly !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
.order-sm-first {
order: -1 !important
}
.order-sm-0 {
order: 0 !important
}
.order-sm-1 {
order: 1 !important
}
.order-sm-2 {
order: 2 !important
}
.order-sm-3 {
order: 3 !important
}
.order-sm-4 {
order: 4 !important
}
.order-sm-5 {
order: 5 !important
}
.order-sm-last {
order: 6 !important
}
.m-sm-0 {
margin: 0 !important
}
.m-sm-1 {
margin: 1rem !important
}
.m-sm-2 {
margin: 2rem !important
}
.m-sm-3 {
margin: 3rem !important
}
.m-sm-4 {
margin: 4rem !important
}
.m-sm-5 {
margin: 5rem !important
}
.m-sm-auto {
margin: auto !important
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-sm-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-sm-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-sm-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-sm-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-sm-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-sm-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-sm-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-sm-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-sm-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-sm-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-sm-0 {
margin-top: 0 !important
}
.mt-sm-1 {
margin-top: 1rem !important
}
.mt-sm-2 {
margin-top: 2rem !important
}
.mt-sm-3 {
margin-top: 3rem !important
}
.mt-sm-4 {
margin-top: 4rem !important
}
.mt-sm-5 {
margin-top: 5rem !important
}
.mt-sm-auto {
margin-top: auto !important
}
.me-sm-0 {
margin-right: 0 !important
}
.me-sm-1 {
margin-right: 1rem !important
}
.me-sm-2 {
margin-right: 2rem !important
}
.me-sm-3 {
margin-right: 3rem !important
}
.me-sm-4 {
margin-right: 4rem !important
}
.me-sm-5 {
margin-right: 5rem !important
}
.me-sm-auto {
margin-right: auto !important
}
.mb-sm-0 {
margin-bottom: 0 !important
}
.mb-sm-1 {
margin-bottom: 1rem !important
}
.mb-sm-2 {
margin-bottom: 2rem !important
}
.mb-sm-3 {
margin-bottom: 3rem !important
}
.mb-sm-4 {
margin-bottom: 4rem !important
}
.mb-sm-5 {
margin-bottom: 5rem !important
}
.mb-sm-auto {
margin-bottom: auto !important
}
.ms-sm-0 {
margin-left: 0 !important
}
.ms-sm-1 {
margin-left: 1rem !important
}
.ms-sm-2 {
margin-left: 2rem !important
}
.ms-sm-3 {
margin-left: 3rem !important
}
.ms-sm-4 {
margin-left: 4rem !important
}
.ms-sm-5 {
margin-left: 5rem !important
}
.ms-sm-auto {
margin-left: auto !important
}
.p-sm-0 {
padding: 0 !important
}
.p-sm-1 {
padding: 1rem !important
}
.p-sm-2 {
padding: 2rem !important
}
.p-sm-3 {
padding: 3rem !important
}
.p-sm-4 {
padding: 4rem !important
}
.p-sm-5 {
padding: 5rem !important
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-sm-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-sm-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-sm-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-sm-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-sm-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-sm-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-sm-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-sm-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-sm-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-sm-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-sm-0 {
padding-top: 0 !important
}
.pt-sm-1 {
padding-top: 1rem !important
}
.pt-sm-2 {
padding-top: 2rem !important
}
.pt-sm-3 {
padding-top: 3rem !important
}
.pt-sm-4 {
padding-top: 4rem !important
}
.pt-sm-5 {
padding-top: 5rem !important
}
.pe-sm-0 {
padding-right: 0 !important
}
.pe-sm-1 {
padding-right: 1rem !important
}
.pe-sm-2 {
padding-right: 2rem !important
}
.pe-sm-3 {
padding-right: 3rem !important
}
.pe-sm-4 {
padding-right: 4rem !important
}
.pe-sm-5 {
padding-right: 5rem !important
}
.pb-sm-0 {
padding-bottom: 0 !important
}
.pb-sm-1 {
padding-bottom: 1rem !important
}
.pb-sm-2 {
padding-bottom: 2rem !important
}
.pb-sm-3 {
padding-bottom: 3rem !important
}
.pb-sm-4 {
padding-bottom: 4rem !important
}
.pb-sm-5 {
padding-bottom: 5rem !important
}
.ps-sm-0 {
padding-left: 0 !important
}
.ps-sm-1 {
padding-left: 1rem !important
}
.ps-sm-2 {
padding-left: 2rem !important
}
.ps-sm-3 {
padding-left: 3rem !important
}
.ps-sm-4 {
padding-left: 4rem !important
}
.ps-sm-5 {
padding-left: 5rem !important
}
}
@media (min-width:768px) {
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-grid {
display: grid !important
}
.d-md-inline-grid {
display: inline-grid !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
.d-md-none {
display: none !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.justify-content-md-evenly {
justify-content: space-evenly !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
.order-md-first {
order: -1 !important
}
.order-md-0 {
order: 0 !important
}
.order-md-1 {
order: 1 !important
}
.order-md-2 {
order: 2 !important
}
.order-md-3 {
order: 3 !important
}
.order-md-4 {
order: 4 !important
}
.order-md-5 {
order: 5 !important
}
.order-md-last {
order: 6 !important
}
.m-md-0 {
margin: 0 !important
}
.m-md-1 {
margin: 1rem !important
}
.m-md-2 {
margin: 2rem !important
}
.m-md-3 {
margin: 3rem !important
}
.m-md-4 {
margin: 4rem !important
}
.m-md-5 {
margin: 5rem !important
}
.m-md-auto {
margin: auto !important
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-md-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-md-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-md-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-md-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-md-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-md-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-md-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-md-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-md-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-md-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-md-0 {
margin-top: 0 !important
}
.mt-md-1 {
margin-top: 1rem !important
}
.mt-md-2 {
margin-top: 2rem !important
}
.mt-md-3 {
margin-top: 3rem !important
}
.mt-md-4 {
margin-top: 4rem !important
}
.mt-md-5 {
margin-top: 5rem !important
}
.mt-md-auto {
margin-top: auto !important
}
.me-md-0 {
margin-right: 0 !important
}
.me-md-1 {
margin-right: 1rem !important
}
.me-md-2 {
margin-right: 2rem !important
}
.me-md-3 {
margin-right: 3rem !important
}
.me-md-4 {
margin-right: 4rem !important
}
.me-md-5 {
margin-right: 5rem !important
}
.me-md-auto {
margin-right: auto !important
}
.mb-md-0 {
margin-bottom: 0 !important
}
.mb-md-1 {
margin-bottom: 1rem !important
}
.mb-md-2 {
margin-bottom: 2rem !important
}
.mb-md-3 {
margin-bottom: 3rem !important
}
.mb-md-4 {
margin-bottom: 4rem !important
}
.mb-md-5 {
margin-bottom: 5rem !important
}
.mb-md-auto {
margin-bottom: auto !important
}
.ms-md-0 {
margin-left: 0 !important
}
.ms-md-1 {
margin-left: 1rem !important
}
.ms-md-2 {
margin-left: 2rem !important
}
.ms-md-3 {
margin-left: 3rem !important
}
.ms-md-4 {
margin-left: 4rem !important
}
.ms-md-5 {
margin-left: 5rem !important
}
.ms-md-auto {
margin-left: auto !important
}
.p-md-0 {
padding: 0 !important
}
.p-md-1 {
padding: 1rem !important
}
.p-md-2 {
padding: 2rem !important
}
.p-md-3 {
padding: 3rem !important
}
.p-md-4 {
padding: 4rem !important
}
.p-md-5 {
padding: 5rem !important
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-md-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-md-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-md-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-md-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-md-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-md-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-md-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-md-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-md-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-md-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-md-0 {
padding-top: 0 !important
}
.pt-md-1 {
padding-top: 1rem !important
}
.pt-md-2 {
padding-top: 2rem !important
}
.pt-md-3 {
padding-top: 3rem !important
}
.pt-md-4 {
padding-top: 4rem !important
}
.pt-md-5 {
padding-top: 5rem !important
}
.pe-md-0 {
padding-right: 0 !important
}
.pe-md-1 {
padding-right: 1rem !important
}
.pe-md-2 {
padding-right: 2rem !important
}
.pe-md-3 {
padding-right: 3rem !important
}
.pe-md-4 {
padding-right: 4rem !important
}
.pe-md-5 {
padding-right: 5rem !important
}
.pb-md-0 {
padding-bottom: 0 !important
}
.pb-md-1 {
padding-bottom: 1rem !important
}
.pb-md-2 {
padding-bottom: 2rem !important
}
.pb-md-3 {
padding-bottom: 3rem !important
}
.pb-md-4 {
padding-bottom: 4rem !important
}
.pb-md-5 {
padding-bottom: 5rem !important
}
.ps-md-0 {
padding-left: 0 !important
}
.ps-md-1 {
padding-left: 1rem !important
}
.ps-md-2 {
padding-left: 2rem !important
}
.ps-md-3 {
padding-left: 3rem !important
}
.ps-md-4 {
padding-left: 4rem !important
}
.ps-md-5 {
padding-left: 5rem !important
}
}
@media (min-width:1024px) {
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-grid {
display: grid !important
}
.d-lg-inline-grid {
display: inline-grid !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
.d-lg-none {
display: none !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.justify-content-lg-evenly {
justify-content: space-evenly !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
.order-lg-first {
order: -1 !important
}
.order-lg-0 {
order: 0 !important
}
.order-lg-1 {
order: 1 !important
}
.order-lg-2 {
order: 2 !important
}
.order-lg-3 {
order: 3 !important
}
.order-lg-4 {
order: 4 !important
}
.order-lg-5 {
order: 5 !important
}
.order-lg-last {
order: 6 !important
}
.m-lg-0 {
margin: 0 !important
}
.m-lg-1 {
margin: 1rem !important
}
.m-lg-2 {
margin: 2rem !important
}
.m-lg-3 {
margin: 3rem !important
}
.m-lg-4 {
margin: 4rem !important
}
.m-lg-5 {
margin: 5rem !important
}
.m-lg-auto {
margin: auto !important
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-lg-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-lg-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-lg-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-lg-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-lg-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-lg-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-lg-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-lg-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-lg-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-lg-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-lg-0 {
margin-top: 0 !important
}
.mt-lg-1 {
margin-top: 1rem !important
}
.mt-lg-2 {
margin-top: 2rem !important
}
.mt-lg-3 {
margin-top: 3rem !important
}
.mt-lg-4 {
margin-top: 4rem !important
}
.mt-lg-5 {
margin-top: 5rem !important
}
.mt-lg-auto {
margin-top: auto !important
}
.me-lg-0 {
margin-right: 0 !important
}
.me-lg-1 {
margin-right: 1rem !important
}
.me-lg-2 {
margin-right: 2rem !important
}
.me-lg-3 {
margin-right: 3rem !important
}
.me-lg-4 {
margin-right: 4rem !important
}
.me-lg-5 {
margin-right: 5rem !important
}
.me-lg-auto {
margin-right: auto !important
}
.mb-lg-0 {
margin-bottom: 0 !important
}
.mb-lg-1 {
margin-bottom: 1rem !important
}
.mb-lg-2 {
margin-bottom: 2rem !important
}
.mb-lg-3 {
margin-bottom: 3rem !important
}
.mb-lg-4 {
margin-bottom: 4rem !important
}
.mb-lg-5 {
margin-bottom: 5rem !important
}
.mb-lg-auto {
margin-bottom: auto !important
}
.ms-lg-0 {
margin-left: 0 !important
}
.ms-lg-1 {
margin-left: 1rem !important
}
.ms-lg-2 {
margin-left: 2rem !important
}
.ms-lg-3 {
margin-left: 3rem !important
}
.ms-lg-4 {
margin-left: 4rem !important
}
.ms-lg-5 {
margin-left: 5rem !important
}
.ms-lg-auto {
margin-left: auto !important
}
.p-lg-0 {
padding: 0 !important
}
.p-lg-1 {
padding: 1rem !important
}
.p-lg-2 {
padding: 2rem !important
}
.p-lg-3 {
padding: 3rem !important
}
.p-lg-4 {
padding: 4rem !important
}
.p-lg-5 {
padding: 5rem !important
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-lg-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-lg-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-lg-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-lg-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-lg-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-lg-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-lg-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-lg-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-lg-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-lg-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-lg-0 {
padding-top: 0 !important
}
.pt-lg-1 {
padding-top: 1rem !important
}
.pt-lg-2 {
padding-top: 2rem !important
}
.pt-lg-3 {
padding-top: 3rem !important
}
.pt-lg-4 {
padding-top: 4rem !important
}
.pt-lg-5 {
padding-top: 5rem !important
}
.pe-lg-0 {
padding-right: 0 !important
}
.pe-lg-1 {
padding-right: 1rem !important
}
.pe-lg-2 {
padding-right: 2rem !important
}
.pe-lg-3 {
padding-right: 3rem !important
}
.pe-lg-4 {
padding-right: 4rem !important
}
.pe-lg-5 {
padding-right: 5rem !important
}
.pb-lg-0 {
padding-bottom: 0 !important
}
.pb-lg-1 {
padding-bottom: 1rem !important
}
.pb-lg-2 {
padding-bottom: 2rem !important
}
.pb-lg-3 {
padding-bottom: 3rem !important
}
.pb-lg-4 {
padding-bottom: 4rem !important
}
.pb-lg-5 {
padding-bottom: 5rem !important
}
.ps-lg-0 {
padding-left: 0 !important
}
.ps-lg-1 {
padding-left: 1rem !important
}
.ps-lg-2 {
padding-left: 2rem !important
}
.ps-lg-3 {
padding-left: 3rem !important
}
.ps-lg-4 {
padding-left: 4rem !important
}
.ps-lg-5 {
padding-left: 5rem !important
}
}
@media (min-width:1280px) {
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-grid {
display: grid !important
}
.d-xl-inline-grid {
display: inline-grid !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
.d-xl-none {
display: none !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.justify-content-xl-evenly {
justify-content: space-evenly !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
.order-xl-first {
order: -1 !important
}
.order-xl-0 {
order: 0 !important
}
.order-xl-1 {
order: 1 !important
}
.order-xl-2 {
order: 2 !important
}
.order-xl-3 {
order: 3 !important
}
.order-xl-4 {
order: 4 !important
}
.order-xl-5 {
order: 5 !important
}
.order-xl-last {
order: 6 !important
}
.m-xl-0 {
margin: 0 !important
}
.m-xl-1 {
margin: 1rem !important
}
.m-xl-2 {
margin: 2rem !important
}
.m-xl-3 {
margin: 3rem !important
}
.m-xl-4 {
margin: 4rem !important
}
.m-xl-5 {
margin: 5rem !important
}
.m-xl-auto {
margin: auto !important
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xl-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xl-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-xl-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xl-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-xl-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xl-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xl-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-xl-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xl-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-xl-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xl-0 {
margin-top: 0 !important
}
.mt-xl-1 {
margin-top: 1rem !important
}
.mt-xl-2 {
margin-top: 2rem !important
}
.mt-xl-3 {
margin-top: 3rem !important
}
.mt-xl-4 {
margin-top: 4rem !important
}
.mt-xl-5 {
margin-top: 5rem !important
}
.mt-xl-auto {
margin-top: auto !important
}
.me-xl-0 {
margin-right: 0 !important
}
.me-xl-1 {
margin-right: 1rem !important
}
.me-xl-2 {
margin-right: 2rem !important
}
.me-xl-3 {
margin-right: 3rem !important
}
.me-xl-4 {
margin-right: 4rem !important
}
.me-xl-5 {
margin-right: 5rem !important
}
.me-xl-auto {
margin-right: auto !important
}
.mb-xl-0 {
margin-bottom: 0 !important
}
.mb-xl-1 {
margin-bottom: 1rem !important
}
.mb-xl-2 {
margin-bottom: 2rem !important
}
.mb-xl-3 {
margin-bottom: 3rem !important
}
.mb-xl-4 {
margin-bottom: 4rem !important
}
.mb-xl-5 {
margin-bottom: 5rem !important
}
.mb-xl-auto {
margin-bottom: auto !important
}
.ms-xl-0 {
margin-left: 0 !important
}
.ms-xl-1 {
margin-left: 1rem !important
}
.ms-xl-2 {
margin-left: 2rem !important
}
.ms-xl-3 {
margin-left: 3rem !important
}
.ms-xl-4 {
margin-left: 4rem !important
}
.ms-xl-5 {
margin-left: 5rem !important
}
.ms-xl-auto {
margin-left: auto !important
}
.p-xl-0 {
padding: 0 !important
}
.p-xl-1 {
padding: 1rem !important
}
.p-xl-2 {
padding: 2rem !important
}
.p-xl-3 {
padding: 3rem !important
}
.p-xl-4 {
padding: 4rem !important
}
.p-xl-5 {
padding: 5rem !important
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xl-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xl-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-xl-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-xl-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-xl-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xl-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xl-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-xl-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-xl-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-xl-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-xl-0 {
padding-top: 0 !important
}
.pt-xl-1 {
padding-top: 1rem !important
}
.pt-xl-2 {
padding-top: 2rem !important
}
.pt-xl-3 {
padding-top: 3rem !important
}
.pt-xl-4 {
padding-top: 4rem !important
}
.pt-xl-5 {
padding-top: 5rem !important
}
.pe-xl-0 {
padding-right: 0 !important
}
.pe-xl-1 {
padding-right: 1rem !important
}
.pe-xl-2 {
padding-right: 2rem !important
}
.pe-xl-3 {
padding-right: 3rem !important
}
.pe-xl-4 {
padding-right: 4rem !important
}
.pe-xl-5 {
padding-right: 5rem !important
}
.pb-xl-0 {
padding-bottom: 0 !important
}
.pb-xl-1 {
padding-bottom: 1rem !important
}
.pb-xl-2 {
padding-bottom: 2rem !important
}
.pb-xl-3 {
padding-bottom: 3rem !important
}
.pb-xl-4 {
padding-bottom: 4rem !important
}
.pb-xl-5 {
padding-bottom: 5rem !important
}
.ps-xl-0 {
padding-left: 0 !important
}
.ps-xl-1 {
padding-left: 1rem !important
}
.ps-xl-2 {
padding-left: 2rem !important
}
.ps-xl-3 {
padding-left: 3rem !important
}
.ps-xl-4 {
padding-left: 4rem !important
}
.ps-xl-5 {
padding-left: 5rem !important
}
}
@media (min-width:1440px) {
.d-xxl-inline {
display: inline !important
}
.d-xxl-inline-block {
display: inline-block !important
}
.d-xxl-block {
display: block !important
}
.d-xxl-grid {
display: grid !important
}
.d-xxl-inline-grid {
display: inline-grid !important
}
.d-xxl-table {
display: table !important
}
.d-xxl-table-row {
display: table-row !important
}
.d-xxl-table-cell {
display: table-cell !important
}
.d-xxl-flex {
display: flex !important
}
.d-xxl-inline-flex {
display: inline-flex !important
}
.d-xxl-none {
display: none !important
}
.flex-xxl-fill {
flex: 1 1 auto !important
}
.flex-xxl-row {
flex-direction: row !important
}
.flex-xxl-column {
flex-direction: column !important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxl-grow-0 {
flex-grow: 0 !important
}
.flex-xxl-grow-1 {
flex-grow: 1 !important
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xxl-wrap {
flex-wrap: wrap !important
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xxl-start {
justify-content: flex-start !important
}
.justify-content-xxl-end {
justify-content: flex-end !important
}
.justify-content-xxl-center {
justify-content: center !important
}
.justify-content-xxl-between {
justify-content: space-between !important
}
.justify-content-xxl-around {
justify-content: space-around !important
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important
}
.align-items-xxl-start {
align-items: flex-start !important
}
.align-items-xxl-end {
align-items: flex-end !important
}
.align-items-xxl-center {
align-items: center !important
}
.align-items-xxl-baseline {
align-items: baseline !important
}
.align-items-xxl-stretch {
align-items: stretch !important
}
.align-content-xxl-start {
align-content: flex-start !important
}
.align-content-xxl-end {
align-content: flex-end !important
}
.align-content-xxl-center {
align-content: center !important
}
.align-content-xxl-between {
align-content: space-between !important
}
.align-content-xxl-around {
align-content: space-around !important
}
.align-content-xxl-stretch {
align-content: stretch !important
}
.align-self-xxl-auto {
align-self: auto !important
}
.align-self-xxl-start {
align-self: flex-start !important
}
.align-self-xxl-end {
align-self: flex-end !important
}
.align-self-xxl-center {
align-self: center !important
}
.align-self-xxl-baseline {
align-self: baseline !important
}
.align-self-xxl-stretch {
align-self: stretch !important
}
.order-xxl-first {
order: -1 !important
}
.order-xxl-0 {
order: 0 !important
}
.order-xxl-1 {
order: 1 !important
}
.order-xxl-2 {
order: 2 !important
}
.order-xxl-3 {
order: 3 !important
}
.order-xxl-4 {
order: 4 !important
}
.order-xxl-5 {
order: 5 !important
}
.order-xxl-last {
order: 6 !important
}
.m-xxl-0 {
margin: 0 !important
}
.m-xxl-1 {
margin: 1rem !important
}
.m-xxl-2 {
margin: 2rem !important
}
.m-xxl-3 {
margin: 3rem !important
}
.m-xxl-4 {
margin: 4rem !important
}
.m-xxl-5 {
margin: 5rem !important
}
.m-xxl-auto {
margin: auto !important
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xxl-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xxl-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-xxl-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xxl-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-xxl-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xxl-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xxl-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-xxl-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xxl-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-xxl-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xxl-0 {
margin-top: 0 !important
}
.mt-xxl-1 {
margin-top: 1rem !important
}
.mt-xxl-2 {
margin-top: 2rem !important
}
.mt-xxl-3 {
margin-top: 3rem !important
}
.mt-xxl-4 {
margin-top: 4rem !important
}
.mt-xxl-5 {
margin-top: 5rem !important
}
.mt-xxl-auto {
margin-top: auto !important
}
.me-xxl-0 {
margin-right: 0 !important
}
.me-xxl-1 {
margin-right: 1rem !important
}
.me-xxl-2 {
margin-right: 2rem !important
}
.me-xxl-3 {
margin-right: 3rem !important
}
.me-xxl-4 {
margin-right: 4rem !important
}
.me-xxl-5 {
margin-right: 5rem !important
}
.me-xxl-auto {
margin-right: auto !important
}
.mb-xxl-0 {
margin-bottom: 0 !important
}
.mb-xxl-1 {
margin-bottom: 1rem !important
}
.mb-xxl-2 {
margin-bottom: 2rem !important
}
.mb-xxl-3 {
margin-bottom: 3rem !important
}
.mb-xxl-4 {
margin-bottom: 4rem !important
}
.mb-xxl-5 {
margin-bottom: 5rem !important
}
.mb-xxl-auto {
margin-bottom: auto !important
}
.ms-xxl-0 {
margin-left: 0 !important
}
.ms-xxl-1 {
margin-left: 1rem !important
}
.ms-xxl-2 {
margin-left: 2rem !important
}
.ms-xxl-3 {
margin-left: 3rem !important
}
.ms-xxl-4 {
margin-left: 4rem !important
}
.ms-xxl-5 {
margin-left: 5rem !important
}
.ms-xxl-auto {
margin-left: auto !important
}
.p-xxl-0 {
padding: 0 !important
}
.p-xxl-1 {
padding: 1rem !important
}
.p-xxl-2 {
padding: 2rem !important
}
.p-xxl-3 {
padding: 3rem !important
}
.p-xxl-4 {
padding: 4rem !important
}
.p-xxl-5 {
padding: 5rem !important
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xxl-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xxl-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-xxl-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-xxl-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-xxl-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xxl-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xxl-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-xxl-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-xxl-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-xxl-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-xxl-0 {
padding-top: 0 !important
}
.pt-xxl-1 {
padding-top: 1rem !important
}
.pt-xxl-2 {
padding-top: 2rem !important
}
.pt-xxl-3 {
padding-top: 3rem !important
}
.pt-xxl-4 {
padding-top: 4rem !important
}
.pt-xxl-5 {
padding-top: 5rem !important
}
.pe-xxl-0 {
padding-right: 0 !important
}
.pe-xxl-1 {
padding-right: 1rem !important
}
.pe-xxl-2 {
padding-right: 2rem !important
}
.pe-xxl-3 {
padding-right: 3rem !important
}
.pe-xxl-4 {
padding-right: 4rem !important
}
.pe-xxl-5 {
padding-right: 5rem !important
}
.pb-xxl-0 {
padding-bottom: 0 !important
}
.pb-xxl-1 {
padding-bottom: 1rem !important
}
.pb-xxl-2 {
padding-bottom: 2rem !important
}
.pb-xxl-3 {
padding-bottom: 3rem !important
}
.pb-xxl-4 {
padding-bottom: 4rem !important
}
.pb-xxl-5 {
padding-bottom: 5rem !important
}
.ps-xxl-0 {
padding-left: 0 !important
}
.ps-xxl-1 {
padding-left: 1rem !important
}
.ps-xxl-2 {
padding-left: 2rem !important
}
.ps-xxl-3 {
padding-left: 3rem !important
}
.ps-xxl-4 {
padding-left: 4rem !important
}
.ps-xxl-5 {
padding-left: 5rem !important
}
}
@media print {
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-grid {
display: grid !important
}
.d-print-inline-grid {
display: inline-grid !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
.d-print-none {
display: none !important
}
}
/*!
* Bootstrap Utilities v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme=light] {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #078855;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #181818;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #078855;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 7, 136, 85;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text-emphasis: #052c65;
--bs-secondary-text-emphasis: #2b2f32;
--bs-success-text-emphasis: #033622;
--bs-info-text-emphasis: #055160;
--bs-warning-text-emphasis: #664d03;
--bs-danger-text-emphasis: #58151c;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #cde7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #c4c8cb;
--bs-success-border-subtle: #9ccfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 24, 24, 24;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #181818;
--bs-emphasis-color-rgb: 24, 24, 24;
--bs-secondary-color: rgba(33, 37, 41, .75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, .5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #0d6efd;
--bs-link-color-rgb: 13, 110, 253;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a58ca;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-color: #212529;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(24, 24, 24, .175);
--bs-border-radius: .375rem;
--bs-border-radius-sm: .25rem;
--bs-border-radius-lg: .5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 .5rem 1rem rgba(24, 24, 24, .15);
--bs-box-shadow-sm: 0 .125rem .25rem rgba(24, 24, 24, .075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(24, 24, 24, .175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(24, 24, 24, .075);
--bs-focus-ring-width: .25rem;
--bs-focus-ring-opacity: .25;
--bs-focus-ring-color: rgba(13, 110, 253, .25);
--bs-form-valid-color: #078855;
--bs-form-valid-border-color: #078855;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545
}
[data-bs-theme=dark] {
color-scheme: dark;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, .75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, .5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #6ab899;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #011b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #26292c;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #045233;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, .15);
--bs-form-valid-color: #6ab899;
--bs-form-valid-border-color: #6ab899;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f
}
.clearfix:after {
display: block;
clear: both;
content: ""
}
.text-bg-primary {
color: #fff !important;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-secondary {
color: #fff !important;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-success {
color: #fff !important;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-info {
color: #181818 !important;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-warning {
color: #181818 !important;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-danger {
color: #fff !important;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-light {
color: #181818 !important;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-dark {
color: #fff !important;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
}
.link-primary {
color: rgba(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-primary:hover,
.link-primary:focus {
color: rgba(10, 88, 202, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
}
.link-secondary {
color: rgba(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-secondary:hover,
.link-secondary:focus {
color: rgba(86, 94, 100, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
}
.link-success {
color: rgba(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-success:hover,
.link-success:focus {
color: rgba(6, 109, 68, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(6, 109, 68, var(--bs-link-underline-opacity, 1)) !important
}
.link-info {
color: rgba(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-info:hover,
.link-info:focus {
color: rgba(61, 213, 243, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
}
.link-warning {
color: rgba(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-warning:hover,
.link-warning:focus {
color: rgba(255, 205, 57, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
}
.link-danger {
color: rgba(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-danger:hover,
.link-danger:focus {
color: rgba(176, 42, 55, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
}
.link-light {
color: rgba(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-light:hover,
.link-light:focus {
color: rgba(249, 250, 251, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}
.link-dark {
color: rgba(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-dark:hover,
.link-dark:focus {
color: rgba(26, 30, 33, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
}
.link-body-emphasis {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-body-emphasis:hover,
.link-body-emphasis:focus {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important
}
.focus-ring:focus {
outline: 0;
box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}
.icon-link {
display: inline-flex;
gap: .375rem;
align-items: center;
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
text-underline-offset: .25em;
backface-visibility: hidden
}
.icon-link>.bi {
flex-shrink: 0;
width: 1em;
height: 1em;
fill: currentcolor;
transition: .2s ease-in-out transform
}
@media (prefers-reduced-motion:reduce) {
.icon-link>.bi {
transition: none
}
}
.icon-link-hover:hover>.bi,
.icon-link-hover:focus-visible>.bi {
transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}
.ratio {
position: relative;
width: 100%
}
.ratio:before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: ""
}
.ratio>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ratio-1x1 {
--bs-aspect-ratio: 100%
}
.ratio-4x3 {
--bs-aspect-ratio: 75%
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
.sticky-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
@media (min-width:414px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-sm-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-md-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:1024px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-lg-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:1280px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-xl-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:1440px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-xxl-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
position: absolute !important
}
.stretched-link:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: ""
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.vr {
display: inline-block;
align-self: stretch;
width: var(--bs-border-width);
min-height: 1em;
background-color: currentcolor;
opacity: .25
}
.align-baseline {
vertical-align: baseline !important
}
.align-top {
vertical-align: top !important
}
.align-middle {
vertical-align: middle !important
}
.align-bottom {
vertical-align: bottom !important
}
.align-text-bottom {
vertical-align: text-bottom !important
}
.align-text-top {
vertical-align: text-top !important
}
.float-start {
float: left !important
}
.float-end {
float: right !important
}
.float-none {
float: none !important
}
.object-fit-contain {
object-fit: contain !important
}
.object-fit-cover {
object-fit: cover !important
}
.object-fit-fill {
object-fit: fill !important
}
.object-fit-scale {
object-fit: scale-down !important
}
.object-fit-none {
object-fit: none !important
}
.opacity-0 {
opacity: 0 !important
}
.opacity-25 {
opacity: .25 !important
}
.opacity-50 {
opacity: .5 !important
}
.opacity-75 {
opacity: .75 !important
}
.opacity-100 {
opacity: 1 !important
}
.overflow-auto {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden !important
}
.overflow-visible {
overflow: visible !important
}
.overflow-scroll {
overflow: scroll !important
}
.overflow-x-auto {
overflow-x: auto !important
}
.overflow-x-hidden {
overflow-x: hidden !important
}
.overflow-x-visible {
overflow-x: visible !important
}
.overflow-x-scroll {
overflow-x: scroll !important
}
.overflow-y-auto {
overflow-y: auto !important
}
.overflow-y-hidden {
overflow-y: hidden !important
}
.overflow-y-visible {
overflow-y: visible !important
}
.overflow-y-scroll {
overflow-y: scroll !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-grid {
display: grid !important
}
.d-inline-grid {
display: inline-grid !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
.d-none {
display: none !important
}
.shadow {
box-shadow: var(--bs-box-shadow) !important
}
.shadow-sm {
box-shadow: var(--bs-box-shadow-sm) !important
}
.shadow-lg {
box-shadow: var(--bs-box-shadow-lg) !important
}
.shadow-none {
box-shadow: none !important
}
.focus-ring-primary {
--bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-secondary {
--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-success {
--bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-info {
--bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-warning {
--bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-danger {
--bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-light {
--bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-dark {
--bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: sticky !important
}
.top-0 {
top: 0 !important
}
.top-50 {
top: 50% !important
}
.top-100 {
top: 100% !important
}
.bottom-0 {
bottom: 0 !important
}
.bottom-50 {
bottom: 50% !important
}
.bottom-100 {
bottom: 100% !important
}
.start-0 {
left: 0 !important
}
.start-50 {
left: 50% !important
}
.start-100 {
left: 100% !important
}
.end-0 {
right: 0 !important
}
.end-50 {
right: 50% !important
}
.end-100 {
right: 100% !important
}
.translate-middle {
transform: translate(-50%, -50%) !important
}
.translate-middle-x {
transform: translateX(-50%) !important
}
.translate-middle-y {
transform: translateY(-50%) !important
}
.border {
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-0 {
border: 0 !important
}
.border-top {
border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-top-0 {
border-top: 0 !important
}
.border-end {
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-end-0 {
border-right: 0 !important
}
.border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-bottom-0 {
border-bottom: 0 !important
}
.border-start {
border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-start-0 {
border-left: 0 !important
}
.border-primary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}
.border-secondary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}
.border-success {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}
.border-info {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}
.border-warning {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}
.border-danger {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}
.border-light {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}
.border-dark {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}
.border-black {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
}
.border-white {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}
.border-primary-subtle {
border-color: var(--bs-primary-border-subtle) !important
}
.border-secondary-subtle {
border-color: var(--bs-secondary-border-subtle) !important
}
.border-success-subtle {
border-color: var(--bs-success-border-subtle) !important
}
.border-info-subtle {
border-color: var(--bs-info-border-subtle) !important
}
.border-warning-subtle {
border-color: var(--bs-warning-border-subtle) !important
}
.border-danger-subtle {
border-color: var(--bs-danger-border-subtle) !important
}
.border-light-subtle {
border-color: var(--bs-light-border-subtle) !important
}
.border-dark-subtle {
border-color: var(--bs-dark-border-subtle) !important
}
.border-1 {
border-width: 1px !important
}
.border-2 {
border-width: 2px !important
}
.border-3 {
border-width: 3px !important
}
.border-4 {
border-width: 4px !important
}
.border-5 {
border-width: 5px !important
}
.border-opacity-10 {
--bs-border-opacity: .1
}
.border-opacity-25 {
--bs-border-opacity: .25
}
.border-opacity-50 {
--bs-border-opacity: .5
}
.border-opacity-75 {
--bs-border-opacity: .75
}
.border-opacity-100 {
--bs-border-opacity: 1
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.mw-100 {
max-width: 100% !important
}
.vw-100 {
width: 100vw !important
}
.min-vw-100 {
min-width: 100vw !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
.mh-100 {
max-height: 100% !important
}
.vh-100 {
height: 100vh !important
}
.min-vh-100 {
min-height: 100vh !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.justify-content-evenly {
justify-content: space-evenly !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
.order-first {
order: -1 !important
}
.order-0 {
order: 0 !important
}
.order-1 {
order: 1 !important
}
.order-2 {
order: 2 !important
}
.order-3 {
order: 3 !important
}
.order-4 {
order: 4 !important
}
.order-5 {
order: 5 !important
}
.order-last {
order: 6 !important
}
.m-0 {
margin: 0 !important
}
.m-1 {
margin: 1rem !important
}
.m-2 {
margin: 2rem !important
}
.m-3 {
margin: 3rem !important
}
.m-4 {
margin: 4rem !important
}
.m-5 {
margin: 5rem !important
}
.m-auto {
margin: auto !important
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-1 {
margin-top: 1rem !important
}
.mt-2 {
margin-top: 2rem !important
}
.mt-3 {
margin-top: 3rem !important
}
.mt-4 {
margin-top: 4rem !important
}
.mt-5 {
margin-top: 5rem !important
}
.mt-auto {
margin-top: auto !important
}
.me-0 {
margin-right: 0 !important
}
.me-1 {
margin-right: 1rem !important
}
.me-2 {
margin-right: 2rem !important
}
.me-3 {
margin-right: 3rem !important
}
.me-4 {
margin-right: 4rem !important
}
.me-5 {
margin-right: 5rem !important
}
.me-auto {
margin-right: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-1 {
margin-bottom: 1rem !important
}
.mb-2 {
margin-bottom: 2rem !important
}
.mb-3 {
margin-bottom: 3rem !important
}
.mb-4 {
margin-bottom: 4rem !important
}
.mb-5 {
margin-bottom: 5rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.ms-0 {
margin-left: 0 !important
}
.ms-1 {
margin-left: 1rem !important
}
.ms-2 {
margin-left: 2rem !important
}
.ms-3 {
margin-left: 3rem !important
}
.ms-4 {
margin-left: 4rem !important
}
.ms-5 {
margin-left: 5rem !important
}
.ms-auto {
margin-left: auto !important
}
.p-0 {
padding: 0 !important
}
.p-1 {
padding: 1rem !important
}
.p-2 {
padding: 2rem !important
}
.p-3 {
padding: 3rem !important
}
.p-4 {
padding: 4rem !important
}
.p-5 {
padding: 5rem !important
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-1 {
padding-top: 1rem !important
}
.pt-2 {
padding-top: 2rem !important
}
.pt-3 {
padding-top: 3rem !important
}
.pt-4 {
padding-top: 4rem !important
}
.pt-5 {
padding-top: 5rem !important
}
.pe-0 {
padding-right: 0 !important
}
.pe-1 {
padding-right: 1rem !important
}
.pe-2 {
padding-right: 2rem !important
}
.pe-3 {
padding-right: 3rem !important
}
.pe-4 {
padding-right: 4rem !important
}
.pe-5 {
padding-right: 5rem !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-1 {
padding-bottom: 1rem !important
}
.pb-2 {
padding-bottom: 2rem !important
}
.pb-3 {
padding-bottom: 3rem !important
}
.pb-4 {
padding-bottom: 4rem !important
}
.pb-5 {
padding-bottom: 5rem !important
}
.ps-0 {
padding-left: 0 !important
}
.ps-1 {
padding-left: 1rem !important
}
.ps-2 {
padding-left: 2rem !important
}
.ps-3 {
padding-left: 3rem !important
}
.ps-4 {
padding-left: 4rem !important
}
.ps-5 {
padding-left: 5rem !important
}
.gap-0 {
gap: 0 !important
}
.gap-1 {
gap: 1rem !important
}
.gap-2 {
gap: 2rem !important
}
.gap-3 {
gap: 3rem !important
}
.gap-4 {
gap: 4rem !important
}
.gap-5 {
gap: 5rem !important
}
.row-gap-0 {
row-gap: 0 !important
}
.row-gap-1 {
row-gap: 1rem !important
}
.row-gap-2 {
row-gap: 2rem !important
}
.row-gap-3 {
row-gap: 3rem !important
}
.row-gap-4 {
row-gap: 4rem !important
}
.row-gap-5 {
row-gap: 5rem !important
}
.column-gap-0 {
column-gap: 0 !important
}
.column-gap-1 {
column-gap: 1rem !important
}
.column-gap-2 {
column-gap: 2rem !important
}
.column-gap-3 {
column-gap: 3rem !important
}
.column-gap-4 {
column-gap: 4rem !important
}
.column-gap-5 {
column-gap: 5rem !important
}
.font-monospace {
font-family: var(--bs-font-monospace) !important
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important
}
.fs-5 {
font-size: 1.25rem !important
}
.fs-6 {
font-size: 1rem !important
}
.fst-italic {
font-style: italic !important
}
.fst-normal {
font-style: normal !important
}
.fw-lighter {
font-weight: lighter !important
}
.fw-light {
font-weight: 300 !important
}
.fw-normal {
font-weight: 400 !important
}
.fw-medium {
font-weight: 500 !important
}
.fw-semibold {
font-weight: 600 !important
}
.fw-bold {
font-weight: 700 !important
}
.fw-bolder {
font-weight: bolder !important
}
.lh-1 {
line-height: 1 !important
}
.lh-sm {
line-height: 1.25 !important
}
.lh-base {
line-height: 1.5 !important
}
.lh-lg {
line-height: 2 !important
}
.text-start {
text-align: left !important
}
.text-end {
text-align: right !important
}
.text-center {
text-align: center !important
}
.text-decoration-none {
text-decoration: none !important
}
.text-decoration-underline {
text-decoration: underline !important
}
.text-decoration-line-through {
text-decoration: line-through !important
}
.text-lowercase {
text-transform: lowercase !important
}
.text-uppercase {
text-transform: uppercase !important
}
.text-capitalize {
text-transform: capitalize !important
}
.text-wrap {
white-space: normal !important
}
.text-nowrap {
white-space: nowrap !important
}
.text-break {
word-wrap: break-word !important;
word-break: break-word !important
}
.text-primary {
--bs-text-opacity: 1;
color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}
.text-secondary {
--bs-text-opacity: 1;
color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}
.text-success {
--bs-text-opacity: 1;
color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}
.text-info {
--bs-text-opacity: 1;
color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}
.text-warning {
--bs-text-opacity: 1;
color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}
.text-danger {
--bs-text-opacity: 1;
color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}
.text-light {
--bs-text-opacity: 1;
color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}
.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}
.text-black {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}
.text-body {
--bs-text-opacity: 1;
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}
.text-muted {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important
}
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(24, 24, 24, .5) !important
}
.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, .5) !important
}
.text-body-secondary {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important
}
.text-body-tertiary {
--bs-text-opacity: 1;
color: var(--bs-tertiary-color) !important
}
.text-body-emphasis {
--bs-text-opacity: 1;
color: var(--bs-emphasis-color) !important
}
.text-reset {
--bs-text-opacity: 1;
color: inherit !important
}
.text-opacity-25 {
--bs-text-opacity: .25
}
.text-opacity-50 {
--bs-text-opacity: .5
}
.text-opacity-75 {
--bs-text-opacity: .75
}
.text-opacity-100 {
--bs-text-opacity: 1
}
.text-primary-emphasis {
color: var(--bs-primary-text-emphasis) !important
}
.text-secondary-emphasis {
color: var(--bs-secondary-text-emphasis) !important
}
.text-success-emphasis {
color: var(--bs-success-text-emphasis) !important
}
.text-info-emphasis {
color: var(--bs-info-text-emphasis) !important
}
.text-warning-emphasis {
color: var(--bs-warning-text-emphasis) !important
}
.text-danger-emphasis {
color: var(--bs-danger-text-emphasis) !important
}
.text-light-emphasis {
color: var(--bs-light-text-emphasis) !important
}
.text-dark-emphasis {
color: var(--bs-dark-text-emphasis) !important
}
.link-opacity-10 {
--bs-link-opacity: .1
}
.link-opacity-10-hover:hover {
--bs-link-opacity: .1
}
.link-opacity-25 {
--bs-link-opacity: .25
}
.link-opacity-25-hover:hover {
--bs-link-opacity: .25
}
.link-opacity-50 {
--bs-link-opacity: .5
}
.link-opacity-50-hover:hover {
--bs-link-opacity: .5
}
.link-opacity-75 {
--bs-link-opacity: .75
}
.link-opacity-75-hover:hover {
--bs-link-opacity: .75
}
.link-opacity-100 {
--bs-link-opacity: 1
}
.link-opacity-100-hover:hover {
--bs-link-opacity: 1
}
.link-offset-1 {
text-underline-offset: .125em !important
}
.link-offset-1-hover:hover {
text-underline-offset: .125em !important
}
.link-offset-2 {
text-underline-offset: .25em !important
}
.link-offset-2-hover:hover {
text-underline-offset: .25em !important
}
.link-offset-3 {
text-underline-offset: .375em !important
}
.link-offset-3-hover:hover {
text-underline-offset: .375em !important
}
.link-underline-primary {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-secondary {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-success {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-info {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-warning {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-danger {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-light {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-dark {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-underline-opacity-0 {
--bs-link-underline-opacity: 0
}
.link-underline-opacity-0-hover:hover {
--bs-link-underline-opacity: 0
}
.link-underline-opacity-10 {
--bs-link-underline-opacity: .1
}
.link-underline-opacity-10-hover:hover {
--bs-link-underline-opacity: .1
}
.link-underline-opacity-25 {
--bs-link-underline-opacity: .25
}
.link-underline-opacity-25-hover:hover {
--bs-link-underline-opacity: .25
}
.link-underline-opacity-50 {
--bs-link-underline-opacity: .5
}
.link-underline-opacity-50-hover:hover {
--bs-link-underline-opacity: .5
}
.link-underline-opacity-75 {
--bs-link-underline-opacity: .75
}
.link-underline-opacity-75-hover:hover {
--bs-link-underline-opacity: .75
}
.link-underline-opacity-100 {
--bs-link-underline-opacity: 1
}
.link-underline-opacity-100-hover:hover {
--bs-link-underline-opacity: 1
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}
.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}
.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}
.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}
.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}
.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}
.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}
.bg-transparent {
--bs-bg-opacity: 1;
background-color: transparent !important
}
.bg-body-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}
.bg-body-tertiary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}
.bg-opacity-10 {
--bs-bg-opacity: .1
}
.bg-opacity-25 {
--bs-bg-opacity: .25
}
.bg-opacity-50 {
--bs-bg-opacity: .5
}
.bg-opacity-75 {
--bs-bg-opacity: .75
}
.bg-opacity-100 {
--bs-bg-opacity: 1
}
.bg-primary-subtle {
background-color: var(--bs-primary-bg-subtle) !important
}
.bg-secondary-subtle {
background-color: var(--bs-secondary-bg-subtle) !important
}
.bg-success-subtle {
background-color: var(--bs-success-bg-subtle) !important
}
.bg-info-subtle {
background-color: var(--bs-info-bg-subtle) !important
}
.bg-warning-subtle {
background-color: var(--bs-warning-bg-subtle) !important
}
.bg-danger-subtle {
background-color: var(--bs-danger-bg-subtle) !important
}
.bg-light-subtle {
background-color: var(--bs-light-bg-subtle) !important
}
.bg-dark-subtle {
background-color: var(--bs-dark-bg-subtle) !important
}
.bg-gradient {
background-image: var(--bs-gradient) !important
}
.user-select-all {
user-select: all !important
}
.user-select-auto {
user-select: auto !important
}
.user-select-none {
user-select: none !important
}
.pe-none {
pointer-events: none !important
}
.pe-auto {
pointer-events: auto !important
}
.rounded {
border-radius: var(--bs-border-radius) !important
}
.rounded-0 {
border-radius: 0 !important
}
.rounded-1 {
border-radius: var(--bs-border-radius-sm) !important
}
.rounded-2 {
border-radius: var(--bs-border-radius) !important
}
.rounded-3 {
border-radius: var(--bs-border-radius-lg) !important
}
.rounded-4 {
border-radius: var(--bs-border-radius-xl) !important
}
.rounded-5 {
border-radius: var(--bs-border-radius-xxl) !important
}
.rounded-circle {
border-radius: 50% !important
}
.rounded-pill {
border-radius: var(--bs-border-radius-pill) !important
}
.rounded-top {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important
}
.rounded-top-0 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important
}
.rounded-top-1 {
border-top-left-radius: var(--bs-border-radius-sm) !important;
border-top-right-radius: var(--bs-border-radius-sm) !important
}
.rounded-top-2 {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important
}
.rounded-top-3 {
border-top-left-radius: var(--bs-border-radius-lg) !important;
border-top-right-radius: var(--bs-border-radius-lg) !important
}
.rounded-top-4 {
border-top-left-radius: var(--bs-border-radius-xl) !important;
border-top-right-radius: var(--bs-border-radius-xl) !important
}
.rounded-top-5 {
border-top-left-radius: var(--bs-border-radius-xxl) !important;
border-top-right-radius: var(--bs-border-radius-xxl) !important
}
.rounded-top-circle {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important
}
.rounded-top-pill {
border-top-left-radius: var(--bs-border-radius-pill) !important;
border-top-right-radius: var(--bs-border-radius-pill) !important
}
.rounded-end {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important
}
.rounded-end-0 {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.rounded-end-1 {
border-top-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-right-radius: var(--bs-border-radius-sm) !important
}
.rounded-end-2 {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important
}
.rounded-end-3 {
border-top-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-right-radius: var(--bs-border-radius-lg) !important
}
.rounded-end-4 {
border-top-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-right-radius: var(--bs-border-radius-xl) !important
}
.rounded-end-5 {
border-top-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}
.rounded-end-circle {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important
}
.rounded-end-pill {
border-top-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-right-radius: var(--bs-border-radius-pill) !important
}
.rounded-bottom {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important
}
.rounded-bottom-0 {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important
}
.rounded-bottom-1 {
border-bottom-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-left-radius: var(--bs-border-radius-sm) !important
}
.rounded-bottom-2 {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important
}
.rounded-bottom-3 {
border-bottom-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-left-radius: var(--bs-border-radius-lg) !important
}
.rounded-bottom-4 {
border-bottom-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-left-radius: var(--bs-border-radius-xl) !important
}
.rounded-bottom-5 {
border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}
.rounded-bottom-circle {
border-bottom-right-radius: 50% !important;
border-bottom-left-radius: 50% !important
}
.rounded-bottom-pill {
border-bottom-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-left-radius: var(--bs-border-radius-pill) !important
}
.rounded-start {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important
}
.rounded-start-0 {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important
}
.rounded-start-1 {
border-bottom-left-radius: var(--bs-border-radius-sm) !important;
border-top-left-radius: var(--bs-border-radius-sm) !important
}
.rounded-start-2 {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important
}
.rounded-start-3 {
border-bottom-left-radius: var(--bs-border-radius-lg) !important;
border-top-left-radius: var(--bs-border-radius-lg) !important
}
.rounded-start-4 {
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
border-top-left-radius: var(--bs-border-radius-xl) !important
}
.rounded-start-5 {
border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
border-top-left-radius: var(--bs-border-radius-xxl) !important
}
.rounded-start-circle {
border-bottom-left-radius: 50% !important;
border-top-left-radius: 50% !important
}
.rounded-start-pill {
border-bottom-left-radius: var(--bs-border-radius-pill) !important;
border-top-left-radius: var(--bs-border-radius-pill) !important
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
.z-n1 {
z-index: -1 !important
}
.z-0 {
z-index: 0 !important
}
.z-1 {
z-index: 1 !important
}
.z-2 {
z-index: 2 !important
}
.z-3 {
z-index: 3 !important
}
@media (min-width:414px) {
.float-sm-start {
float: left !important
}
.float-sm-end {
float: right !important
}
.float-sm-none {
float: none !important
}
.object-fit-sm-contain {
object-fit: contain !important
}
.object-fit-sm-cover {
object-fit: cover !important
}
.object-fit-sm-fill {
object-fit: fill !important
}
.object-fit-sm-scale {
object-fit: scale-down !important
}
.object-fit-sm-none {
object-fit: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-grid {
display: grid !important
}
.d-sm-inline-grid {
display: inline-grid !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
.d-sm-none {
display: none !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-grow-0 {
flex-grow: 0 !important
}
.flex-sm-grow-1 {
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.justify-content-sm-evenly {
justify-content: space-evenly !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
.order-sm-first {
order: -1 !important
}
.order-sm-0 {
order: 0 !important
}
.order-sm-1 {
order: 1 !important
}
.order-sm-2 {
order: 2 !important
}
.order-sm-3 {
order: 3 !important
}
.order-sm-4 {
order: 4 !important
}
.order-sm-5 {
order: 5 !important
}
.order-sm-last {
order: 6 !important
}
.m-sm-0 {
margin: 0 !important
}
.m-sm-1 {
margin: 1rem !important
}
.m-sm-2 {
margin: 2rem !important
}
.m-sm-3 {
margin: 3rem !important
}
.m-sm-4 {
margin: 4rem !important
}
.m-sm-5 {
margin: 5rem !important
}
.m-sm-auto {
margin: auto !important
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-sm-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-sm-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-sm-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-sm-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-sm-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-sm-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-sm-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-sm-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-sm-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-sm-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-sm-0 {
margin-top: 0 !important
}
.mt-sm-1 {
margin-top: 1rem !important
}
.mt-sm-2 {
margin-top: 2rem !important
}
.mt-sm-3 {
margin-top: 3rem !important
}
.mt-sm-4 {
margin-top: 4rem !important
}
.mt-sm-5 {
margin-top: 5rem !important
}
.mt-sm-auto {
margin-top: auto !important
}
.me-sm-0 {
margin-right: 0 !important
}
.me-sm-1 {
margin-right: 1rem !important
}
.me-sm-2 {
margin-right: 2rem !important
}
.me-sm-3 {
margin-right: 3rem !important
}
.me-sm-4 {
margin-right: 4rem !important
}
.me-sm-5 {
margin-right: 5rem !important
}
.me-sm-auto {
margin-right: auto !important
}
.mb-sm-0 {
margin-bottom: 0 !important
}
.mb-sm-1 {
margin-bottom: 1rem !important
}
.mb-sm-2 {
margin-bottom: 2rem !important
}
.mb-sm-3 {
margin-bottom: 3rem !important
}
.mb-sm-4 {
margin-bottom: 4rem !important
}
.mb-sm-5 {
margin-bottom: 5rem !important
}
.mb-sm-auto {
margin-bottom: auto !important
}
.ms-sm-0 {
margin-left: 0 !important
}
.ms-sm-1 {
margin-left: 1rem !important
}
.ms-sm-2 {
margin-left: 2rem !important
}
.ms-sm-3 {
margin-left: 3rem !important
}
.ms-sm-4 {
margin-left: 4rem !important
}
.ms-sm-5 {
margin-left: 5rem !important
}
.ms-sm-auto {
margin-left: auto !important
}
.p-sm-0 {
padding: 0 !important
}
.p-sm-1 {
padding: 1rem !important
}
.p-sm-2 {
padding: 2rem !important
}
.p-sm-3 {
padding: 3rem !important
}
.p-sm-4 {
padding: 4rem !important
}
.p-sm-5 {
padding: 5rem !important
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-sm-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-sm-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-sm-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-sm-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-sm-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-sm-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-sm-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-sm-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-sm-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-sm-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-sm-0 {
padding-top: 0 !important
}
.pt-sm-1 {
padding-top: 1rem !important
}
.pt-sm-2 {
padding-top: 2rem !important
}
.pt-sm-3 {
padding-top: 3rem !important
}
.pt-sm-4 {
padding-top: 4rem !important
}
.pt-sm-5 {
padding-top: 5rem !important
}
.pe-sm-0 {
padding-right: 0 !important
}
.pe-sm-1 {
padding-right: 1rem !important
}
.pe-sm-2 {
padding-right: 2rem !important
}
.pe-sm-3 {
padding-right: 3rem !important
}
.pe-sm-4 {
padding-right: 4rem !important
}
.pe-sm-5 {
padding-right: 5rem !important
}
.pb-sm-0 {
padding-bottom: 0 !important
}
.pb-sm-1 {
padding-bottom: 1rem !important
}
.pb-sm-2 {
padding-bottom: 2rem !important
}
.pb-sm-3 {
padding-bottom: 3rem !important
}
.pb-sm-4 {
padding-bottom: 4rem !important
}
.pb-sm-5 {
padding-bottom: 5rem !important
}
.ps-sm-0 {
padding-left: 0 !important
}
.ps-sm-1 {
padding-left: 1rem !important
}
.ps-sm-2 {
padding-left: 2rem !important
}
.ps-sm-3 {
padding-left: 3rem !important
}
.ps-sm-4 {
padding-left: 4rem !important
}
.ps-sm-5 {
padding-left: 5rem !important
}
.gap-sm-0 {
gap: 0 !important
}
.gap-sm-1 {
gap: 1rem !important
}
.gap-sm-2 {
gap: 2rem !important
}
.gap-sm-3 {
gap: 3rem !important
}
.gap-sm-4 {
gap: 4rem !important
}
.gap-sm-5 {
gap: 5rem !important
}
.row-gap-sm-0 {
row-gap: 0 !important
}
.row-gap-sm-1 {
row-gap: 1rem !important
}
.row-gap-sm-2 {
row-gap: 2rem !important
}
.row-gap-sm-3 {
row-gap: 3rem !important
}
.row-gap-sm-4 {
row-gap: 4rem !important
}
.row-gap-sm-5 {
row-gap: 5rem !important
}
.column-gap-sm-0 {
column-gap: 0 !important
}
.column-gap-sm-1 {
column-gap: 1rem !important
}
.column-gap-sm-2 {
column-gap: 2rem !important
}
.column-gap-sm-3 {
column-gap: 3rem !important
}
.column-gap-sm-4 {
column-gap: 4rem !important
}
.column-gap-sm-5 {
column-gap: 5rem !important
}
.text-sm-start {
text-align: left !important
}
.text-sm-end {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media (min-width:768px) {
.float-md-start {
float: left !important
}
.float-md-end {
float: right !important
}
.float-md-none {
float: none !important
}
.object-fit-md-contain {
object-fit: contain !important
}
.object-fit-md-cover {
object-fit: cover !important
}
.object-fit-md-fill {
object-fit: fill !important
}
.object-fit-md-scale {
object-fit: scale-down !important
}
.object-fit-md-none {
object-fit: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-grid {
display: grid !important
}
.d-md-inline-grid {
display: inline-grid !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
.d-md-none {
display: none !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.justify-content-md-evenly {
justify-content: space-evenly !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
.order-md-first {
order: -1 !important
}
.order-md-0 {
order: 0 !important
}
.order-md-1 {
order: 1 !important
}
.order-md-2 {
order: 2 !important
}
.order-md-3 {
order: 3 !important
}
.order-md-4 {
order: 4 !important
}
.order-md-5 {
order: 5 !important
}
.order-md-last {
order: 6 !important
}
.m-md-0 {
margin: 0 !important
}
.m-md-1 {
margin: 1rem !important
}
.m-md-2 {
margin: 2rem !important
}
.m-md-3 {
margin: 3rem !important
}
.m-md-4 {
margin: 4rem !important
}
.m-md-5 {
margin: 5rem !important
}
.m-md-auto {
margin: auto !important
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-md-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-md-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-md-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-md-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-md-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-md-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-md-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-md-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-md-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-md-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-md-0 {
margin-top: 0 !important
}
.mt-md-1 {
margin-top: 1rem !important
}
.mt-md-2 {
margin-top: 2rem !important
}
.mt-md-3 {
margin-top: 3rem !important
}
.mt-md-4 {
margin-top: 4rem !important
}
.mt-md-5 {
margin-top: 5rem !important
}
.mt-md-auto {
margin-top: auto !important
}
.me-md-0 {
margin-right: 0 !important
}
.me-md-1 {
margin-right: 1rem !important
}
.me-md-2 {
margin-right: 2rem !important
}
.me-md-3 {
margin-right: 3rem !important
}
.me-md-4 {
margin-right: 4rem !important
}
.me-md-5 {
margin-right: 5rem !important
}
.me-md-auto {
margin-right: auto !important
}
.mb-md-0 {
margin-bottom: 0 !important
}
.mb-md-1 {
margin-bottom: 1rem !important
}
.mb-md-2 {
margin-bottom: 2rem !important
}
.mb-md-3 {
margin-bottom: 3rem !important
}
.mb-md-4 {
margin-bottom: 4rem !important
}
.mb-md-5 {
margin-bottom: 5rem !important
}
.mb-md-auto {
margin-bottom: auto !important
}
.ms-md-0 {
margin-left: 0 !important
}
.ms-md-1 {
margin-left: 1rem !important
}
.ms-md-2 {
margin-left: 2rem !important
}
.ms-md-3 {
margin-left: 3rem !important
}
.ms-md-4 {
margin-left: 4rem !important
}
.ms-md-5 {
margin-left: 5rem !important
}
.ms-md-auto {
margin-left: auto !important
}
.p-md-0 {
padding: 0 !important
}
.p-md-1 {
padding: 1rem !important
}
.p-md-2 {
padding: 2rem !important
}
.p-md-3 {
padding: 3rem !important
}
.p-md-4 {
padding: 4rem !important
}
.p-md-5 {
padding: 5rem !important
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-md-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-md-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-md-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-md-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-md-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-md-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-md-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-md-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-md-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-md-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-md-0 {
padding-top: 0 !important
}
.pt-md-1 {
padding-top: 1rem !important
}
.pt-md-2 {
padding-top: 2rem !important
}
.pt-md-3 {
padding-top: 3rem !important
}
.pt-md-4 {
padding-top: 4rem !important
}
.pt-md-5 {
padding-top: 5rem !important
}
.pe-md-0 {
padding-right: 0 !important
}
.pe-md-1 {
padding-right: 1rem !important
}
.pe-md-2 {
padding-right: 2rem !important
}
.pe-md-3 {
padding-right: 3rem !important
}
.pe-md-4 {
padding-right: 4rem !important
}
.pe-md-5 {
padding-right: 5rem !important
}
.pb-md-0 {
padding-bottom: 0 !important
}
.pb-md-1 {
padding-bottom: 1rem !important
}
.pb-md-2 {
padding-bottom: 2rem !important
}
.pb-md-3 {
padding-bottom: 3rem !important
}
.pb-md-4 {
padding-bottom: 4rem !important
}
.pb-md-5 {
padding-bottom: 5rem !important
}
.ps-md-0 {
padding-left: 0 !important
}
.ps-md-1 {
padding-left: 1rem !important
}
.ps-md-2 {
padding-left: 2rem !important
}
.ps-md-3 {
padding-left: 3rem !important
}
.ps-md-4 {
padding-left: 4rem !important
}
.ps-md-5 {
padding-left: 5rem !important
}
.gap-md-0 {
gap: 0 !important
}
.gap-md-1 {
gap: 1rem !important
}
.gap-md-2 {
gap: 2rem !important
}
.gap-md-3 {
gap: 3rem !important
}
.gap-md-4 {
gap: 4rem !important
}
.gap-md-5 {
gap: 5rem !important
}
.row-gap-md-0 {
row-gap: 0 !important
}
.row-gap-md-1 {
row-gap: 1rem !important
}
.row-gap-md-2 {
row-gap: 2rem !important
}
.row-gap-md-3 {
row-gap: 3rem !important
}
.row-gap-md-4 {
row-gap: 4rem !important
}
.row-gap-md-5 {
row-gap: 5rem !important
}
.column-gap-md-0 {
column-gap: 0 !important
}
.column-gap-md-1 {
column-gap: 1rem !important
}
.column-gap-md-2 {
column-gap: 2rem !important
}
.column-gap-md-3 {
column-gap: 3rem !important
}
.column-gap-md-4 {
column-gap: 4rem !important
}
.column-gap-md-5 {
column-gap: 5rem !important
}
.text-md-start {
text-align: left !important
}
.text-md-end {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width:1024px) {
.float-lg-start {
float: left !important
}
.float-lg-end {
float: right !important
}
.float-lg-none {
float: none !important
}
.object-fit-lg-contain {
object-fit: contain !important
}
.object-fit-lg-cover {
object-fit: cover !important
}
.object-fit-lg-fill {
object-fit: fill !important
}
.object-fit-lg-scale {
object-fit: scale-down !important
}
.object-fit-lg-none {
object-fit: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-grid {
display: grid !important
}
.d-lg-inline-grid {
display: inline-grid !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
.d-lg-none {
display: none !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.justify-content-lg-evenly {
justify-content: space-evenly !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
.order-lg-first {
order: -1 !important
}
.order-lg-0 {
order: 0 !important
}
.order-lg-1 {
order: 1 !important
}
.order-lg-2 {
order: 2 !important
}
.order-lg-3 {
order: 3 !important
}
.order-lg-4 {
order: 4 !important
}
.order-lg-5 {
order: 5 !important
}
.order-lg-last {
order: 6 !important
}
.m-lg-0 {
margin: 0 !important
}
.m-lg-1 {
margin: 1rem !important
}
.m-lg-2 {
margin: 2rem !important
}
.m-lg-3 {
margin: 3rem !important
}
.m-lg-4 {
margin: 4rem !important
}
.m-lg-5 {
margin: 5rem !important
}
.m-lg-auto {
margin: auto !important
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-lg-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-lg-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-lg-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-lg-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-lg-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-lg-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-lg-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-lg-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-lg-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-lg-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-lg-0 {
margin-top: 0 !important
}
.mt-lg-1 {
margin-top: 1rem !important
}
.mt-lg-2 {
margin-top: 2rem !important
}
.mt-lg-3 {
margin-top: 3rem !important
}
.mt-lg-4 {
margin-top: 4rem !important
}
.mt-lg-5 {
margin-top: 5rem !important
}
.mt-lg-auto {
margin-top: auto !important
}
.me-lg-0 {
margin-right: 0 !important
}
.me-lg-1 {
margin-right: 1rem !important
}
.me-lg-2 {
margin-right: 2rem !important
}
.me-lg-3 {
margin-right: 3rem !important
}
.me-lg-4 {
margin-right: 4rem !important
}
.me-lg-5 {
margin-right: 5rem !important
}
.me-lg-auto {
margin-right: auto !important
}
.mb-lg-0 {
margin-bottom: 0 !important
}
.mb-lg-1 {
margin-bottom: 1rem !important
}
.mb-lg-2 {
margin-bottom: 2rem !important
}
.mb-lg-3 {
margin-bottom: 3rem !important
}
.mb-lg-4 {
margin-bottom: 4rem !important
}
.mb-lg-5 {
margin-bottom: 5rem !important
}
.mb-lg-auto {
margin-bottom: auto !important
}
.ms-lg-0 {
margin-left: 0 !important
}
.ms-lg-1 {
margin-left: 1rem !important
}
.ms-lg-2 {
margin-left: 2rem !important
}
.ms-lg-3 {
margin-left: 3rem !important
}
.ms-lg-4 {
margin-left: 4rem !important
}
.ms-lg-5 {
margin-left: 5rem !important
}
.ms-lg-auto {
margin-left: auto !important
}
.p-lg-0 {
padding: 0 !important
}
.p-lg-1 {
padding: 1rem !important
}
.p-lg-2 {
padding: 2rem !important
}
.p-lg-3 {
padding: 3rem !important
}
.p-lg-4 {
padding: 4rem !important
}
.p-lg-5 {
padding: 5rem !important
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-lg-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-lg-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-lg-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-lg-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-lg-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-lg-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-lg-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-lg-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-lg-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-lg-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-lg-0 {
padding-top: 0 !important
}
.pt-lg-1 {
padding-top: 1rem !important
}
.pt-lg-2 {
padding-top: 2rem !important
}
.pt-lg-3 {
padding-top: 3rem !important
}
.pt-lg-4 {
padding-top: 4rem !important
}
.pt-lg-5 {
padding-top: 5rem !important
}
.pe-lg-0 {
padding-right: 0 !important
}
.pe-lg-1 {
padding-right: 1rem !important
}
.pe-lg-2 {
padding-right: 2rem !important
}
.pe-lg-3 {
padding-right: 3rem !important
}
.pe-lg-4 {
padding-right: 4rem !important
}
.pe-lg-5 {
padding-right: 5rem !important
}
.pb-lg-0 {
padding-bottom: 0 !important
}
.pb-lg-1 {
padding-bottom: 1rem !important
}
.pb-lg-2 {
padding-bottom: 2rem !important
}
.pb-lg-3 {
padding-bottom: 3rem !important
}
.pb-lg-4 {
padding-bottom: 4rem !important
}
.pb-lg-5 {
padding-bottom: 5rem !important
}
.ps-lg-0 {
padding-left: 0 !important
}
.ps-lg-1 {
padding-left: 1rem !important
}
.ps-lg-2 {
padding-left: 2rem !important
}
.ps-lg-3 {
padding-left: 3rem !important
}
.ps-lg-4 {
padding-left: 4rem !important
}
.ps-lg-5 {
padding-left: 5rem !important
}
.gap-lg-0 {
gap: 0 !important
}
.gap-lg-1 {
gap: 1rem !important
}
.gap-lg-2 {
gap: 2rem !important
}
.gap-lg-3 {
gap: 3rem !important
}
.gap-lg-4 {
gap: 4rem !important
}
.gap-lg-5 {
gap: 5rem !important
}
.row-gap-lg-0 {
row-gap: 0 !important
}
.row-gap-lg-1 {
row-gap: 1rem !important
}
.row-gap-lg-2 {
row-gap: 2rem !important
}
.row-gap-lg-3 {
row-gap: 3rem !important
}
.row-gap-lg-4 {
row-gap: 4rem !important
}
.row-gap-lg-5 {
row-gap: 5rem !important
}
.column-gap-lg-0 {
column-gap: 0 !important
}
.column-gap-lg-1 {
column-gap: 1rem !important
}
.column-gap-lg-2 {
column-gap: 2rem !important
}
.column-gap-lg-3 {
column-gap: 3rem !important
}
.column-gap-lg-4 {
column-gap: 4rem !important
}
.column-gap-lg-5 {
column-gap: 5rem !important
}
.text-lg-start {
text-align: left !important
}
.text-lg-end {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media (min-width:1280px) {
.float-xl-start {
float: left !important
}
.float-xl-end {
float: right !important
}
.float-xl-none {
float: none !important
}
.object-fit-xl-contain {
object-fit: contain !important
}
.object-fit-xl-cover {
object-fit: cover !important
}
.object-fit-xl-fill {
object-fit: fill !important
}
.object-fit-xl-scale {
object-fit: scale-down !important
}
.object-fit-xl-none {
object-fit: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-grid {
display: grid !important
}
.d-xl-inline-grid {
display: inline-grid !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
.d-xl-none {
display: none !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.justify-content-xl-evenly {
justify-content: space-evenly !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
.order-xl-first {
order: -1 !important
}
.order-xl-0 {
order: 0 !important
}
.order-xl-1 {
order: 1 !important
}
.order-xl-2 {
order: 2 !important
}
.order-xl-3 {
order: 3 !important
}
.order-xl-4 {
order: 4 !important
}
.order-xl-5 {
order: 5 !important
}
.order-xl-last {
order: 6 !important
}
.m-xl-0 {
margin: 0 !important
}
.m-xl-1 {
margin: 1rem !important
}
.m-xl-2 {
margin: 2rem !important
}
.m-xl-3 {
margin: 3rem !important
}
.m-xl-4 {
margin: 4rem !important
}
.m-xl-5 {
margin: 5rem !important
}
.m-xl-auto {
margin: auto !important
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xl-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xl-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-xl-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xl-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-xl-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xl-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xl-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-xl-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xl-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-xl-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xl-0 {
margin-top: 0 !important
}
.mt-xl-1 {
margin-top: 1rem !important
}
.mt-xl-2 {
margin-top: 2rem !important
}
.mt-xl-3 {
margin-top: 3rem !important
}
.mt-xl-4 {
margin-top: 4rem !important
}
.mt-xl-5 {
margin-top: 5rem !important
}
.mt-xl-auto {
margin-top: auto !important
}
.me-xl-0 {
margin-right: 0 !important
}
.me-xl-1 {
margin-right: 1rem !important
}
.me-xl-2 {
margin-right: 2rem !important
}
.me-xl-3 {
margin-right: 3rem !important
}
.me-xl-4 {
margin-right: 4rem !important
}
.me-xl-5 {
margin-right: 5rem !important
}
.me-xl-auto {
margin-right: auto !important
}
.mb-xl-0 {
margin-bottom: 0 !important
}
.mb-xl-1 {
margin-bottom: 1rem !important
}
.mb-xl-2 {
margin-bottom: 2rem !important
}
.mb-xl-3 {
margin-bottom: 3rem !important
}
.mb-xl-4 {
margin-bottom: 4rem !important
}
.mb-xl-5 {
margin-bottom: 5rem !important
}
.mb-xl-auto {
margin-bottom: auto !important
}
.ms-xl-0 {
margin-left: 0 !important
}
.ms-xl-1 {
margin-left: 1rem !important
}
.ms-xl-2 {
margin-left: 2rem !important
}
.ms-xl-3 {
margin-left: 3rem !important
}
.ms-xl-4 {
margin-left: 4rem !important
}
.ms-xl-5 {
margin-left: 5rem !important
}
.ms-xl-auto {
margin-left: auto !important
}
.p-xl-0 {
padding: 0 !important
}
.p-xl-1 {
padding: 1rem !important
}
.p-xl-2 {
padding: 2rem !important
}
.p-xl-3 {
padding: 3rem !important
}
.p-xl-4 {
padding: 4rem !important
}
.p-xl-5 {
padding: 5rem !important
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xl-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xl-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-xl-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-xl-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-xl-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xl-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xl-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-xl-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-xl-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-xl-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-xl-0 {
padding-top: 0 !important
}
.pt-xl-1 {
padding-top: 1rem !important
}
.pt-xl-2 {
padding-top: 2rem !important
}
.pt-xl-3 {
padding-top: 3rem !important
}
.pt-xl-4 {
padding-top: 4rem !important
}
.pt-xl-5 {
padding-top: 5rem !important
}
.pe-xl-0 {
padding-right: 0 !important
}
.pe-xl-1 {
padding-right: 1rem !important
}
.pe-xl-2 {
padding-right: 2rem !important
}
.pe-xl-3 {
padding-right: 3rem !important
}
.pe-xl-4 {
padding-right: 4rem !important
}
.pe-xl-5 {
padding-right: 5rem !important
}
.pb-xl-0 {
padding-bottom: 0 !important
}
.pb-xl-1 {
padding-bottom: 1rem !important
}
.pb-xl-2 {
padding-bottom: 2rem !important
}
.pb-xl-3 {
padding-bottom: 3rem !important
}
.pb-xl-4 {
padding-bottom: 4rem !important
}
.pb-xl-5 {
padding-bottom: 5rem !important
}
.ps-xl-0 {
padding-left: 0 !important
}
.ps-xl-1 {
padding-left: 1rem !important
}
.ps-xl-2 {
padding-left: 2rem !important
}
.ps-xl-3 {
padding-left: 3rem !important
}
.ps-xl-4 {
padding-left: 4rem !important
}
.ps-xl-5 {
padding-left: 5rem !important
}
.gap-xl-0 {
gap: 0 !important
}
.gap-xl-1 {
gap: 1rem !important
}
.gap-xl-2 {
gap: 2rem !important
}
.gap-xl-3 {
gap: 3rem !important
}
.gap-xl-4 {
gap: 4rem !important
}
.gap-xl-5 {
gap: 5rem !important
}
.row-gap-xl-0 {
row-gap: 0 !important
}
.row-gap-xl-1 {
row-gap: 1rem !important
}
.row-gap-xl-2 {
row-gap: 2rem !important
}
.row-gap-xl-3 {
row-gap: 3rem !important
}
.row-gap-xl-4 {
row-gap: 4rem !important
}
.row-gap-xl-5 {
row-gap: 5rem !important
}
.column-gap-xl-0 {
column-gap: 0 !important
}
.column-gap-xl-1 {
column-gap: 1rem !important
}
.column-gap-xl-2 {
column-gap: 2rem !important
}
.column-gap-xl-3 {
column-gap: 3rem !important
}
.column-gap-xl-4 {
column-gap: 4rem !important
}
.column-gap-xl-5 {
column-gap: 5rem !important
}
.text-xl-start {
text-align: left !important
}
.text-xl-end {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
@media (min-width:1440px) {
.float-xxl-start {
float: left !important
}
.float-xxl-end {
float: right !important
}
.float-xxl-none {
float: none !important
}
.object-fit-xxl-contain {
object-fit: contain !important
}
.object-fit-xxl-cover {
object-fit: cover !important
}
.object-fit-xxl-fill {
object-fit: fill !important
}
.object-fit-xxl-scale {
object-fit: scale-down !important
}
.object-fit-xxl-none {
object-fit: none !important
}
.d-xxl-inline {
display: inline !important
}
.d-xxl-inline-block {
display: inline-block !important
}
.d-xxl-block {
display: block !important
}
.d-xxl-grid {
display: grid !important
}
.d-xxl-inline-grid {
display: inline-grid !important
}
.d-xxl-table {
display: table !important
}
.d-xxl-table-row {
display: table-row !important
}
.d-xxl-table-cell {
display: table-cell !important
}
.d-xxl-flex {
display: flex !important
}
.d-xxl-inline-flex {
display: inline-flex !important
}
.d-xxl-none {
display: none !important
}
.flex-xxl-fill {
flex: 1 1 auto !important
}
.flex-xxl-row {
flex-direction: row !important
}
.flex-xxl-column {
flex-direction: column !important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxl-grow-0 {
flex-grow: 0 !important
}
.flex-xxl-grow-1 {
flex-grow: 1 !important
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xxl-wrap {
flex-wrap: wrap !important
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xxl-start {
justify-content: flex-start !important
}
.justify-content-xxl-end {
justify-content: flex-end !important
}
.justify-content-xxl-center {
justify-content: center !important
}
.justify-content-xxl-between {
justify-content: space-between !important
}
.justify-content-xxl-around {
justify-content: space-around !important
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important
}
.align-items-xxl-start {
align-items: flex-start !important
}
.align-items-xxl-end {
align-items: flex-end !important
}
.align-items-xxl-center {
align-items: center !important
}
.align-items-xxl-baseline {
align-items: baseline !important
}
.align-items-xxl-stretch {
align-items: stretch !important
}
.align-content-xxl-start {
align-content: flex-start !important
}
.align-content-xxl-end {
align-content: flex-end !important
}
.align-content-xxl-center {
align-content: center !important
}
.align-content-xxl-between {
align-content: space-between !important
}
.align-content-xxl-around {
align-content: space-around !important
}
.align-content-xxl-stretch {
align-content: stretch !important
}
.align-self-xxl-auto {
align-self: auto !important
}
.align-self-xxl-start {
align-self: flex-start !important
}
.align-self-xxl-end {
align-self: flex-end !important
}
.align-self-xxl-center {
align-self: center !important
}
.align-self-xxl-baseline {
align-self: baseline !important
}
.align-self-xxl-stretch {
align-self: stretch !important
}
.order-xxl-first {
order: -1 !important
}
.order-xxl-0 {
order: 0 !important
}
.order-xxl-1 {
order: 1 !important
}
.order-xxl-2 {
order: 2 !important
}
.order-xxl-3 {
order: 3 !important
}
.order-xxl-4 {
order: 4 !important
}
.order-xxl-5 {
order: 5 !important
}
.order-xxl-last {
order: 6 !important
}
.m-xxl-0 {
margin: 0 !important
}
.m-xxl-1 {
margin: 1rem !important
}
.m-xxl-2 {
margin: 2rem !important
}
.m-xxl-3 {
margin: 3rem !important
}
.m-xxl-4 {
margin: 4rem !important
}
.m-xxl-5 {
margin: 5rem !important
}
.m-xxl-auto {
margin: auto !important
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xxl-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xxl-2 {
margin-right: 2rem !important;
margin-left: 2rem !important
}
.mx-xxl-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xxl-4 {
margin-right: 4rem !important;
margin-left: 4rem !important
}
.mx-xxl-5 {
margin-right: 5rem !important;
margin-left: 5rem !important
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xxl-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xxl-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-xxl-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xxl-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-xxl-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xxl-0 {
margin-top: 0 !important
}
.mt-xxl-1 {
margin-top: 1rem !important
}
.mt-xxl-2 {
margin-top: 2rem !important
}
.mt-xxl-3 {
margin-top: 3rem !important
}
.mt-xxl-4 {
margin-top: 4rem !important
}
.mt-xxl-5 {
margin-top: 5rem !important
}
.mt-xxl-auto {
margin-top: auto !important
}
.me-xxl-0 {
margin-right: 0 !important
}
.me-xxl-1 {
margin-right: 1rem !important
}
.me-xxl-2 {
margin-right: 2rem !important
}
.me-xxl-3 {
margin-right: 3rem !important
}
.me-xxl-4 {
margin-right: 4rem !important
}
.me-xxl-5 {
margin-right: 5rem !important
}
.me-xxl-auto {
margin-right: auto !important
}
.mb-xxl-0 {
margin-bottom: 0 !important
}
.mb-xxl-1 {
margin-bottom: 1rem !important
}
.mb-xxl-2 {
margin-bottom: 2rem !important
}
.mb-xxl-3 {
margin-bottom: 3rem !important
}
.mb-xxl-4 {
margin-bottom: 4rem !important
}
.mb-xxl-5 {
margin-bottom: 5rem !important
}
.mb-xxl-auto {
margin-bottom: auto !important
}
.ms-xxl-0 {
margin-left: 0 !important
}
.ms-xxl-1 {
margin-left: 1rem !important
}
.ms-xxl-2 {
margin-left: 2rem !important
}
.ms-xxl-3 {
margin-left: 3rem !important
}
.ms-xxl-4 {
margin-left: 4rem !important
}
.ms-xxl-5 {
margin-left: 5rem !important
}
.ms-xxl-auto {
margin-left: auto !important
}
.p-xxl-0 {
padding: 0 !important
}
.p-xxl-1 {
padding: 1rem !important
}
.p-xxl-2 {
padding: 2rem !important
}
.p-xxl-3 {
padding: 3rem !important
}
.p-xxl-4 {
padding: 4rem !important
}
.p-xxl-5 {
padding: 5rem !important
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xxl-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xxl-2 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.px-xxl-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.px-xxl-4 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.px-xxl-5 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xxl-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xxl-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-xxl-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-xxl-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-xxl-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.pt-xxl-0 {
padding-top: 0 !important
}
.pt-xxl-1 {
padding-top: 1rem !important
}
.pt-xxl-2 {
padding-top: 2rem !important
}
.pt-xxl-3 {
padding-top: 3rem !important
}
.pt-xxl-4 {
padding-top: 4rem !important
}
.pt-xxl-5 {
padding-top: 5rem !important
}
.pe-xxl-0 {
padding-right: 0 !important
}
.pe-xxl-1 {
padding-right: 1rem !important
}
.pe-xxl-2 {
padding-right: 2rem !important
}
.pe-xxl-3 {
padding-right: 3rem !important
}
.pe-xxl-4 {
padding-right: 4rem !important
}
.pe-xxl-5 {
padding-right: 5rem !important
}
.pb-xxl-0 {
padding-bottom: 0 !important
}
.pb-xxl-1 {
padding-bottom: 1rem !important
}
.pb-xxl-2 {
padding-bottom: 2rem !important
}
.pb-xxl-3 {
padding-bottom: 3rem !important
}
.pb-xxl-4 {
padding-bottom: 4rem !important
}
.pb-xxl-5 {
padding-bottom: 5rem !important
}
.ps-xxl-0 {
padding-left: 0 !important
}
.ps-xxl-1 {
padding-left: 1rem !important
}
.ps-xxl-2 {
padding-left: 2rem !important
}
.ps-xxl-3 {
padding-left: 3rem !important
}
.ps-xxl-4 {
padding-left: 4rem !important
}
.ps-xxl-5 {
padding-left: 5rem !important
}
.gap-xxl-0 {
gap: 0 !important
}
.gap-xxl-1 {
gap: 1rem !important
}
.gap-xxl-2 {
gap: 2rem !important
}
.gap-xxl-3 {
gap: 3rem !important
}
.gap-xxl-4 {
gap: 4rem !important
}
.gap-xxl-5 {
gap: 5rem !important
}
.row-gap-xxl-0 {
row-gap: 0 !important
}
.row-gap-xxl-1 {
row-gap: 1rem !important
}
.row-gap-xxl-2 {
row-gap: 2rem !important
}
.row-gap-xxl-3 {
row-gap: 3rem !important
}
.row-gap-xxl-4 {
row-gap: 4rem !important
}
.row-gap-xxl-5 {
row-gap: 5rem !important
}
.column-gap-xxl-0 {
column-gap: 0 !important
}
.column-gap-xxl-1 {
column-gap: 1rem !important
}
.column-gap-xxl-2 {
column-gap: 2rem !important
}
.column-gap-xxl-3 {
column-gap: 3rem !important
}
.column-gap-xxl-4 {
column-gap: 4rem !important
}
.column-gap-xxl-5 {
column-gap: 5rem !important
}
.text-xxl-start {
text-align: left !important
}
.text-xxl-end {
text-align: right !important
}
.text-xxl-center {
text-align: center !important
}
}
@media (min-width:1200px) {
.fs-1 {
font-size: 2.5rem !important
}
.fs-2 {
font-size: 2rem !important
}
.fs-3 {
font-size: 1.75rem !important
}
.fs-4 {
font-size: 1.5rem !important
}
}
@media print {
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-grid {
display: grid !important
}
.d-print-inline-grid {
display: inline-grid !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
.d-print-none {
display: none !important
}
}
@font-face {
font-family: "KMRApparatBook";
src: url(../fonts/kmr-apparat/KMR-Apparat-Bold.woff);
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "KMRApparatBook";
src: url(../fonts/kmr-apparat/KMR-Apparat-Heavy.woff);
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "KMRApparatBook";
src: url(../fonts/kmr-apparat/KMR-Apparat-Regular.woff);
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "icomoon";
font-weight: 400;
src: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../fonts/icomoon/icomoon.woff) format("woff"), url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../fonts/icomoon/icomoon.woff2) format("woff2");
font-display: swap
}
html {
font-size: 62.5%
}
body {
font-family: "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
font-size: 18px;
line-height: 1.333333;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
max-width: 100vw;
overflow-x: hidden;
color: #181818;
padding-top: 8rem;
letter-spacing: -.02em
}
body:not(.is-safari)::-webkit-scrollbar {
width: .4rem
}
body:not(.is-safari)::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(23, 27, 31, .2);
background-color: #fff
}
body:not(.is-safari)::-webkit-scrollbar-thumb {
background-color: #171b1f;
outline: 1px solid #000;
border-radius: .5rem
}
body .dark {
color: #fff;
background-color: #181818
}
@media (min-width:1024px) {
body {
font-size: 24px;
padding-top: 10rem
}
}
* {
font-family: "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
box-sizing: border-box
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
color: #181818;
margin-top: 0;
margin-bottom: .5em;
text-overflow: ellipsis;
overflow: hidden
}
.dark h1,
.dark .h1,
.dark h2,
.dark .h2,
.dark h3,
.dark .h3,
.dark h4,
.dark .h4,
.dark h5,
.dark .h5,
.dark h6,
.dark .h6 {
color: #fff
}
h1>strong,
.h1>strong,
h2>strong,
.h2>strong,
h3>strong,
.h3>strong,
h4>strong,
.h4>strong,
h5>strong,
.h5>strong,
h6>strong,
.h6>strong {
font-weight: inherit
}
h1,
.h1 {
font-size: 40px;
/*font-weight: 400;*/
line-height: 1.1;
letter-spacing: -.04em
}
h2,
.h2 {
font-size: 34px;
font-weight: 400;
line-height: 1.1;
letter-spacing: -.02em
}
h3,
.h3 {
font-size: 26px;
font-weight: 400;
line-height: 1.230769;
letter-spacing: -.02em
}
h4,
.h4 {
font-size: 22px;
font-weight: 400;
line-height: 1.125;
letter-spacing: -.02em
}
h5,
.h5 {
font-size: 18px;
font-weight: 500;
line-height: 1.2727272727;
letter-spacing: -.02em
}
h6,
.h6 {
font-size: 15px;
font-weight: 500;
line-height: 1.9375;
letter-spacing: -.02em
}
@media (min-width:1024px) {
h1,
.h1 {
font-size: 54px;
line-height: 1
}
h2,
.h2 {
font-size: 48px
}
h3,
.h3 {
font-size: 40px
}
h4,
.h4 {
font-size: 32px
}
h5,
.h5 {
font-size: 24px
}
h6,
.h6 {
font-size: 18px
}
}
hr {
margin: 0;
border: none;
border-top: 1px solid #181818
}
strong {
font-weight: 500
}
ul,
ol {
list-style: none;
padding-left: 0;
margin: 0
}
a {
text-decoration: none
}
code {
white-space: normal
}
.icomoon,
.close-button:after,
.is-style-link-arrow>a:after,
a.is-style-link-arrow:after,
a.is-style-arrow:after,
[class*=" icon-"],
[class^=icon-] {
font-family: icomoon !important;
speak: never;
font-style: normal;
font-weight: 400;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-cross:before {
content: "\e907"
}
.is-style-link-arrow>a:after,
a.is-style-link-arrow:after,
a.is-style-arrow:after {
/*content: "\e900";
margin-left: .3rem;
margin-bottom: .15rem;
font-size: smaller;
display: inline-block*/
}
.is-style-link-arrow:not(.wp-block-button)>a,
a.is-style-link-arrow {
border-bottom: 1px solid transparent;
color: #181818
}
.is-style-link-arrow>a:hover,
a.is-style-link-arrow:hover {
border-bottom: 1px solid #181818
}
figure {
margin: 0
}
figure>img {
display: block
}
table {
border-spacing: 0;
border-collapse: collapse
}
table.has-fixed-layout {
table-layout: fixed
}
.is-style-stripes table {
border-top: 1px solid #4f4f4f;
border-left: 1px solid #4f4f4f
}
.is-style-stripes table td,
.is-style-stripes table th {
border-right: 1px solid #4f4f4f;
border-bottom: 1px solid #4f4f4f
}
.is-style-stripes table th {
background-color: #818181;
color: #fff;
font-weight: 500
}
.addstyle.wp-block-table {
overflow-x: auto
}
.addstyle>table {
width: 100%;
margin: 2rem 0;
min-width: 640px
}
.addstyle>table tr:nth-child(even)>* {
background-color: #eee
}
.addstyle>table th {
font-weight: 500;
vertical-align: middle;
word-break: normal;
background-color: #f7f7f7
}
.addstyle>table td,
.addstyle>table th {
vertical-align: top;
word-break: normal;
padding: .5rem;
line-height: 1.5;
font-weight: 400;
text-align: left
}
.aligncenter table td,
.aligncenter table th {
text-align: center
}
.has-small-font-size table td,
.has-small-font-size table th {
font-size: small
}
.has-medium-font-size table td,
.has-medium-font-size table th {
font-size: medium
}
.has-large-font-size table td,
.has-large-font-size table th {
font-size: large
}
.has-larger-font-size table td,
.has-larger-font-size table th {
font-size: larger
}
input {
border: 1px solid #cbcbcb;
border-radius: 100px;
height: 56px;
outline: 0;
font-size: 18px;
line-height: 20px;
letter-spacing: -.01em;
color: #181818;
background: 0 0;
-webkit-appearance: none;
width: 100%;
padding: 0 20px
}
.dark input {
color: #fff
}
.button-wrapper {
width: 100% !important;
text-align: center
}
@media (min-width:768px) {
.button-wrapper:before {
content: "";
border-top: 1px solid #4f4f4f;
margin-bottom: 6rem;
display: block
}
.view-list .button-wrapper:before {
border-top: none;
margin-bottom: 2rem
}
}
.button,
.btn-secondary,
.button-secondary,
.wp-block-button__link {
font-family: "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
font-size: 18px;
font-weight: 600;
height: 50px;
line-height: 46px;
border-radius: 32px;
border: 2px solid #181818;
padding: 0 30px;
letter-spacing: -.02em;
color: #181818;
background-color: transparent;
display: inline-block;
width: 100%;
text-align: center;
text-decoration: none !important;
cursor: pointer
}
.button:hover,
.btn-secondary:hover,
.button-secondary:hover,
.wp-block-button__link:hover {
background-color: #181818;
border-color: #181818;
color: #fff !important
}
.dark .button,
.dark .btn-secondary,
.dark .button-secondary,
.dark .wp-block-button__link {
color: #fff;
border: 2px solid #fff
}
.dark .button:hover,
.dark .btn-secondary:hover,
.dark .button-secondary:hover,
.dark .wp-block-button__link:hover {
background-color: #fff;
border-color: #fff;
color: #181818 !important
}
@media (min-width:768px) {
.button,
.btn-secondary,
.button-secondary,
.wp-block-button__link {
width: auto
}
}
.button-accent,
.btn-primary-o,
.button-primary-o {
font-family: "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
font-size: 18px;
font-weight: 600;
height: 50px;
line-height: 46px;
border-radius: 32px;
border: 2px solid #181818;
padding: 0 30px;
letter-spacing: -.02em;
color: #181818;
background-color: transparent;
display: inline-block;
width: 100%;
text-align: center;
text-decoration: none !important;
cursor: pointer
}
.button-accent:hover,
.btn-primary-o:hover,
.button-primary-o:hover {
background-color: #181818;
border-color: #181818;
color: #fff !important
}
.dark .button-accent,
.dark .btn-primary-o,
.dark .button-primary-o {
color: #fff;
border: 1px solid #fff
}
.dark .button-accent:hover,
.dark .btn-primary-o:hover,
.dark .button-primary-o:hover {
background-color: #fff;
border-color: #fff;
color: #181818
}
@media (min-width:768px) {
.button-accent,
.btn-primary-o,
.button-primary-o {
width: auto
}
}
.button-accent,
.btn-primary-o,
.button-primary-o {
background-color: #078855;
border-color: #078855;
color: #fff
}
.button-accent:hover,
.btn-primary-o:hover,
.button-primary-o:hover {
background-color: #181818;
border-color: #181818
}
.dark .button-accent,
.dark .btn-primary-o,
.dark .button-primary-o {
background-color: #078855;
border-color: #078855;
color: #fff
}
.dark .button-accent:hover,
.dark .btn-primary-o:hover,
.dark .button-primary-o:hover {
background-color: #fff;
border-color: #fff;
color: #181818
}
.btn-primary,
.button-primary {
font-family: "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
font-size: 15px;
height: 56px;
line-height: 54px;
border-radius: 32px;
border: 2px solid #181818;
padding: 0 20px;
letter-spacing: -.02em;
color: #181818;
background-color: transparent;
display: inline-block;
width: 100%;
text-align: center;
text-decoration: none !important;
cursor: pointer
}
.btn-primary:hover,
.button-primary:hover {
background-color: #181818;
border-color: #181818;
color: #fff !important
}
.dark .btn-primary,
.dark .button-primary {
color: #fff;
border: 1px solid #fff
}
.dark .btn-primary:hover,
.dark .button-primary:hover {
background-color: #fff;
border-color: #fff;
color: #181818
}
@media (min-width:768px) {
.btn-primary,
.button-primary {
width: auto
}
}
.btn-primary,
.button-primary {
background-color: #181818;
border-color: #181818;
color: #fff
}
.dark .btn-primary,
.dark .button-primary {
background-color: #fff;
border-color: #fff;
color: #181818
}
.btn-primary:hover,
.dark .btn-primary:hover,
.button-primary:hover,
.dark .button-primary:hover {
background-color: #078855;
border-color: #078855;
color: #fff
}
@media (max-width:1279.98px) {
.container {
padding-left: var(--bs-gutter-x);
padding-right: var(--bs-gutter-x)
}
}
.drag-slider {
width: 100%
}
figcaption {
font-size: 16px;
line-height: 24px;
letter-spacing: -.3px;
margin-top: 10px;
color: #676767;
opacity: .9
}
.end-of-list {
padding: 60px 0;
text-align: center
}
.page-top {
padding: 6rem 0
}
@media (min-width:1024px) {
.page-top {
padding: 8rem 0
}
}
.message-box {
font-size: 24px;
text-align: center
}
.simplebar-scrollbar:before {
background-color: #fff !important;
opacity: 1 !important;
height: 4px !important
}
.simplebar-content-wrapper.active {
cursor: grabbing;
cursor: -webkit-grabbing
}
.vertical-align-middle {
vertical-align: middle
}
.article-item .article-item-wrapper {
margin-bottom: 4rem;
padding-bottom: 4rem;
border-bottom: 1px solid #4f4f4f
}
.article-item .article-item-wrapper .list-view-arrow {
margin-top: 2rem;
height: 42px;
width: 42px;
background: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../images/list-view-arrow.svg) no-repeat center
}
.category-featured-posts .article-item .article-item-wrapper {
padding-bottom: 8rem
}
.article-item .article-item-wrapper .article-type-overlay {
display: none
}
.article-item .article-item-wrapper.podcast .article-type-overlay,
.article-item .article-item-wrapper.video .article-type-overlay {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 83px;
background: linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, .5) 100%)
}
.article-item .article-item-wrapper.podcast .article-type-overlay .text,
.article-item .article-item-wrapper.video .article-type-overlay .text {
position: absolute;
bottom: 16px;
right: 82px;
line-height: 56px;
text-transform: capitalize;
color: #fff;
font-size: 15px;
display: none
}
@media (min-width:768px) {
.article-item .article-item-wrapper.podcast .article-type-overlay .text,
.article-item .article-item-wrapper.video .article-type-overlay .text {
display: initial
}
.search-grid-posts .article-item .article-item-wrapper.podcast .article-type-overlay .text,
.search-grid-posts .article-item .article-item-wrapper.video .article-type-overlay .text {
display: none
}
}
.article-item .article-item-wrapper.podcast .article-type-overlay .icon,
.article-item .article-item-wrapper.video .article-type-overlay .icon {
position: absolute;
bottom: 16px;
right: 16px;
width: 56px;
height: 56px
}
.article-item .article-item-wrapper.podcast .article-type-overlay .icon {
background: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../images/podcast-icon.svg) no-repeat center
}
.article-item .article-item-wrapper.video .article-type-overlay .icon {
background: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../images/video-icon.svg) no-repeat center
}
.article-item .article-item-wrapper h2 {
font-size: 34px;
line-height: 38px
}
@media (min-width:768px) {
.article-item .article-item-wrapper {
border-bottom: none;
padding-bottom: 2rem
}
.article-item .article-item-wrapper .list-view-arrow {
display: none
}
.intro .article-item .article-item-wrapper .list-view-arrow {
display: block
}
.article-item .article-item-wrapper h2 {
font-size: 32px;
line-height: 36px
}
.view-list .article-item .article-item-wrapper {
display: flex;
border-bottom: 1px solid #4f4f4f
}
.view-list .article-item .article-item-wrapper .list-view-arrow {
display: block;
flex: 2;
text-align: right;
margin-top: 0
}
.view-list .article-item .article-item-wrapper .thumbnail {
flex: 2;
padding-right: calc(8.333333% + 2rem)
}
.view-list .article-item .article-item-wrapper .content {
flex: 6
}
}
.view-list .article-item {
width: 100%
}
.article-item.intro .thumbnail {
width: 160px
}
@media (min-width:768px) {
.article-item.intro .thumbnail .thumbnail-container {
margin-bottom: 0
}
}
@media (min-width:768px) {
.article-item.intro .thumbnail {
width: 50%
}
.article-item.intro .thumbnail .thumbnail-container {
margin-bottom: 0
}
}
.article-item.intro .intro-excerpt {
margin: 2rem 0;
font-size: 18px;
line-height: 26px;
letter-spacing: -.02em;
color: #767676
}
.article-item.intro h2 {
font-size: 28px;
line-height: 32px;
letter-spacing: -.03em;
color: #181818
}
@media (min-width:1024px) {
.article-item.intro h2 {
font-size: 54px;
line-height: 54px
}
}
@media (min-width:1024px) {
.article-item.intro .content-wrapper {
padding-left: 2rem
}
}
.article-item a {
display: block;
color: inherit
}
.article-item a:hover .thumbnail img {
transform: scale(1.1)
}
.article-item a:hover h2 {
text-decoration: underline
}
.article-item .thumbnail-container {
overflow: hidden;
border-radius: 15px;
will-change: transform;
margin-bottom: 3.2rem;
position: relative;
background-color: #e7e7e7
}
.article-item .thumbnail-container.force-crop {
padding-bottom: 100%
}
.article-item .thumbnail-container.force-crop.force-landscape {
padding-bottom: 48.202%
}
.article-item .thumbnail-container.force-crop img {
position: absolute;
height: 100%
}
@media (min-width:768px) {
.article-item .thumbnail-container {
margin-bottom: 4rem;
border-radius: 3rem
}
}
.article-item .thumbnail {
width: 160px
}
@media (min-width:768px) {
.article-item .thumbnail {
width: 100%
}
}
.article-item .thumbnail .article-type {
position: absolute;
bottom: 16px;
right: 16px;
display: flex;
justify-content: flex-end;
align-items: center
}
.article-item .thumbnail .article-type span {
font-size: 15px;
line-height: 20px;
letter-spacing: -.01em;
color: #fff;
text-transform: capitalize;
margin-right: 20px
}
@media (max-width:767.98px) {
.article-item .thumbnail .article-type span {
display: none
}
}
.article-item .thumbnail .article-type svg {
width: 56px;
height: 56px
}
.article-item .thumbnail img {
transition: all .2s ease-out;
display: block;
width: 100%;
height: auto
}
.article-item:not(.view-list) img {
transition: all .2s ease-out;
display: block;
width: 100%;
object-fit: cover
}
.article-item .single-post-tag h5 {
text-transform: uppercase;
font-size: 15px;
font-weight: 400;
margin-top: 0;
margin-bottom: 8px
}
@media (max-width:767.98px) {
.article-item .single-post-tag h5 {
margin-top: 32px
}
}
.article-item .category-wrapper {
font-size: 14px;
line-height: 18px;
font-weight: 400;
display: block;
margin-bottom: .8rem
}
.article-item .category-wrapper .category {
display: inline-block;
color: #181818;
font-size: 14px;
line-height: 18px;
letter-spacing: -.02em;
text-transform: uppercase
}
@media (min-width:768px) {
.article-item .category-wrapper .category {
font-size: 15px;
line-height: 20px
}
}
@media (min-width:768px) {
.article-item .category-wrapper {
font-size: 15px;
line-height: 20px
}
}
.article-item .author-wrapper {
line-height: 1
}
.article-item .author-wrapper .posted-on,
.article-item .author-wrapper .author,
.article-item .author-wrapper .post-reading-time {
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 18px;
letter-spacing: -.01em;
color: #767676
}
@media (min-width:768px) {
.article-item .author-wrapper .posted-on,
.article-item .author-wrapper .author,
.article-item .author-wrapper .post-reading-time {
font-size: 15px;
line-height: 20px
}
}
.article-item .author-wrapper .author {
margin-right: .5rem;
color: #181818
}
.article-item .author-wrapper .post-reading-time:before {
content: "|";
margin-right: .5rem
}
.article-item .excerpt {
display: none;
font-size: 18px;
line-height: 26px;
letter-spacing: -.02em;
color: #767676;
margin-top: 20px
}
.article-item .article-quote {
background: #181818;
border-radius: 30px;
padding: 40px;
color: #fff;
width: 100%
}
.article-item .article-quote .h1 {
margin: 40px 0;
padding-bottom: 40px;
border-bottom: 1px solid #fff
}
@media (max-width:1023.98px) {
.article-item .article-quote .h1 {
font-size: 24px;
line-height: 32px
}
}
.article-item .article-quote svg {
width: 58px;
height: 43px
}
.article-item .article-quote .quote-author .author-name {
font-size: 18px;
line-height: 26px;
letter-spacing: -.02em;
color: #fff
}
.article-item .article-quote .quote-author .author-title {
font-size: 18px;
line-height: 26px;
letter-spacing: -.02em;
color: #fff;
opacity: .8
}
@media (max-width:767.98px) {
.article-item .list_item {
border-bottom: 1px solid #4f4f4f
}
}
@media (max-width:767.98px) {
.article-item:last-child .list_item {
border-bottom: none
}
}
.category-featured-posts h2.title {
margin-bottom: 3rem
}
@media (min-width:768px) {
.category-featured-posts h2.title {
margin: 0
}
}
@media (min-width:768px) {
.category-featured-posts .article-item.intro .single-post-tag h5 {
margin-top: 0
}
}
@media (max-width:767.98px) {
.category-featured-posts .article-item .thumbnail {
width: 100%
}
}
.category-featured-posts .article-item .article-item-wrapper {
border-bottom: none
}
.category-featured-posts .article-item .list-view-arrow {
display: none
}
.category-featured-posts .article-item .single-post-tag h5 {
margin-top: 2rem
}
@media (min-width:768px) {
.category-featured-posts .article-item .single-post-tag h5 {
margin-top: 4rem
}
}
.grid-posts-filters h1 {
font-size: 40px;
line-height: 44px;
margin-bottom: 3.6rem
}
@media (min-width:768px) {
.grid-posts-filters h1 {
font-size: 64px;
line-height: 64px;
margin: 0
}
}
@media (max-width:1023.98px) {
.row-nowrap {
flex-wrap: nowrap;
overflow: auto
}
.row-nowrap>div {
width: 38%
}
.row-nowrap>div .thumbnail {
width: 100%
}
.row-nowrap>div .article-item-wrapper {
padding: 0;
border: none
}
.row-nowrap>div .list-view-arrow {
display: none
}
}
@media (max-width:767.98px) {
.row-nowrap>div {
width: 75%
}
}
.content-share .wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start
}
.content-share .wrapper a {
width: 24px;
margin-bottom: 20px;
height: auto;
position: relative
}
.content-share .wrapper a img,
.content-share .wrapper a svg {
width: 100%;
height: auto
}
.content-share .wrapper a span {
color: #181818;
font-size: 12px;
text-transform: capitalize;
position: absolute;
right: -20px;
top: 50%;
transform: translate(100%, -50%)
}
.dark .content-share .wrapper a span {
color: #fff
}
.content-share .wrapper .article-share-more {
position: relative
}
.content-share .wrapper .article-share-more>span {
cursor: pointer
}
.content-share .wrapper .article-share-more .share-popup {
visibility: hidden;
opacity: 0;
border-radius: 50px;
position: absolute;
top: 50%;
right: -25px;
width: 36px;
transform: translate(70%, -50%);
padding: 15px 0;
align-items: center;
display: flex;
flex-direction: column;
transition: .3s opacity .1s, .3s transform .1s;
background-color: #181818
}
.content-share .wrapper .article-share-more .share-popup svg path {
fill: #fff
}
.dark .content-share .wrapper .article-share-more .share-popup {
background-color: #fff
}
.dark .content-share .wrapper .article-share-more .share-popup svg path {
fill: #181818
}
.content-share .wrapper .article-share-more .share-popup:before {
content: " ";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMTk3MSA5LjI1MzU1Qy0wLjE4NzE3NCA4LjQ5NDMgLTAuMTg3MTc0IDYuNTA1NyAxLjE5NzEgNS43NDY0NUwxMC4wMzgyIDAuODk3MjUzQzExLjM3MTEgMC4xNjYyMDQgMTMgMS4xMzA2MyAxMyAyLjY1MDgxTDEzIDEyLjM0OTJDMTMgMTMuODY5NCAxMS4zNzExIDE0LjgzMzggMTAuMDM4MiAxNC4xMDI3TDEuMTk3MSA5LjI1MzU1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==");
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: -13px;
background-repeat: no-repeat;
background-size: cover;
transform: translate(0, -50%)
}
.dark .content-share .wrapper .article-share-more .share-popup:before {
filter: invert(1)
}
.content-share .wrapper .article-share-more .share-popup a {
width: 20px
}
.content-share .wrapper .article-share-more .share-popup a:last-child {
margin-bottom: 0
}
.content-share .wrapper .article-share-more.open .share-popup {
transform: translate(100%, -50%);
visibility: visible;
opacity: 1
}
.col-avatar {
width: 100%
}
@media (min-width:1024px) {
.col-avatar {
width: 110px
}
}
.col-content {
width: 100%
}
@media (min-width:1024px) {
.col-content {
width: calc(100% - 110px)
}
}
.col-content-header {
width: 100%
}
@media (min-width:1024px) {
.col-content-header {
width: calc(100% - 110px);
margin-left: 110px
}
}
.author-headshot {
width: 90px;
height: 90px;
border-radius: 100%;
margin-bottom: 2rem
}
.about-the-author {
margin-top: 4rem;
padding-top: 4rem;
border-top: 1px solid #181818
}
.dark .about-the-author {
border-top: 1px solid #fff
}
.about-the-author h4 {
margin-bottom: 2rem
}
@media (min-width:1024px) {
.about-the-author h4 {
margin-bottom: 3rem
}
}
.about-the-author .name,
.about-the-author .title,
.about-the-author .bio,
.about-the-author .company {
font-size: 18px;
line-height: 26px;
display: block
}
.about-the-author .name {
font-weight: 500
}
.about-the-author .company {
color: #767676
}
.about-the-author .bio {
margin: 2rem 0
}
.about-the-author .author-link {
font-size: 15px;
line-height: 20px;
font-weight: 500;
color: #181818;
text-decoration: none
}
.about-the-author .author-link:hover {
color: #078855;
border-bottom: 1px solid #078855
}
@media (min-width:768px) {
.about-the-author {
margin-top: 5rem;
padding-top: 5rem
}
}
body.admin-bar .site-header {
top: 46px
}
@media (min-width:768px) {
body.admin-bar .site-header {
top: 32px
}
}
@media (min-width:1024px) {
body.home .logo-secondary {
display: none
}
body.home .scrolled .logo-secondary {
display: block
}
}
body.menu-opened {
overflow: hidden
}
body.menu-opened #bg-filter {
display: block
}
body #bg-filter {
position: fixed;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2);
display: none
}
body.keyword-focused {
overflow: hidden
}
body.keyword-focused #bg-filter {
display: block
}
body.keyword-focused #suggestions {
display: block
}
body.keyword-focused #main-nav {
display: none
}
.search-button {
position: absolute;
right: 10px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
top: 50%;
transform: translate(0, -50%);
padding: 0;
background: 0 0;
-webkit-appearance: none;
outline: 0;
border: none
}
.close-button {
width: 40px;
height: 40px;
cursor: pointer;
padding: 0;
background: 0 0;
-webkit-appearance: none;
outline: 0;
border: none;
float: right;
margin-right: -10px
}
.close-button:after {
content: "\e907";
font-size: 16px;
line-height: 16px
}
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
height: 8rem;
z-index: 1000;
transition: top .25s
}
.site-header.out-of-view {
top: -8rem !important
}
@media (min-width:1024px) {
.site-header {
height: 10rem
}
.site-header.out-of-view {
top: -10rem !important
}
}
.site-header .logo-wrapper,
.site-header .menu-wrapper {
display: flex;
column-gap: 10px;
align-items: center;
height: 80px
}
@media (min-width:1024px) {
.site-header .logo-wrapper,
.site-header .menu-wrapper {
height: 100px
}
}
.site-header .logo-wrapper .logo img,
.site-header .menu-wrapper .logo img {
width: auto;
height: 24px
}
.site-header .menu-wrapper {
column-gap: 20px;
flex-direction: column;
display: none;
background-color: #fff;
height: calc(100vh - 80px);
overflow-y: auto;
position: absolute;
width: 100%;
left: 0;
padding: 0 2rem;
gap: 6rem
}
.site-header .menu-wrapper .main-nav {
width: 100%;
margin-bottom: 4rem
}
@media (min-width:1024px) {
.site-header .menu-wrapper .main-nav {
margin-bottom: 0
}
}
.menu-opened .site-header .menu-wrapper {
display: flex
}
@media (min-width:768px) {
.site-header .menu-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
height: 80px;
position: static;
padding: 2rem 0 2rem 4rem;
width: auto;
background-color: transparent;
overflow: hidden
}
}
@media (min-width:1024px) {
.site-header .menu-wrapper {
height: 100px
}
}
.site-header .hamburger-btn {
cursor: pointer;
display: inline-block;
position: relative;
user-select: none;
padding: 37px 20px;
margin-right: -20px;
float: right
}
@media (min-width:1024px) {
.site-header .hamburger-btn {
padding: 57px 20px
}
}
.site-header .hamburger-btn .navicon {
display: block;
height: 2px;
position: relative;
width: 22px
}
.site-header .hamburger-btn .navicon:after,
.site-header .hamburger-btn .navicon:before {
background: #181818;
content: "";
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
position: absolute;
left: 0;
top: 100%
}
.site-header .hamburger-btn .navicon:before {
top: 5px
}
.site-header .hamburger-btn .navicon:after {
top: -5px
}
.menu-opened .site-header .hamburger-btn .navicon {
background: 0 0
}
.menu-opened .site-header .hamburger-btn .navicon:before {
transform: rotate(-45deg);
top: 0
}
.menu-opened .site-header .hamburger-btn .navicon:after {
transform: rotate(45deg);
top: 0
}
.site-header .site-nav {
width: 100%
}
@media (min-width:1024px) {
.site-header .site-nav {
width: auto
}
}
.site-header .header-right {
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-end;
gap: 13px;
display: none;
order: -1
}
body.menu-opened .site-header .header-right {
display: flex
}
.site-header .header-right .subscribe-button {
width: 100%
}
.site-header .header-right .header-search {
width: 100%;
position: relative;
margin-top: 6rem
}
@media (min-width:768px) {
.site-header .header-right .header-search {
margin-top: 0
}
}
.site-header .header-right .header-search .search-button {
z-index: 1
}
.site-header .header-right .header-search .search-input {
width: 100%;
padding: 0 50px 0 20px
}
@media (min-width:768px) {
.site-header .header-right .header-search .search-input {
width: 60px;
padding: 0 50px 0 0;
text-indent: -99999px;
z-index: 2;
position: relative
}
}
@media (min-width:1440px) {
.site-header .header-right .header-search .search-input {
width: 197px;
padding: 0 50px 0 20px;
text-indent: 0
}
}
@media (min-width:768px) {
.site-header .header-right {
display: flex;
flex-direction: row;
width: auto;
order: 0
}
.site-header .header-right .subscribe-button {
width: auto
}
}
.site-header .hamburger {
width: 100%
}
.site-header .hamburger .menu-btn {
display: none
}
.site-header .hamburger .menu-container {
padding: 0;
background-color: #fff;
overflow: hidden
}
@media (min-width:768px) {
.site-header .hamburger .menu-container {
display: none;
position: absolute;
left: 0;
width: 100%;
top: 100px;
height: calc(100vh - 100px);
overflow-y: auto;
padding: 2rem
}
}
@media (min-width:1024px) {
.site-header .hamburger .menu-container {
background-color: transparent;
display: block;
position: static;
height: auto;
padding: 2rem 0
}
}
.menu-opened .site-header .hamburger .menu-container {
display: block
}
.site-header .menu-item .menu-link {
color: #181818;
display: flex;
font-size: 40px;
letter-spacing: -.04em;
line-height: 1.3333333333;
font-weight: 400;
cursor: pointer;
align-items: center;
justify-content: space-between;
padding: 2rem 0;
border-top: .1rem solid #181818
}
@media (min-width:1024px) {
.site-header .menu-item .menu-link {
padding: 0;
font-size: 15px;
font-weight: 500;
justify-content: space-between;
border-top: none;
border-bottom: 1px solid transparent
}
.site-header .menu-item .menu-link:hover {
border-bottom: 1px solid #181818
}
}
.site-header .dropdown {
display: flex;
flex-flow: column wrap;
list-style: none
}
@media (min-width:1024px) {
.site-header .dropdown {
flex-flow: row wrap;
column-gap: 2.6rem
}
}
@media (min-width:1280px) {
.site-header .dropdown {
column-gap: 3.6rem !important
}
}
.site-header .dropdown .menu-item label.menu-link:after {
content: "\e907";
font-family: icomoon;
transition: transform .2s ease-in-out;
transform: rotate(-45deg);
text-align: center;
font-size: 16px;
line-height: 16px;
margin: 0 .4rem
}
.site-header .dropdown .menu-item label.menu-link.open:after {
transform: rotate(0)
}
@media (min-width:1024px) {
.site-header .dropdown .menu-item label.menu-link:after {
content: " \e904";
font-family: "icomoon";
font-weight: 400;
font-size: 10px;
transition: transform .2s ease-in-out;
transform: rotate(0);
margin: 0 0 0 5px
}
.site-header .dropdown .menu-item label.menu-link.open {
color: #078855
}
.site-header .dropdown .menu-item label.menu-link.open:hover {
border-bottom: 1px solid #078855
}
.site-header .dropdown .menu-item label.menu-link.open:after {
transform: rotate(-180deg)
}
}
.site-header .dropdown .mega-menu {
display: none;
background-color: #fff;
width: 100%;
padding: 2rem 0 4rem;
border-bottom: 1px solid #dee2e6
}
.site-header .dropdown .mega-menu p {
font-size: 15px;
line-height: 1.3333333333;
letter-spacing: -.01em;
margin: .5rem 0 1rem;
color: #767676
}
.site-header .dropdown .mega-menu p>a {
font-size: 15px;
color: #181818;
font-weight: 500
}
.site-header .dropdown .mega-menu p.is-style-category {
font-size: 14px;
text-transform: uppercase;
color: #181818;
font-weight: 400
}
.site-header .dropdown .mega-menu p.is-style-author>a {
color: #767676;
font-weight: 400
}
.site-header .dropdown .mega-menu ul {
margin-bottom: 3rem
}
.site-header .dropdown .mega-menu ul li>a {
color: #181818;
font-size: 24px;
font-weight: 400;
line-height: 1.3333333
}
.site-header .dropdown .mega-menu ul li>a:hover {
text-decoration: underline
}
.site-header .dropdown .mega-menu h3 {
font-size: 24px;
line-height: 1.3333333
}
.site-header .dropdown .mega-menu>.wp-block-group {
animation: slide-down .2s ease-in-out;
margin-bottom: 3rem
}
@keyframes slide-down {
0% {
opacity: 0;
margin-top: -2rem
}
100% {
opacity: 1;
margin-top: 0
}
}
@media (min-width:1024px) {
.site-header .dropdown .mega-menu {
position: absolute;
z-index: 1;
top: calc(100% - 1px);
left: 0
}
.site-header .dropdown .mega-menu>.wp-block-group {
padding-left: var(--bs-gutter-x);
padding-right: var(--bs-gutter-x);
margin-top: var(--bs-gutter-y, 2rem);
margin-bottom: var(--bs-gutter-y, 2rem);
max-width: 100%;
width: 100%;
margin-right: auto;
margin-left: auto;
max-width: 1151px
}
.site-header .dropdown .mega-menu p {
margin-right: 3rem
}
.site-header .dropdown .mega-menu p.is-style-category {
margin-top: 0
}
.site-header .dropdown .mega-menu p.is-style-link-arrow {
margin-right: 0
}
}
@media (min-width:1280px) {
.site-header .dropdown .mega-menu>.wp-block-group {
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
max-width: 1152px
}
}
@media (min-width:1440px) {
.site-header .dropdown .mega-menu>.wp-block-group {
max-width: 1313px
}
}
.site-header .dropdown label.open~.mega-menu {
display: block
}
.site-header #suggestions {
background: #fff;
overflow: auto;
max-height: 100vh;
height: 100vh;
display: none;
width: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #fff;
transition: .3s max-height .1s, .3s padding .1s;
z-index: 19;
overflow: hidden
}
.site-header #suggestions .results-wrapper {
overflow: auto;
height: calc(100vh - 186px)
}
.keyword-focused .site-header #suggestions {
display: block
}
.site-header #suggestions #posts-loader {
display: none
}
.site-header #suggestions .col-form {
text-align: center
}
.site-header #suggestions form {
position: relative;
margin-top: 6rem
}
@media (min-width:768px) {
.site-header #suggestions form {
margin-top: 0;
width: 40vw;
display: inline-block
}
}
@media (min-width:1024px) {
.site-header #suggestions form {
width: 100%;
display: block
}
}
.site-header #suggestions .results {
padding: 6rem 0
}
.site-header #suggestions h2 {
font-size: 15px;
font-weight: 400;
line-height: 32px;
color: #767676
}
.site-header #suggestions .suggestion-post-item {
border-bottom: 1px solid #4f4f4f;
padding: 2rem 0
}
.site-header #suggestions .suggestion-post-item .category-wrapper {
font-size: 14px;
line-height: 18px;
font-weight: 400;
display: block;
margin-bottom: .8rem
}
.site-header #suggestions .suggestion-post-item .category-wrapper .category {
display: inline-block;
color: #181818;
font-size: 14px;
line-height: 18px;
letter-spacing: -.02em;
text-transform: uppercase
}
@media (min-width:768px) {
.site-header #suggestions .suggestion-post-item .category-wrapper .category {
font-size: 15px;
line-height: 20px
}
}
@media (min-width:768px) {
.site-header #suggestions .suggestion-post-item .category-wrapper {
font-size: 15px;
line-height: 20px
}
}
.site-header #suggestions .suggestion-post-item .suggestion-post-item-wrapper {
display: flex
}
.site-header #suggestions .suggestion-post-item .suggestion-post-item-wrapper .thumbnail-container img {
width: 14rem
}
@media (min-width:768px) {
.site-header #suggestions .suggestion-post-item .suggestion-post-item-wrapper .thumbnail-container img {
width: 16rem
}
}
.site-header #suggestions .suggestion-post-item .suggestion-post-item-wrapper .content {
padding-left: 4rem
}
.site-header #suggestions .suggestion-post-item:last-child {
border: none
}
.site-header #suggestions .suggestion-post-item .wp-block-image img {
border-radius: 1.5rem
}
.site-header #suggestions .suggestion-post-item h3 {
font-size: 24px;
line-height: 32px;
font-weight: 400
}
.site-header #suggestions .suggestion-post-item h5 {
font-size: 15px;
line-height: 20px;
font-weight: 400;
text-transform: uppercase
}
.site-header #suggestions .suggestion-post-item .author {
font-size: 15px;
line-height: 20px;
color: #767676
}
.site-header #suggestions .suggestion-post-item a:hover h3 {
text-decoration: underline
}
@media (min-width:768px) {
.site-header #suggestions form {
margin-bottom: 0
}
}
@media (min-width:1024px) {
.site-header #suggestions {
height: auto
}
.site-header #suggestions .results-wrapper {
height: calc(87vh - 100px)
}
}
.site-header.dark {
background-color: #181818
}
.site-header.dark .logo img {
filter: contrast(200%) invert(1)
}
.site-header.dark .search-button svg path {
fill: #fff
}
.site-header.dark .menu-item .menu-link {
color: #fff;
border-top: 1px solid #fff
}
@media (min-width:1024px) {
.site-header.dark .menu-item .menu-link {
border-top: none
}
.site-header.dark .menu-item .menu-link:hover {
border-bottom: 1px solid #fff
}
}
.site-header.dark .dropdown .mega-menu {
background-color: #181818
}
.site-header.dark .dropdown .mega-menu ul li>a {
color: #fff
}
.site-header.dark .dropdown .mega-menu p {
color: #818181
}
.site-header.dark .dropdown .mega-menu p>a {
color: #fff
}
.site-header.dark .hamburger-btn .navicon:before {
color: #fff
}
.site-header.dark #suggestions {
background-color: #181818
}
.site-header.dark #suggestions .suggestion-post-item {
border-bottom: 1px solid #4f4f4f;
padding: 2rem 0
}
.site-header.dark #suggestions .suggestion-post-item .category-wrapper {
font-size: 14px;
line-height: 18px;
font-weight: 400;
display: block;
margin-bottom: .8rem
}
.site-header.dark #suggestions .suggestion-post-item .category-wrapper .category {
color: #fff
}
.site-header.dark #suggestions h2,
.site-header.dark #suggestions .suggestion-post-item .author {
color: #818181
}
.site-header.dark #suggestions .close-button:after {
color: #fff
}
.site-header.dark .navicon:after,
.site-header.dark .navicon:before {
background-color: #fff
}
.site-header.dark .menu-wrapper {
background-color: #181818
}
.site-header.dark .hamburger .menu-container {
background-color: #181818
}
/*! CSS Used from: https://fowstaging.wpengine.com/wp-content/themes/webex-ahead/minify/main-version-1.0.0.min.css ; media=all */
.subscribe-popup {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, .95);
z-index: 1000;
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
}
@media (max-width:960px) {
.subscribe-popup {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 8rem
}
}
.subscribe-popup .close-popup {
display: none
}
@media (max-width:960px) {
.subscribe-popup .close-popup {
display: block;
position: fixed;
top: 0;
right: 0;
padding: 2rem;
z-index: 100
}
}
.subscribe-popup .popup-container {
width: 50rem;
background: #fff;
margin: auto;
left: 0;
right: 0;
padding: 5rem;
z-index: 55;
font: 300 16px/22px "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
letter-spacing: 0;
color: #000;
position: relative;
top: 0
}
@media (max-width:1280px) {
.subscribe-popup .popup-container {
padding: 3rem;
top: 5rem
}
}
@media (max-width:960px) {
.subscribe-popup .popup-container {
margin: 0 auto
}
}
@media (max-width:600px) {
.subscribe-popup .popup-container {
top: 8rem;
width: calc(100% - 3rem);
padding: 2rem;
max-height: calc(100vh - 12rem);
overflow: scroll
}
}
.subscribe-popup .popup-container .login_response {
padding-top: 10px;
font-size: 14px
}
.subscribe-popup .popup-container .popup-title {
font-size: 32px;
line-height: 36px;
letter-spacing: -.04em
}
.subscribe-popup .popup-container .subtitle {
font-size: 22px;
line-height: 26px;
margin-top: 10px;
margin-bottom: 30px;
letter-spacing: -.04em;
color: #181818
}
.subscribe-popup .popup-container a {
color: #181818
}
.subscribe-popup .popup-container .input-popup-group {
position: relative;
margin-top: 2rem
}
@media (max-width:1280px) {
.subscribe-popup .popup-container .input-popup-group {
margin-top: 1rem
}
}
.subscribe-popup .popup-container .input-popup-group .label {
position: absolute;
left: 20px;
top: 15px;
color: #9fb0d9;
font: 400 16px/27px "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
-webkit-transition: all .2s;
transition: all .2s
}
.subscribe-popup .popup-container .input-popup-group input {
height: 56px;
background: #fff 0 0 no-repeat padding-box;
border: 1px solid #d9deeb;
border-radius: 4px;
width: 100%;
padding: 2rem 1.5rem;
outline: 0;
font: 400 16px/27px "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif"
}
.subscribe-popup .popup-container .input-popup-group input:active~.label,
.subscribe-popup .popup-container .input-popup-group input:focus~.label,
.subscribe-popup .popup-container .input-popup-group.touched input~.label {
top: -12px;
font: 400 12px/27px "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
background: #fff;
padding: 0 10px;
left: 10px
}
.subscribe-popup .popup-container .form-confirm {
position: relative;
margin-top: 2.5rem;
display: block;
font: 400 14px/22px "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
display: flex;
flex-direction: column-reverse
}
@media (max-width:1280px) {
.subscribe-popup .popup-container .form-confirm {
margin-top: 1rem
}
}
.subscribe-popup .popup-container .form-confirm input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0
}
.subscribe-popup .popup-container .form-confirm input:checked~span:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDM0NTgiIGQ9Ik0xNiAwSDJhMi4wMDYgMi4wMDYgMCAwMC0yIDJ2MTRhMi4wMDYgMi4wMDYgMCAwMDIgMmgxNGEyLjAwNiAyLjAwNiAwIDAwMi0yVjJhMi4wMDYgMi4wMDYgMCAwMC0yLTJ6TTcuNzEgMTMuMjlhMSAxIDAgMDEtMS40MSAwTDIuNzEgOS43YTEgMSAwIDAxMS40MS0xLjQxTDcgMTEuMTdsLjg3Ni0uODc2IDYtNkExIDEgMCAwMTE1LjI5IDUuN2wtNy41OCA3LjU5eiIgZmlsbD0iIzFjYTg5ZiIvPjwvc3ZnPg==);
border: none;
filter: grayscale(1) brightness(.5)
}
.subscribe-popup .popup-container .form-confirm span {
padding-left: 2.5rem
}
.subscribe-popup .popup-container .form-confirm span:before {
content: " ";
width: 18px;
height: 18px;
border-radius: 4px;
border: 2px solid #181818;
left: 0;
position: absolute
}
.subscribe-popup .popup-container .btn-primary {
cursor: pointer;
border: none;
-webkit-appearance: none
}
.input-popup-group .error {
color: #e33f43;
font: 400 12px/27px "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
letter-spacing: 0px;
display: block;
margin-top: 4px
}
.grid-posts-filters {
margin-bottom: 4rem
}
.search-grid-posts,
.tag-grid-posts,
.category-grid-posts {
padding-bottom: 8rem
}
.search-grid-posts,
.tag-grid-posts {
padding-top: 8rem
}
.grid-posts:before {
content: "";
border-top: 1px solid #181818;
display: block;
width: 100%;
margin: 0 10px;
height: 4rem
}
@media (min-width:768px) {
.grid-posts:not(.view-list):before {
content: none
}
}
.category-grid-posts .title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 6rem
}
@media (max-width:767.98px) {
.category-grid-posts .title {
flex-direction: column;
align-items: flex-start;
justify-content: stretch
}
.category-grid-posts .title .btn-secondary {
margin-top: 32px;
width: 100%
}
}
.category-grid-posts .title h2 {
max-width: 60%;
font-size: 40px;
line-height: 44px;
letter-spacing: -.04em;
color: #181818;
max-width: 100%;
margin: 0
}
.category-grid-posts.grid-type1 .article-item:not(.view-list):nth-child(6n+1) .thumbnail-container {
padding-bottom: 77%
}
.category-grid-posts.grid-type1 .article-item:not(.view-list):nth-child(6n+2) .thumbnail-container {
padding-bottom: 100%
}
.category-grid-posts.grid-type1 .article-item:not(.view-list):nth-child(6n+3) .thumbnail-container {
padding-bottom: 133%
}
.category-grid-posts.grid-type1 .article-item:not(.view-list):nth-child(6n+4) .thumbnail-container {
padding-bottom: 112%
}
.category-grid-posts.grid-type1 .article-item:not(.view-list):nth-child(6n+5) .thumbnail-container {
padding-bottom: 153%
}
.category-grid-posts.grid-type1 .article-item:not(.view-list):nth-child(6n+6) .thumbnail-container {
padding-bottom: 48%
}
.category-grid-posts.grid-type2 .article-item:not(.view-list) .thumbnail-container {
padding-bottom: 100%
}
.category-grid-posts.grid-type2 .article-item:not(.view-list):nth-child(6n+4) .thumbnail-container,
.category-grid-posts.grid-type2 .article-item:not(.view-list):nth-child(6n+5) .thumbnail-container {
padding-bottom: 48%
}
.loader {
background-image: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../images/loader.gif);
display: block;
height: 66px;
background-repeat: no-repeat;
background-position: center;
background-size: 48px
}
@media (min-width:1024px) {
.loader {
height: 117px
}
}
.article-top {
padding: 6rem 0
}
@media (min-width:1024px) {
.article-top {
padding: 8rem 0 15rem
}
}
.article-top a {
color: #181818
}
.dark .article-top a {
color: #fff
}
.article-top .container {
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start
}
@media (min-width:1440px) {
.article-top .container {
max-width: 1329px
}
}
.article-top .container>.wrapper {
flex: auto;
max-width: calc(100% - 24px)
}
@media (max-width:767.98px) {
.article-top .container>.wrapper {
max-width: 100%
}
}
.article-top .desktop-share-buttons {
position: sticky;
top: 180px
}
.article-top.video .content-body blockquote,
.article-top.video .content-body q {
width: 100% !important
}
.article-top.video .content-body blockquote:before,
.article-top.video .content-body q:before {
filter: invert(1)
}
@media (min-width:768px) and (max-width:1023.98px) {
.article-top.video .container>.wrapper {
display: flex;
flex-direction: column-reverse
}
}
.article-top.simple .article-details .excerpt,
.article-top.podcast .article-details .excerpt,
.article-top.video .article-details .excerpt {
margin-top: 4rem;
margin-bottom: 4rem
}
@media (min-width:768px) {
.article-top.simple .article-details .excerpt,
.article-top.podcast .article-details .excerpt,
.article-top.video .article-details .excerpt {
margin-top: 2rem;
margin-bottom: 6rem
}
}
.article-top.simple .article-featured-image,
.article-top.podcast .article-featured-image,
.article-top.video .article-featured-image {
margin-top: 5rem;
margin-bottom: 5rem
}
@media (min-width:1024px) {
.article-top.simple .article-featured-image,
.article-top.podcast .article-featured-image,
.article-top.video .article-featured-image {
margin-top: 6rem;
margin-bottom: 8rem
}
}
.article-top.simple .article-featured-image img,
.article-top.podcast .article-featured-image img,
.article-top.video .article-featured-image img {
width: 100%;
display: block;
height: auto;
border-radius: 30px
}
@media (max-width:1023.98px) {
.article-top.simple .article-featured-image img,
.article-top.podcast .article-featured-image img,
.article-top.video .article-featured-image img {
border-radius: 12px
}
}
.article-top.podcast {
padding-bottom: 6rem !important
}
.article-top .content-share svg path {
fill: #181818
}
.article-top .article-details .category-wrapper {
font-size: 14px;
line-height: 18px;
font-weight: 400;
margin-bottom: .8rem
}
@media (min-width:768px) {
.article-top .article-details .category-wrapper {
margin-bottom: 1rem;
font-size: 15px;
line-height: 20px
}
}
.article-top .article-details .category-wrapper .category {
display: inline-block;
color: #181818;
font-size: 14px;
line-height: 18px;
letter-spacing: -.02em;
text-transform: uppercase
}
.article-top .article-details .category-wrapper .category:hover {
text-decoration: underline
}
@media (min-width:768px) {
.article-top .article-details .category-wrapper .category {
font-size: 15px;
line-height: 20px
}
}
.article-top .article-details h1 {
font-size: 26px;
font-weight: 400;
line-height: 32px;
margin-bottom: .8rem
}
@media (min-width:768px) {
.article-top .article-details h1 {
font-size: 48px;
font-weight: 400;
line-height: 50px;
margin-bottom: 1.7rem
}
}
.article-top .article-details .author-wrapper {
line-height: 1
}
.article-top .article-details .author-wrapper .posted-on,
.article-top .article-details .author-wrapper .author,
.article-top .article-details .author-wrapper .post-reading-time {
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 18px;
letter-spacing: -.01em;
color: #181818
}
@media (min-width:768px) {
.article-top .article-details .author-wrapper .posted-on,
.article-top .article-details .author-wrapper .author,
.article-top .article-details .author-wrapper .post-reading-time {
font-size: 15px;
line-height: 20px
}
}
.article-top .article-details .author-wrapper .author {
margin-right: .5rem
}
.article-top .article-details .author-wrapper .author a {
color: #181818
}
.article-top .article-details .author-wrapper .author a:hover {
text-decoration: underline
}
.article-top .article-details .author-wrapper .posted-on:after {
content: "-";
margin: 0 .5rem
}
.article-top .article-details .author-wrapper .post-reading-time {
color: #767676
}
.article-top .article-details .author-wrapper .post-reading-time:before {
content: "|";
margin-right: .5rem
}
.article-top .article-details .mobile-share-buttons {
margin-top: 2.5rem
}
.article-top .article-details .mobile-share-buttons .wrapper {
flex-direction: row
}
.article-top .article-details .mobile-share-buttons .wrapper>a {
margin-bottom: 0;
margin-right: 20px
}
.article-top.dark .article-details .category {
color: #fff
}
.article-top.dark .content-share svg path {
fill: #fff
}
.article-top.dark .author-wrapper .post-reading-time {
color: #818181
}
.article-top.dark .author-wrapper .posted-on,
.article-top.dark .author-wrapper .author {
color: #fff
}
.article-top.dark .author-wrapper .posted-on a,
.article-top.dark .author-wrapper .author a {
color: #fff
}
.article-top .article-video {
margin-top: 5rem;
margin-bottom: 5rem
}
@media (min-width:1024px) {
.article-top .article-video {
margin-top: 6rem;
margin-bottom: 8rem
}
}
.article-top .article-content .intro-img {
padding-bottom: 40%;
width: 100%;
position: relative;
margin-bottom: 60px
}
@media (max-width:767.98px) {
.article-top .article-content .intro-img {
padding-bottom: 60%
}
}
.article-top .article-content .intro-img img {
width: 100%;
border-radius: 30px;
position: absolute;
top: 0;
left: 0;
height: 100%;
object-fit: cover;
object-position: center
}
.video-container {
width: 100%;
padding-bottom: 56%;
position: relative
}
.video-container iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.podcast audio {
width: 100%
}
.content-body {
margin-bottom: 5rem
}
.content-body strong a {
font-weight: 400
}
.content-body a {
text-decoration: underline;
color: #181818
}
.content-body a:hover {
color: #078855
}
.dark .content-body a {
color: #fff
}
.content-body em a {
padding-right: 5px
}
.content-body ul {
list-style-type: disc;
padding-left: 20px
}
.content-body ul li {
margin-top: 3rem
}
.content-body ol {
list-style-type: decimal;
padding-left: 20px
}
.content-body ol li {
margin-top: 3rem
}
.content-body hr {
margin: 4rem 0
}
@media (min-width:768px) {
.content-body hr {
margin: 5rem 0
}
}
.content-body figure {
margin: 5rem 0;
display: flex;
justify-content: center
}
.content-body figure.wp-block-table {
justify-content: left
}
.content-body figure img {
border-radius: 15px
}
.content-body figure.no-radius img {
border-radius: 0
}
@media (min-width:1024px) {
.content-body figure {
margin: 8rem 0
}
.content-body figure img {
border-radius: 30px
}
}
.content-body blockquote,
.content-body q {
margin: 4rem 0;
width: 100%;
position: relative
}
.content-body blockquote p,
.content-body q p {
font-size: 32px;
line-height: 36px
}
.content-body blockquote cite,
.content-body q cite {
font-size: 15px;
line-height: 20px;
letter-spacing: -.02em;
color: #767676;
margin-top: 2rem;
display: block;
text-align: center;
font-style: normal
}
@media (min-width:1024px) {
.content-body blockquote,
.content-body q {
margin-top: 6rem;
margin-bottom: 6rem;
margin-left: -12.5%;
margin-right: -12.5%;
width: 125%;
font-size: 22px;
line-height: 28px
}
}
.content-body blockquote:before,
.content-body q:before {
content: "";
background: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../images/quote-icon.svg) no-repeat center;
display: block;
width: 100%;
height: 26px;
background-size: cover;
margin-bottom: 2rem;
background-size: auto
}
@media (min-width:768px) {
.content-body blockquote:before,
.content-body q:before {
margin-bottom: 3rem;
height: 32px
}
}
.content-body blockquote+*,
.content-body q+* {
margin-top: 0 !important
}
.content-body h1,
.content-body .h1,
.content-body h2,
.content-body .h2,
.content-body h3,
.content-body .h3,
.content-body h4,
.content-body .h4,
.content-body h5,
.content-body .h5,
.content-body h6,
.content-body .h6 {
margin-top: 5rem
}
.content-body p,
.content-body ul,
.content-body ol {
margin: 2.6rem 0
}
.content-body p:first-child,
.content-body ul:first-child,
.content-body ol:first-child {
margin-top: 0
}
@media (min-width:768px) {
.content-body {
margin-bottom: 8rem
}
.content-body h1,
.content-body .h1,
.content-body h2,
.content-body .h2,
.content-body h3,
.content-body .h3 {
margin-top: 8rem
}
.content-body h4,
.content-body .h4,
.content-body h5,
.content-body .h5,
.content-body h6,
.content-body .h6 {
margin-top: 4rem
}
.content-body p,
.content-body ul,
.content-body ol {
margin: 3.2rem 0
}
}
.content-body iframe,
.content-body video,
.content-body .video-popup-block {
margin: 4rem 0 6rem;
width: 100%
}
.content-body .video-popup-block iframe,
.content-body .video-popup-block video {
margin: 0
}
.content-body .placeholder figure img {
border-radius: 0
}
.content-body .bc-video-wrapper {
position: relative;
display: block;
max-width: 100%;
padding-top: 56%;
margin: 4rem 0 6rem
}
.content-body .bc-video-wrapper iframe {
position: absolute;
top: 0;
height: 100%;
margin: 0
}
.article-topics {
margin-top: 4rem;
padding-top: 4rem;
border-top: 1px solid #181818
}
.dark .article-topics {
border-top: 1px solid #fff
}
.article-topics .topics-list a {
font-size: 15px;
line-height: 24px;
text-transform: uppercase;
text-decoration: none !important;
margin-right: 36px
}
.article-topics .topics-list a:hover {
text-decoration: underline !important
}
@media (min-width:768px) {
.article-topics {
margin-top: 5rem;
padding-top: 5rem
}
}
.video-section-wrapper {
padding: 80px 0;
position: relative;
margin: 60px 0
}
@media (max-width:767.98px) {
.video-section-wrapper {
padding: 40px 0;
margin: 40px 0
}
}
.video-section-wrapper:before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
width: 150vw;
left: -50vw;
z-index: -1
}
.video-section-wrapper *:not(img,
figure,
iframe q,
blockquote,
.video-section-wrapper) {
max-width: 50%;
margin-left: auto;
margin-right: auto
}
.wp-block-embed {
position: relative
}
.wp-block-embed .wp-block-embed__wrapper {
width: 100%;
padding-bottom: 60%;
position: relative
}
.wp-block-embed .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 15px
}
@media (min-width:1024px) {
.wp-block-embed .wp-block-embed__wrapper iframe {
border-radius: 30px
}
}
.wp-block-embed figcaption {
color: #fff
}
@media (min-width:1024px) {
.wp-block-embed figcaption {
width: 50% !important;
margin-left: auto;
margin-right: auto
}
}
.more-like-this .title {
margin-bottom: 2rem
}
@media (min-width:1024px) {
.more-like-this .title {
margin-bottom: 4rem
}
}
.category .page-top h1 {
margin-bottom: 2.4rem
}
.category .page-top h2 {
margin-bottom: 0
}
.landing-page-hero {
background: #181818;
color: #fff;
padding: 80px 0
}
@media (max-width:1023.98px) {
.landing-page-hero {
padding: 60px 0
}
}
@media (max-width:767.98px) {
.landing-page-hero {
padding: 40px 0
}
}
@media (max-width:1023.98px) {
.landing-page-hero h1 {
font-size: 46px;
line-height: 48px
}
}
@media (max-width:1023.98px) {
.landing-page-hero h2 {
font-size: 34px;
line-height: 38px
}
}
.landing-page-hero .hero-img {
margin: 80px 0
}
@media (max-width:1023.98px) {
.landing-page-hero .hero-img {
margin: 60px 0
}
}
@media (max-width:767.98px) {
.landing-page-hero .hero-img {
margin: 40px 0
}
}
.landing-page-hero .hero-img img {
border-radius: 30px
}
.landing-page-hero .mobile-share-buttons .wrapper {
flex-direction: row
}
.landing-page-hero .mobile-share-buttons .wrapper>a {
margin-bottom: 0;
margin-right: 20px
}
.landing-page-hero .content-share .article-share-more>span svg path {
fill: #fff
}
.landing-page-hero .content-share .article-share-more .share-popup {
background: #fff
}
.landing-page-hero .content-share .article-share-more .share-popup:before {
filter: invert(1)
}
.landing-page-hero .content-share .article-share-more .share-popup svg path {
fill: #000
}
.landing-page-hero .hero-content .content-share {
max-width: 24px
}
.landing-page-hero .hero-content .landing-content {
font-size: 24px;
line-height: 32px;
letter-spacing: -.02em;
color: #fff
}
.landing-page-hero .hero-content .landing-content p {
margin-bottom: 24px
}
.landing-page-sections .sections-tabs {
background: #181818;
color: #fff;
height: 100px;
z-index: 500;
position: sticky;
top: 100px
}
@media (max-width:767.98px) {
.landing-page-sections .sections-tabs {
top: 79px;
height: 60px
}
}
.landing-page-sections .sections-tabs .container {
height: 100%;
border-top: 1px solid #4f4f4f;
position: relative
}
.landing-page-sections .sections-tabs .container .indicator {
background: #fff;
height: 3px;
border-radius: 4px;
top: -2px;
left: 0;
position: relative;
display: block;
transition: all .5s
}
@media (max-width:767.98px) {
.landing-page-sections .sections-tabs .container .indicator {
display: none
}
}
.landing-page-sections .sections-tabs ul {
height: 100%;
align-items: center;
list-style: none;
display: flex
}
@media (max-width:767.98px) {
.landing-page-sections .sections-tabs ul {
max-width: 100%;
overflow-x: scroll
}
.landing-page-sections .sections-tabs ul::-webkit-scrollbar {
display: none
}
}
@media (max-width:767.98px) {
.landing-page-sections .sections-tabs ul li {
flex: 0 0 auto !important
}
}
.landing-page-sections .sections-tabs ul li a {
font-size: 15px;
line-height: 20px;
text-align: center;
letter-spacing: -.01em;
color: #c4c4c4;
display: flex;
align-items: center;
justify-content: center;
text-align: center
}
@media (max-width:767.98px) {
.landing-page-sections .sections-tabs ul li a {
text-align: left;
justify-content: flex-start;
white-space: nowrap;
padding-right: 30px
}
}
.landing-page-sections .sections-tabs ul li.active a {
color: #fff
}
header.out-of-view~.landing-page-sections .sections-tabs {
top: 0
}
.section-type-articles .sec-top {
padding: 80px 0 0
}
@media (max-width:1023.98px) {
.section-type-articles .sec-top {
padding: 60px 0 0
}
}
@media (max-width:767.98px) {
.section-type-articles .sec-top {
padding: 40px 0 0
}
}
@media (max-width:1023.98px) {
.section-type-articles .sec-top .h2 {
font-size: 34px;
line-height: 38px
}
}
.section-type-articles .sec-bottom {
padding-bottom: 80px
}
@media (max-width:1023.98px) {
.section-type-articles .sec-bottom {
padding-bottom: 60px
}
}
@media (max-width:767.98px) {
.section-type-articles .sec-bottom {
padding-bottom: 40px
}
}
.section-type-articles .article-item {
margin-top: 60px
}
@media (min-width:768px) {
.section-type-articles .article-item:nth-child(5n+1) .thumbnail-container {
padding-bottom: 77%
}
.section-type-articles .article-item:nth-child(5n+2) .thumbnail-container {
padding-bottom: 100%
}
.section-type-articles .article-item:nth-child(5n+3) .thumbnail-container {
padding-bottom: 100%
}
.section-type-articles .article-item:nth-child(5n+4) .thumbnail-container {
padding-bottom: 71%
}
.section-type-articles .article-item:nth-child(5n+5) .thumbnail-container {
padding-bottom: 153%
}
}
.section-type-event {
padding-top: 80px;
padding-bottom: 40px
}
@media (max-width:1023.98px) {
.section-type-event {
padding-top: 60px
}
}
@media (max-width:767.98px) {
.section-type-event {
padding-top: 40px
}
}
.section-type-event .banner {
background: #fff
}
.episodes .episode-item {
padding: 40px 0;
border-top: 1px solid #000
}
.episodes .episode-item .item-no {
font-size: 15px;
line-height: 20px;
letter-spacing: -.01em;
text-transform: uppercase;
color: #121212
}
@media (max-width:1023.98px) {
.episodes .episode-item .h2 {
font-size: 32px;
line-height: 36px
}
}
@media (max-width:767.98px) {
.episodes .episode-item .h2 {
margin-top: 8px
}
}
.episodes .episode-item h5 {
margin-top: 10px;
font-size: 18px;
line-height: 26px;
letter-spacing: -.02em;
color: #767676
}
.episodes .episode-item .head {
position: relative
}
.episodes .episode-item .head button {
position: absolute;
width: 22px;
height: 22px;
right: 0;
top: 0;
-webkit-appearance: none;
padding: 0;
background: 0 0;
border: none;
outline: 0;
cursor: pointer
}
.episodes .episode-item .body {
visibility: hidden;
opacity: 0;
transform: translate(0, -20px);
max-height: 0;
font-size: 20px;
transition: .3s max-height 0s, .5s opacity .2s, .5s transform .2s
}
.episodes .episode-item .body p {
margin-top: 15px
}
.episodes .episode-item.active {
transition: .3s max-height 0s, .5s opacity 0s, .5s transform 0s
}
.episodes .episode-item.active .body {
visibility: visible;
opacity: 1;
transform: translate(0, 0);
max-height: 100vh;
padding-top: 20px
}
.episodes .episode-item.active button svg rect:nth-child(1) {
display: none
}
.search-list {
padding-bottom: 60px
}
.search-list .article-item {
margin-top: 60px
}
@media (max-width:767.98px) {
.search-list .article-item {
margin-top: 40px
}
}
.search-list .article-item h3 {
font-size: 32px;
line-height: 36px
}
.search-list .article-item:not(.view-list):nth-child(8n+1) .thumbnail-container {
padding-bottom: 110%
}
.search-list .article-item:not(.view-list):nth-child(8n+2) .thumbnail-container {
padding-bottom: 56%
}
.search-list .article-item:not(.view-list):nth-child(8n+3) .thumbnail-container {
padding-bottom: 76%
}
.search-list .article-item:not(.view-list):nth-child(8n+4) .thumbnail-container {
padding-bottom: 56%
}
.search-list .article-item:not(.view-list):nth-child(8n+5) .thumbnail-container {
padding-bottom: 56%
}
.search-list .article-item:not(.view-list):nth-child(8n+6) .thumbnail-container {
padding-bottom: 115%
}
.search-list .article-item:not(.view-list):nth-child(8n+7) .thumbnail-container {
padding-bottom: 90%
}
.search-list .article-item:not(.view-list):nth-child(8n+8) .thumbnail-container {
padding-bottom: 110%
}
.no-results-top {
padding: 80px 0 0
}
@media (max-width:1023.98px) {
.no-results-top {
padding: 60px 0 0
}
}
@media (max-width:767.98px) {
.no-results-top {
padding: 40px 0 0
}
}
.no-results-top .h1 {
margin-bottom: 24px
}
@media (max-width:1023.98px) {
.no-results-top .h1 {
font-size: 46px;
line-height: 48px
}
}
@media (max-width:767.98px) {
.no-results-top .h1 {
font-size: 40px;
line-height: 44px
}
}
.suggested-tags {
padding: 80px 0 80px
}
@media (max-width:1023.98px) {
.suggested-tags {
padding: 60px 0 80px
}
}
@media (max-width:767.98px) {
.suggested-tags {
padding: 40px 0 40px
}
}
@media (max-width:767.98px) {
.suggested-tags .h2 {
font-size: 34px;
line-height: 38px
}
}
.suggested-tags .topics-list a {
margin-top: 30px;
display: inline-block
}
@media (max-width:767.98px) {
.suggested-tags .topics-list a {
margin-right: 20px;
margin-top: 20px;
font-size: 14px
}
}
.contributors-list {
margin-bottom: 6rem
}
@media (min-width:1024px) {
.contributors-list {
margin-bottom: 8rem
}
}
.contributors-list .author-item {
border-top: 1px solid #181818;
padding: 4rem 0
}
.contributors-list .author-item:last-child {
border-bottom: 1px solid #181818
}
.contributors-list .author-item .author-avatar {
width: 90px;
height: 90px;
padding-bottom: 0 !important
}
@media (max-width:767.98px) {
.contributors-list .author-item .author-avatar {
margin-bottom: 2rem
}
}
.contributors-list .author-item .content {
margin-bottom: 2rem
}
.contributors-list .author-item .content .name {
display: block;
font-size: 22px;
font-weight: 500;
letter-spacing: -.04em;
color: #181818
}
.contributors-list .author-item .content .title {
display: block;
font-size: 22px;
letter-spacing: -.03em;
color: #181818
}
.contributors-list .author-item .content .company {
display: block;
font-size: 22px;
line-height: 28px;
letter-spacing: -.03em;
color: #767676
}
.contributors-list .author-item .content .bio {
margin-top: 2rem;
font-size: 22px;
letter-spacing: -.02em;
color: #767676
}
@media (min-width:768px) {
.contributors-list .author-item .content {
margin-bottom: 0
}
.contributors-list .author-item .content .name,
.contributors-list .author-item .content .title,
.contributors-list .author-item .content .company,
.contributors-list .author-item .content .bio {
font-size: 18px
}
}
@media (max-width:767.98px) {
.contributors-list .author-item .list-view-arrow {
margin-top: 40px
}
}
.contributors-list .author-item .list-view-arrow a {
width: 42px;
height: 42px;
display: inline-block
}
.contributors-list .author-item .list-view-arrow a svg {
width: 100%;
height: auto
}
.page-top .author-page-avatar,
.page-top .author-headshot {
width: 100%;
height: auto;
margin-bottom: 40px;
border-radius: 50%;
max-width: 90px
}
.page-top .author-title {
display: block;
font-size: 18px;
line-height: 26px;
letter-spacing: -.03em;
color: #181818
}
.page-top .author-company {
display: block;
font-size: 18px;
line-height: 26px;
letter-spacing: -.03em;
color: #777
}
@media (max-width:767.98px) {
.page-top .author-company {
margin-bottom: 40px
}
}
.page-top .author-social {
display: flex;
gap: 2rem;
align-items: center;
margin-top: 6rem
}
.page-top .author-social p {
margin: 0
}
.page-top .author-social a {
display: inline-flex
}
.page-top .author-social a .we-icon-linkedin {
display: inline-block;
width: 32px;
height: 32px;
background-color: #181818;
-webkit-mask: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../icons/we-icon-linkedin.svg) no-repeat center;
mask: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../icons/we-icon-linkedin.svg) no-repeat center;
mask-size: 40px;
background-position: center
}
.page-top .author-social a .we-icon-X {
display: inline-block;
width: 32px;
height: 32px;
background-color: #181818;
-webkit-mask: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../icons/we-icon-X.svg) no-repeat center;
mask: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../icons/we-icon-X.svg) no-repeat center;
mask-size: 32px;
background-position: center
}
.page-top .author-social a .we-icon-facebook {
display: inline-block;
width: 32px;
height: 32px;
background-color: #181818;
-webkit-mask: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../icons/we-icon-facebook.svg) no-repeat center;
mask: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../icons/we-icon-facebook.svg) no-repeat center;
mask-size: 32px;
background-position: center
}
.page-top .bio {
margin: 6rem 0
}
@media (min-width:1024px) {
.page-top .bio {
margin: 8rem 0
}
}
.page-top .bio .more {
white-space: nowrap;
color: #777;
display: block
}
.page-top .bio .full {
display: none
}
.about-video {
background: #181818;
padding-top: 80px
}
@media (max-width:1023.98px) {
.about-video {
padding-top: 60px
}
}
@media (max-width:767.98px) {
.about-video {
padding-top: 40px
}
}
.about-video .wp-post-image {
width: 100%;
height: auto;
border-radius: 30px;
margin-bottom: 40px
}
.about-video .video-container {
margin-bottom: 40px
}
.about-video .tagline {
font-size: 15px;
line-height: 20px;
letter-spacing: -.02em;
text-transform: uppercase;
color: #fff
}
.about-video .h2 {
margin-top: 8px;
color: #fff;
padding-bottom: 80px
}
@media (max-width:767.98px) {
.about-video .h2 {
padding-bottom: 40px;
font-size: 32px;
line-height: 36px
}
}
.about-more-like-this {
background: #181818;
padding-bottom: 110px
}
.about-more-like-this .slider-top {
padding-top: 80px;
border-top: 1px solid #fff;
padding-bottom: 80px
}
@media (max-width:1023.98px) {
.about-more-like-this .slider-top {
padding-top: 60px;
padding-bottom: 60px
}
}
@media (max-width:767.98px) {
.about-more-like-this .slider-top {
padding-top: 40px;
padding-bottom: 40px
}
}
.about-more-like-this .slider-top .h2 {
color: #fff
}
@media (max-width:767.98px) {
.about-more-like-this .slider-top .h2 {
font-size: 32px;
line-height: 36px
}
}
.about-more-like-this .drag-slider {
width: 100%
}
.about-more-like-this .slider-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap
}
.about-more-like-this .slider-items .slider-item {
margin-right: 20px;
flex: 0 0 100%;
max-width: 312px;
padding-right: 0;
padding-bottom: 60px
}
@media (max-width:1023.98px) {
.about-more-like-this .slider-items .slider-item {
max-width: 282px
}
}
@media (max-width:767.98px) {
.about-more-like-this .slider-items .slider-item {
max-width: 80%;
margin-right: 10px
}
}
.about-more-like-this .slider-items .article-item * {
color: #fff
}
.about-more-like-this .slider-items .article-item .thumbnail-container {
padding-bottom: 56%
}
.about-more-like-this .slider-items .article-item .thumbnail .article-type span,
.about-more-like-this .slider-items .article-item .author {
display: none
}
.about-creators {
padding: 80px 0
}
@media (max-width:1023.98px) {
.about-creators {
padding: 60px 0
}
}
@media (max-width:767.98px) {
.about-creators {
padding: 40px 0
}
}
.about-creators .author-item .content .bio {
display: none
}
.about-blocks {
background: #181818;
padding: 110px 0 50px
}
@media (max-width:767.98px) {
.about-blocks {
padding: 20px 0
}
}
.about-blocks .block-item {
padding-bottom: 60px
}
@media (max-width:767.98px) {
.about-blocks .block-item {
border-bottom: 1px solid #fff;
padding-bottom: 48px;
padding-top: 48px
}
.about-blocks .block-item:last-child {
border-bottom: none
}
}
.about-blocks .block-item img {
max-height: 40px;
width: auto
}
.about-blocks .block-item h4 {
font-size: 32px;
line-height: 36px;
letter-spacing: -.04em;
color: #fff;
margin: 15px 0 20px
}
.about-blocks .block-item p {
font-size: 18px;
line-height: 26px;
letter-spacing: -.02em;
color: #fff;
margin-bottom: 33px
}
.about-blocks .block-item .btn-secondary-o {
display: inline-block
}
.tag-top {
padding: 80px 0 0
}
.tag-top .h1 {
margin-bottom: 24px
}
@media (max-width:1023.98px) {
.tag-top .h1 {
font-size: 46px;
line-height: 48px
}
}
.contact-top {
padding: 80px 0
}
@media (max-width:1023.98px) {
.contact-top {
padding: 60px 0
}
}
@media (max-width:767.98px) {
.contact-top {
padding: 40px 0
}
}
@media (max-width:1023.98px) {
.contact-top .h1 {
font-size: 46px;
line-height: 48px
}
}
@media (max-width:767.98px) {
.contact-top .h1 {
font-size: 40px;
line-height: 44px
}
}
.contact-top .h1~p {
margin-top: 20px;
font-size: 24px;
line-height: 32px;
letter-spacing: -.02em;
color: #181818
}
@media (max-width:767.98px) {
.contact-top .h1~p {
font-size: 22px
}
}
.contact-top .contact-form {
margin-top: 60px
}
@media (max-width:767.98px) {
.contact-top .contact-form {
margin-top: 40px
}
}
.contact-top .contact-form div {
margin-bottom: 15px
}
.contact-top .contact-form input:not([type=submit]),
.contact-top .contact-form textarea:not([type=submit]),
.contact-top .contact-form select:not([type=submit]) {
border: 1px solid #cbcbcb;
box-sizing: border-box;
border-radius: 30px;
padding: 16px 22px;
width: 100%;
font-size: 18px;
line-height: 20px;
letter-spacing: -.01em;
color: #181818;
font-family: "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
outline: 0;
max-width: 100%;
-webkit-appearance: none
}
.contact-top .contact-form input:not([type=submit])::placeholder,
.contact-top .contact-form textarea:not([type=submit])::placeholder,
.contact-top .contact-form select:not([type=submit])::placeholder {
color: #767676
}
.contact-top .contact-form select {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgOSA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAwLjVMNC41IDMuNUw4IDAuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
background-size: 12px 5px !important;
background-repeat: no-repeat !important;
background-position: right 20px center !important
}
.contact-top .contact-form .btn-primary {
cursor: pointer;
color: #fff;
border: none;
outline: none;
-webkit-appearance: none
}
@media (min-width:1024px) {
.contact-top .contact-form .btn-primary {
max-width: 100px;
float: right
}
}
.contact-top .contact-form .wpcf7-response-output {
margin-top: 80px;
padding: 30px;
font-size: 15px
}
.contact-top .contact-form .wpcf7-response-output:before {
content: " ";
display: table;
clear: both
}
.faq-banner {
background: #fff !important
}
.articles-list-actions {
display: flex;
justify-content: flex-end;
align-items: center;
column-gap: 3.6rem
}
@media (max-width:767.98px) {
.articles-list-actions {
justify-content: space-between
}
}
.articles-list-actions button {
-webkit-appearance: none;
border: none;
background: #fff;
outline: 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
column-gap: 1rem;
height: auto;
padding: 0;
width: auto
}
.articles-list-actions button.filter {
flex-flow: row-reverse
}
@media (min-width:768px) {
.articles-list-actions button.filter {
flex-flow: row
}
}
.articles-list-actions button span {
font-size: 14px;
line-height: 32px;
letter-spacing: -.01em;
color: #181818
}
@media (min-width:1024px) {
.articles-list-actions button span {
font-size: 15px
}
}
.articles-list-actions button.view {
display: none
}
@media (min-width:768px) {
.articles-list-actions button.view {
display: flex
}
}
.articles-list-actions button.view .filter-dropdown>a {
min-width: 100px;
display: flex;
align-items: center;
justify-content: space-between
}
.articles-list-actions button.view .filter-dropdown>a svg {
height: 20px
}
.articles-list-actions button .filter-dropdown {
position: absolute;
background: #fff;
border: 1px solid #cbcbcb;
border-radius: 30px;
flex-direction: column;
padding: 22px;
bottom: 1px;
z-index: 10;
transform: translate(0, calc(100% - 5px));
right: 0;
display: flex;
visibility: hidden;
opacity: 0;
cursor: default;
transition: all .3s
}
.articles-list-actions button .filter-dropdown>a {
cursor: pointer;
font-size: 15px;
line-height: 32px;
letter-spacing: -.01em;
color: #121212;
display: block;
text-align: left;
min-width: 70px;
opacity: .7
}
.articles-list-actions button .filter-dropdown>a.active {
opacity: 1;
text-shadow: 0px 0px 0px #000
}
.articles-list-actions button .filter-dropdown.select>a {
position: relative;
display: flex;
align-items: center
}
.articles-list-actions button .filter-dropdown.select>a:before {
content: " ";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgcng9IjUuNSIgc3Ryb2tlPSIjQ0JDQkNCIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-size: cover;
display: inline-block;
margin-right: 10px
}
.articles-list-actions button .filter-dropdown.select>a.active:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjczMzggNi4yOTI4NUMxNC41NjMxIDYuMTA1MzQgMTQuMzMxNyA2IDE0LjA5MDQgNkMxMy44NDkgNiAxMy42MTc2IDYuMTA1MzQgMTMuNDQ3IDYuMjkyODVMOC42MzAxMSAxMS41ODZMNi41NDM1NCA5LjI5Mjk1QzYuMzcyMDIgOS4xMTAxMiA2LjE0MTk2IDkuMDA4NzcgNS45MDMwMiA5LjAxMDc3QzUuNjY0MDkgOS4wMTI3OCA1LjQzNTQ1IDkuMTE3OTkgNS4yNjY1IDkuMzAzNjdDNS4wOTc1NSA5LjQ4OTM2IDUuMDAxODMgOS43NDA2MyA1LjAwMDAzIDEwLjAwMzJDNC45OTgyMiAxMC4yNjU4IDUuMDkwNDYgMTAuNTE4NiA1LjI1Njg0IDEwLjcwNzFMNy45ODY3NiAxMy43MDcyQzguMTU3NCAxMy44OTQ3IDguMzg4ODEgMTQgOC42MzAxMSAxNEM4Ljg3MTQgMTQgOS4xMDI4MSAxMy44OTQ3IDkuMjczNDYgMTMuNzA3MkwxNC43MzMzIDcuNzA3QzE0LjkwNCA3LjUxOTUyIDE0Ljk5OTkgNy4yNjUyMiAxNSA3LjAwMDAzQzE1LjAwMDEgNi43MzQ4MyAxNC45MDQzIDYuNDgwNDUgMTQuNzMzOCA2LjI5Mjg1WiIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgcng9IjUuNSIgc3Ryb2tlPSIjNzY3Njc2Ii8+Cjwvc3ZnPgo=")
}
.articles-list-actions button .filter-dropdown a[data-sortby=ASC],
.articles-list-actions button .filter-dropdown a[data-filter=podcast] {
display: none
}
.articles-list-actions button:hover .filter-dropdown {
transform: translate(0, calc(100% + 5px));
opacity: 1;
visibility: visible;
display: flex
}
@media (max-width:767.98px) {
.articles-list-actions button.filter .filter-dropdown {
right: unset;
left: 0
}
}
.footer-subscribe {
background: #181818;
padding: 60px 0;
color: #767676
}
.footer-subscribe h2 {
font-size: 64px;
line-height: 64px;
letter-spacing: -.04em;
color: #fff
}
@media (max-width:1023.98px) {
.footer-subscribe h2 {
font-size: 46px;
line-height: 46px
}
}
.footer-subscribe p {
font-size: 18px;
line-height: 26px;
margin-top: 20px;
display: flex;
align-items: flex-end;
letter-spacing: -.02em
}
.footer-subscribe form~p {
font-size: 14px;
line-height: 22px
}
@media (min-width:1024px) {
.footer-subscribe {
padding: 80px 0
}
.footer-subscribe form~p {
width: 66%
}
}
.footer-subscribe form .form-wrapper {
position: relative
}
.footer-subscribe form .form-wrapper .form-success-notice {
font-size: 18px;
line-height: 26px;
margin-top: 20px;
display: flex;
align-items: flex-end;
letter-spacing: -.02em;
color: #fff
}
.footer-subscribe form .form-wrapper input {
width: 100%;
padding: 25px 80px 25px 30px;
height: auto;
border: 1px solid #4f4f4f;
border-radius: 100px;
background: 0 0;
-webkit-appearance: none;
font-size: 18px;
line-height: 26px;
letter-spacing: -.02em;
color: #fff;
outline: 0
}
.footer-subscribe form .form-wrapper input::placeholder {
color: #818181;
font-size: 18px;
line-height: 26px;
letter-spacing: -.02em
}
.footer-subscribe form .form-wrapper label.error {
color: #fff;
font: 400 14px/28px Roboto;
letter-spacing: 0px;
display: block;
margin-top: 4px
}
.footer-subscribe form .form-wrapper button {
padding: 0;
background: 0 0;
border: none;
outline: 0;
-webkit-appearance: none;
position: absolute;
width: 56px;
height: 56px;
border-radius: 100px;
overflow: hidden;
right: 10px;
top: 10px;
cursor: pointer;
will-change: transform
}
.footer-subscribe form .form-wrapper button svg {
width: 56px;
height: 56px
}
.footer-subscribe form .form-wrapper button svg circle,
.footer-subscribe form .form-wrapper button svg rect {
transition: all .3s
}
.footer-subscribe form .form-wrapper button:hover svg circle {
fill: #078855
}
.footer-subscribe form .form-wrapper button:hover svg rect {
fill: #fff
}
.footer-subscribe form p {
margin-top: 20px;
font-size: 14px;
line-height: 22px;
max-width: 100%;
display: flex;
align-items: center;
letter-spacing: -.2px
}
.footer-partnership {
margin-bottom: 2rem
}
.footer-partnership h2 {
font-size: 14px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
color: #767676
}
.footer-partnership img {
width: 100%;
height: auto
}
@media (min-width:1024px) {
.footer-partnership {
margin-bottom: 10rem
}
}
footer.site-footer {
background: #181818;
color: #fff;
padding: 4rem 0
}
footer.site-footer .footer-menus .menu-item {
margin-bottom: 2rem;
line-height: 18px
}
footer.site-footer .footer-menus .menu-item a {
color: #fff;
font-size: 15px;
font-weight: 400;
transition: border .3s;
display: inline-block
}
footer.site-footer .footer-menus .menu-item a:hover {
text-decoration: underline
}
footer.site-footer .footer-menus label {
color: #fff;
font-size: 16px;
line-height: 22px;
font-weight: 600;
letter-spacing: -.02em;
text-align: inherit;
padding-bottom: 3.2rem
}
@media (min-width:1024px) {
footer.site-footer .footer-menus label {
font-size: 18px;
line-height: 26px
}
}
footer.site-footer .footer-menus .tab input {
display: none
}
footer.site-footer .footer-menus .tab input:checked~.tab-content {
max-height: 100vh;
margin-bottom: 1.5rem
}
footer.site-footer .footer-menus .tab input:checked+.tab-label:after {
transform: rotate(-180deg)
}
footer.site-footer .footer-menus .tab .tab-content {
max-height: 0;
overflow: hidden;
transition: all .35s;
margin-bottom: 0
}
footer.site-footer .footer-menus .tab .tab-label {
display: flex;
cursor: pointer;
justify-content: space-between;
align-items: center
}
footer.site-footer .footer-menus .tab .tab-label:after {
font-family: icomoon;
content: "\e904";
transition: all .5s;
font-size: 12px;
text-align: center;
transition: all .35s
}
@media (min-width:1024px) {
footer.site-footer .footer-menus .tab .tab-content {
display: block;
max-height: 100vh
}
footer.site-footer .footer-menus .tab .tab-label {
cursor: default;
border: none
}
footer.site-footer .footer-menus .tab .tab-label:after {
content: "" !important
}
}
footer.site-footer .social-links {
display: flex;
justify-content: flex-start;
align-items: center;
column-gap: 2rem
}
footer.site-footer .social-links li {
display: inline-flex
}
footer.site-footer .social-links li a {
display: inline-flex
}
footer.site-footer .social-links li a:hover {
border-bottom: none !important
}
@media (min-width:1024px) {
footer.site-footer .social-links {
column-gap: 3rem
}
}
footer.site-footer .footer-bottom {
margin-top: 8rem;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
justify-content: flex-start
}
@media (min-width:1024px) {
footer.site-footer .footer-bottom {
flex-direction: row;
justify-content: space-between;
align-items: flex-end
}
}
footer.site-footer .footer-bottom .copyright-text,
footer.site-footer .footer-bottom .copyright-text p,
footer.site-footer .footer-bottom .terms-menu>li a,
footer.site-footer .footer-bottom .terms-menu>li {
font-size: 12px;
line-height: 18px;
letter-spacing: -.01em;
margin: 0
}
footer.site-footer .footer-bottom .copyright-text {
color: #818181;
padding-top: 1.2rem
}
footer.site-footer .footer-bottom .terms-menu {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 2rem;
margin-top: 8rem
}
@media (min-width:1024px) {
footer.site-footer .footer-bottom .terms-menu {
justify-content: flex-end;
flex-direction: row;
margin: 0
}
}
footer.site-footer .footer-bottom .terms-menu>li {
padding-top: 1.2rem
}
footer.site-footer .footer-bottom .terms-menu>li a {
color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0)
}
footer.site-footer .footer-bottom .terms-menu>li a:hover {
color: #fff;
border-bottom: 1px solid #fff
}
footer.site-footer .footer-bottom .terms-menu>li.menu-item-language-current {
display: flex;
gap: .5rem;
position: relative;
align-items: center
}
footer.site-footer .footer-bottom .terms-menu>li.menu-item-language-current:before {
content: "";
background-image: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../icons/we-icon-language.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
width: 16px;
height: 16px
}
footer.site-footer .footer-bottom .terms-menu>li.menu-item-language-current:after {
font-family: icomoon;
content: "\e904";
transition: all .5s;
font-size: 10px;
text-align: center;
transition: all .35s;
margin-left: .5rem
}
footer.site-footer .footer-bottom .terms-menu>li.menu-item-language-current .sub-menu {
position: absolute;
bottom: 3rem;
padding: 1rem;
background: #fff;
border-radius: 15px;
display: none;
left: 0
}
@media (min-width:1024px) {
footer.site-footer .footer-bottom .terms-menu>li.menu-item-language-current .sub-menu {
right: -20px;
left: auto
}
}
footer.site-footer .footer-bottom .terms-menu>li.menu-item-language-current .sub-menu:after {
content: ""
}
footer.site-footer .footer-bottom .terms-menu>li.menu-item-language-current .sub-menu li {
padding: .5rem 0;
white-space: nowrap
}
footer.site-footer .footer-bottom .terms-menu>li.menu-item-language-current .sub-menu li a {
color: #181818;
display: inline-block
}
footer.site-footer .footer-bottom .terms-menu>li.menu-item-language-current .sub-menu li a:hover {
border-bottom-color: #181818
}
footer.site-footer .footer-bottom .terms-menu>li.menu-item-language-current:hover .sub-menu {
display: block
}
@media (min-width:1024px) {
footer.site-footer {
padding: 8rem 0
}
}
.home-hero .hero-logo {
font-size: 56px;
line-height: 1;
display: none
}
@media (min-width:768px) {
.home-hero .hero-logo {
font-size: clamp(64px, 6.4vw, 100px);
letter-spacing: -0.04em;
display: block
}
}
.home-hero .hero-top {
margin-top: 100px;
display: flex;
justify-content: space-between;
margin-bottom: 120px
}
@media (max-width:1279.98px) {
.home-hero .hero-top {
margin-bottom: 90px
}
}
@media (max-width:1023.98px) {
.home-hero .hero-top {
margin-top: 75px;
flex-direction: column
}
}
@media (max-width:767.98px) {
.home-hero .hero-top {
margin-bottom: 60px
}
}
.home-hero .hero-top .hero-title h1 {
font-size: 40px;
line-height: 44px;
letter-spacing: -.02em;
color: #181818
}
.home-hero .hero-tabs {
position: sticky;
top: 0
}
.home-hero .hero-tabs .active-thumbnail {
width: 100%;
height: 617px;
transition: all 1.5s;
position: relative
}
@media (max-width:1023.98px) {
.home-hero .hero-tabs .active-thumbnail {
height: 330px
}
}
@media (max-width:767.98px) {
.home-hero .hero-tabs .active-thumbnail {
padding-bottom: 0;
height: 250px
}
}
.home-hero .hero-tabs .active-thumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: .2s opacity .2s, 3s transform .3s;
opacity: 0;
transform: scale(1.02);
object-fit: cover
}
.home-hero .hero-tabs .active-thumbnail img.active {
transform: scale(1.07);
transition: .2s opacity 0s, 3s transform 0s;
opacity: 1
}
.home-hero .hero-tabs .active-thumbnail.init img {
border-radius: 0
}
.home-hero .hero-tabs .list-container {
position: relative
}
@media (max-width:1023.98px) {
.home-hero .hero-tabs .list-container {
max-width: 100%;
overflow: hidden;
padding-left: 35px
}
.home-hero .hero-tabs .list-container::-webkit-scrollbar {
display: none
}
}
@media (max-width:767.98px) {
.home-hero .hero-tabs .list-container {
padding-left: 25px
}
}
.home-hero .hero-tabs .list-container .hero-slider-arrow {
-webkit-appearance: none;
padding: 0;
background: 0 0;
border: none;
outline: 0;
cursor: pointer;
position: absolute;
top: calc(50% - 36px);
transform: translate(0, -50%)
}
.home-hero .hero-tabs .list-container .hero-slider-arrow svg path {
opacity: 0;
transition: all .5s
}
.home-hero .hero-tabs .list-container .hero-slider-arrow:hover svg path {
opacity: 1
}
.home-hero .hero-tabs .list-container .hero-slider-arrow.prev {
left: 0
}
.home-hero .hero-tabs .list-container .hero-slider-arrow.next {
right: 0
}
.home-hero .hero-tabs .hero-tabs-list {
margin-top: 45px;
display: flex;
justify-content: flex-start;
align-items: stretch;
position: relative;
border-bottom: 1px solid #777
}
@media (max-width:1023.98px) {
.home-hero .hero-tabs .hero-tabs-list {
width: 900px
}
}
.home-hero .hero-tabs .hero-tabs-list>.item {
flex: 0 0 33.33%;
padding-bottom: 40px;
padding-right: 100px;
opacity: .3;
transition: all .3s;
position: relative
}
.home-hero .hero-tabs .hero-tabs-list>.item .indicator {
position: absolute;
height: 4px;
display: block;
background: #000;
border-radius: 5px;
bottom: -2px;
left: 0;
width: 0;
right: 0
}
@media (max-width:1279.98px) {
.home-hero .hero-tabs .hero-tabs-list>.item {
transition: all .8s;
padding-right: 30px;
min-width: 300px
}
}
.home-hero .hero-tabs .hero-tabs-list>.item a {
display: block
}
.home-hero .hero-tabs .hero-tabs-list>.item a span {
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
color: #000;
opacity: .9
}
.home-hero .hero-tabs .hero-tabs-list>.item a h3 {
font-size: 32px;
line-height: 36px;
letter-spacing: -.02em;
color: #181818
}
.home-hero .hero-tabs .hero-tabs-list>.item.active {
opacity: 1
}
.home-hero .hero-tabs .hero-tabs-list>.item.active .indicator {
transition: width 4s linear;
width: 100%
}
.home-hero .hero-tabs .hero-tabs-list>.item:hover .indicator {
transition: none !important;
width: 100% !important
}
@media (min-width:1024px) {
.home-hero .hero-tabs .hero-tabs-list>.item:hover {
opacity: 1
}
.home-hero .hero-tabs .hero-tabs-list>.item:hover a h3 {
text-decoration: underline
}
}
.home-hero .hero-tabs .thumbnail-container {
transition: all .5s
}
.home-hero .hero-tabs .active-thumbnail {
border-radius: 500px;
will-change: transform;
overflow: hidden;
transition: all .5s
}
.home-hero .hero-tabs.expanded .thumbnail-container {
max-width: 1920px !important;
border-radius: 0;
padding-left: 0 !important;
padding-right: 0 !important
}
@media (max-width:767.98px) {
.home-hero .hero-tabs.expanded .thumbnail-container {
max-width: 100% !important
}
}
.home-hero .hero-tabs.expanded .active-thumbnail {
border-radius: 0
}
.partners {
padding: 80px 0 160px
}
@media (max-width:767.98px) {
.partners {
padding: 40px 0 80px
}
}
.partners h2 {
font-size: 14px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
color: #767676
}
.partners .logos {
margin: 0 auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap
}
@media (max-width:767.98px) {
.partners .logos {
justify-content: center
}
}
.partners .logos>div {
margin-top: 40px;
padding: 0 70px;
flex: 0 0 25%
}
@media (max-width:1279.98px) {
.partners .logos>div {
padding: 0 40px
}
}
@media (max-width:767.98px) {
.partners .logos>div {
padding: 0 15px;
flex: 0 0 33.33%;
text-align: center
}
}
.partners .logos>div img {
height: auto;
width: 100%
}
.banner {
background: #f2f2f2;
padding: 64px 0
}
.banner .banner-container {
background: #181818;
border-radius: 30px;
padding: 74px 0;
display: flex;
align-items: flex-start
}
@media (max-width:1279.98px) {
.banner .banner-container {
padding: 60px 0
}
}
@media (max-width:767.98px) {
.banner .banner-container {
flex-direction: column-reverse;
padding: 30px;
align-items: flex-start;
justify-content: flex-start
}
}
.banner .banner-container .content h2 {
font-size: 46px;
line-height: 48px;
letter-spacing: -.04em;
color: #fff;
margin-bottom: 1rem
}
@media (min-width:768px) {
.banner .banner-container .content h2 {
font-size: 64px;
line-height: 64px;
margin-bottom: 2rem
}
}
.banner .banner-container .content p {
font-size: 18px;
line-height: 26px;
display: flex;
align-items: flex-end;
letter-spacing: -.02em;
margin-bottom: 3rem;
color: #818181
}
.banner .banner-container .content .btn-secondary-o {
margin-top: 30px;
display: inline-block
}
@media (max-width:1279.98px) {
.banner .banner-container .content .btn-secondary-o {
width: 100%
}
}
.banner .banner-container .circle-img {
width: 100%;
padding-bottom: 100%;
position: relative
}
@media (max-width:767.98px) {
.banner .banner-container .circle-img {
margin-bottom: 30px
}
}
.banner .banner-container .circle-img>img {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 50%;
will-change: transform;
object-fit: cover
}
.card-outlined {
padding-top: 3rem;
border-top: 1px solid #4f4f4f
}
.card-outlined:hover h3 {
text-decoration: underline
}
@media (min-width:1024px) {
.card-outlined {
padding: 3rem;
border-radius: 3rem;
border: 1px solid #c4c4c4
}
.card-outlined:hover {
border: 1px solid #181818
}
.dark .card-outlined:hover {
border: 1px solid #fff
}
}
.wp-block-image img {
width: 100%;
height: auto;
border-radius: 1.5rem
}
.home-highlights {
background: #181818;
overflow-x: hidden;
padding: 120px 0 160px
}
.home-highlights .slider-top {
margin-bottom: 160px
}
.home-highlights .slider-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap
}
.home-highlights .slider-items .slider-item {
flex: 0 0 100%;
padding-right: 20px;
padding-bottom: 80px;
cursor: grab;
max-width: 80%;
margin-right: 10px
}
.home-highlights .slider-items .slider-item * {
user-drag: none;
-webkit-user-drag: none;
-moz-user-select: none;
user-select: none
}
.home-highlights .slider-items .slider-item .thumbnail {
width: 100%;
padding-bottom: 100%;
border-radius: 500px;
overflow: hidden;
position: relative;
will-change: transform
}
.home-highlights .slider-items .slider-item .thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.home-highlights .slider-items .slider-item h3 {
font-size: 34px;
line-height: 38px;
margin-top: 40px;
letter-spacing: -.04em;
color: #fff;
cursor: pointer
}
.home-highlights .slider-items .slider-item p {
font-size: 18px;
line-height: 26px;
letter-spacing: -.02em;
margin-top: 10px;
color: #818181
}
.home-highlights .slider-items .slider-item a:hover {
text-decoration: underline;
color: #fff
}
.home-highlights .drag-slider {
padding-left: var(--bs-gutter-x, .75rem);
width: 100vw
}
.home-highlights .drag-slider .simplebar-track.simplebar-horizontal {
width: calc(100vw - var(--bs-gutter-x, 0.75rem));
padding-left: calc(var(--bs-gutter-x, 0.75rem) + 25vw);
left: auto;
right: 0
}
.home-highlights .slider-top .content h2 {
font-size: 46px;
line-height: 48px;
letter-spacing: -.04em;
color: #fff;
margin-bottom: 2rem
}
.home-highlights .slider-top .content p {
font-size: 18px;
line-height: 26px;
letter-spacing: -.02em;
color: #818181
}
@media (min-width:768px) {
.home-highlights .slider-items .slider-item {
max-width: 424px;
margin-right: 20px
}
.home-highlights .drag-slider {
padding-left: calc(var(--bs-gutter-x, 0.75rem) + 25%)
}
.home-highlights .drag-slider .simplebar-track.simplebar-horizontal {
width: calc(75.5vw - var(--bs-gutter-x, 0.75rem));
padding-left: calc(var(--bs-gutter-x, 0.75rem) + 25vw)
}
}
@media (min-width:1024px) {
.home-highlights .slider-top .content h2 {
font-size: 64px;
line-height: 64px
}
.home-highlights .slider-top .content p {
font-size: 24px;
line-height: 32px
}
.home-highlights .slider-items .slider-item {
max-width: 342px
}
.home-highlights .slider-items .slider-item h3 {
font-size: 40px;
line-height: 44px
}
.wp-block-image img {
border-radius: 3rem
}
.card-outlined .wp-block-image img {
border-radius: 1.5rem
}
}
.row[class*=" wp-container-core-columns-is-layout-"] {
flex-wrap: wrap
}
.wp-block-columns {
align-items: normal !important;
box-sizing: border-box;
display: flex;
flex-wrap: wrap !important
}
@media (min-width:782px) {
.wp-block-columns {
flex-wrap: nowrap !important
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
@media (max-width:781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width:782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
}
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: nowrap !important
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
overflow-wrap: break-word;
word-break: break-word
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-stretch {
align-self: stretch
}
.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-embed {
overflow-wrap: break-word
}
.wp-block-embed iframe {
max-width: 100%
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.77%
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%
}
.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-video {
box-sizing: border-box
}
.wp-block-video video {
vertical-align: middle;
width: 100%
}
@supports (position:sticky) {
.wp-block-video [poster] {
object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video :where(figcaption) {
margin-bottom: 1em;
margin-top: .5em
}
.has-regular-font-size {
font-size: 1em
}
.has-larger-font-size {
font-size: 2.625em
}
.has-normal-font-size {
font-size: var(--wp--preset--font-size--normal)
}
.has-huge-font-size {
font-size: var(--wp--preset--font-size--huge)
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
.items-justified-left {
justify-content: flex-start
}
.items-justified-center {
justify-content: center
}
.items-justified-right {
justify-content: flex-end
}
.items-justified-space-between {
justify-content: space-between
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important
}
.screen-reader-text:focus {
background-color: #ddd;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
html :where(.has-border-color) {
border-style: solid
}
html :where([style*=border-top-color]) {
border-top-style: solid
}
html :where([style*=border-right-color]) {
border-right-style: solid
}
html :where([style*=border-bottom-color]) {
border-bottom-style: solid
}
html :where([style*=border-left-color]) {
border-left-style: solid
}
html :where([style*=border-width]) {
border-style: solid
}
html :where([style*=border-top-width]) {
border-top-style: solid
}
html :where([style*=border-right-width]) {
border-right-style: solid
}
html :where([style*=border-bottom-width]) {
border-bottom-style: solid
}
html :where([style*=border-left-width]) {
border-left-style: solid
}
html :where(img[class*=wp-image-]) {
height: auto;
max-width: 100%
}
:where(figure) {
margin: 0 0 1em
}
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
}
@media screen and (max-width:600px) {
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: 0px
}
}
[data-simplebar] {
position: relative;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0
}
.simplebar-offset {
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch
}
.simplebar-content-wrapper {
direction: inherit;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%;
width: auto;
max-width: 100%;
max-height: 100%;
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
display: none;
width: 0;
height: 0
}
.simplebar-content:before,
.simplebar-content:after {
content: ' ';
display: table
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none
}
.simplebar-height-auto-observer-wrapper {
box-sizing: inherit !important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0
}
.simplebar-height-auto-observer {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden
}
[data-simplebar].simplebar-dragging {
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all
}
.simplebar-scrollbar {
position: absolute;
left: 0;
right: 0;
min-height: 10px
}
.simplebar-scrollbar:before {
position: absolute;
content: '';
background: #000;
border-radius: 7px;
left: 2px;
right: 2px;
opacity: 0;
transition: opacity .2s .5s linear
}
.simplebar-scrollbar.simplebar-visible:before {
opacity: .5;
transition-delay: 0s;
transition-duration: 0s
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px
}
.simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
left: 2px;
right: 2px
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 0;
bottom: 0;
min-height: 0;
min-width: 10px;
width: auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
right: auto;
left: 0
}
.simplebar-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: scrollbar !important
}
.simplebar-dummy-scrollbar-size>div {
width: 200%;
height: 200%;
margin: 10px 0
}
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none
}
.box-outlined {
padding: 1.5rem;
border-radius: 16px;
border-radius: 4.2666666667vw;
border: 1px solid #c4c4c4
}
.box-outlined .wp-block-image img {
border-radius: 16px;
max-height: 400px;
max-width: 100%;
object-fit: cover;
height: auto
}
.mb-6 {
margin-bottom: 6rem !important
}
.hide-on-mobile {
display: none
}
.ptb-default {
padding-top: 6rem;
padding-bottom: 6rem
}
.ptb-small {
padding-top: 4rem;
padding-bottom: 4rem
}
.ptb-smaller {
padding-top: 2rem;
padding-bottom: 2rem
}
.ptb-smallest {
padding-top: 1rem;
padding-bottom: 1rem
}
@media only screen and (min-width:767px) {
.box-outlined {
border-radius: 30px !important;
border-radius: 2.0833333333vw !important
}
}
@media only screen and (min-width:1024px) {
.ptb-default {
padding-top: 8rem;
padding-bottom: 6rem
}
.ptb-small {
padding-top: 6rem;
padding-bottom: 4rem
}
.ptb-smaller {
padding-top: 4rem;
padding-bottom: 2rem
}
.ptb-smallest {
padding-top: 2rem;
padding-bottom: 1rem
}
.hide-on-mobile {
display: initial
}
.hide-on-desktop {
display: none
}
}
.we-video-container>.popup-video-overlay,
.we-video-container>.embed-video-overlay,
.we-video-container>.bg-video-overlay {
position: absolute;
z-index: 1;
left: 0;
top: 0;
filter: brightness(.5)
}
.we-video-container>.popup-video-overlay,
.we-video-container>.embed-video-overlay {
cursor: default;
display: block;
background-image: url(//blog.webex.com/wp-content/themes/webex-ahead/assets/styles/../images/video-icon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 56px
}
.we-video-container>.popup-video-overlay.enabled,
.we-video-container>.embed-video-overlay.enabled {
filter: none;
cursor: pointer
}
.we-video-container>.popup-video-overlay.hidden,
.we-video-container>.embed-video-overlay.hidden {
display: none
}
.we-video-container>.bg-video-overlay {
background-image: none
}
button.play-video {
cursor: default
}
button.play-video.show,
button.play-video.enabled {
cursor: pointer
}
.device .we-video-container>.popup-video-overlay,
.device .we-video-container>.embed-video-overlay {
width: 100%;
height: 100%
}
.we-video-container {
position: relative;
width: 100%
}
.we-video-container>div,
.we-video-container>div>div,
.we-video-container>div>div>div,
.we-video-container .placeholder img,
.we-video-container .placeholder figure,
.we-video-container iframe,
.we-video-container video {
width: 100%;
height: 100%
}
.we-video-container .placeholder figure {
margin: 0
}
.video-popup {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .6);
z-index: 1000;
height: 100%;
width: 100%;
display: flex;
transition: backdrop-filter .2s ease-in-out
}
.video-popup.hide {
display: none
}
.video-popup .modal {
margin: auto;
transform: translateY(0);
transition: transform .2s ease-in-out
}
.video-popup .modal>div {
border-radius: 0
}
.video-popup .btn-close {
font-size: 22px;
position: absolute;
color: #c2c2c2;
cursor: pointer;
top: -3rem;
right: 0
}
.we-video-container video-js {
width: 100%;
height: 100%
}
.icon-cross:before {
content: "\e907"
}
@media only screen and (min-width:1200px) {
.video-popup .btn-close {
top: 0;
right: -3rem
}
}
.wp-block-columns.row {
gap: 0
}
#large-module-cont {
border-radius: 1.5rem;
background-color: #181818;
display: flex;
margin: 8rem 0;
padding: 4rem;
align-items: center;
gap: 2rem
}
#large-module-head {
font-weight: 400 !important;
font-size: 38px !important;
line-height: 40px !important;
letter-spacing: -3% !important;
color: #fff !important
}
#large-module-p {
font-weight: 400 !important;
font-size: 16px !important;
line-height: 22px !important;
letter-spacing: -2% !important;
color: #818181 !important
}
#large-module-btn {
height: 56px;
width: min-content;
border-radius: 30px;
background-color: transparent !important;
outline: solid #fff 1px;
display: flex;
border: none;
align-items: center;
justify-content: space-between;
margin-top: 2rem;
padding: 0 3.5rem 0 2rem;
cursor: pointer !important;
column-gap: .5rem;
width: 100%;
justify-content: center;
position: relative
}
#large-module-btn>a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: right
}
#large-module-btn:hover {
background-color: #078855 !important;
outline: solid #078855 1px !important;
cursor: pointer !important
}
#large-module-btn-txt {
margin-top: 0;
margin-bottom: 0;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 14px !important;
letter-spacing: -2% !important;
color: #fff !important;
white-space: nowrap !important
}
#large-module-cta {
display: inline-block;
height: 20%;
width: 20%
}
#large-module-arrow-div {
height: 10px;
width: 10px;
background-image: url("https://blog.webex.com/wp-content/uploads/2022/11/right-arrow-fin.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 2rem
}
#large-module-right-cont>img {
height: 258px;
width: 258px;
border-radius: 50%
}
@media (min-width:1024px) {
#large-module-cont {
border-radius: 3rem
}
#large-module-btn {
width: auto
}
}
@media (max-width:580px) {
#large-module-cont {
flex-direction: column-reverse;
position: relative;
padding: 3rem !important
}
#large-module-right-cont {
width: 100%;
justify-content: center
}
#large-module-right-cont>img {
min-height: 280px !important;
min-width: 280px !important
}
#large-module-left-cont {
width: 100%
}
}
.tablepress {
--text-color: #111;
--head-text-color: var(--text-color);
--head-bg-color: #d9edf7;
--odd-text-color: var(--text-color);
--odd-bg-color: #fff;
--even-text-color: var(--text-color);
--even-bg-color: #f9f9f9;
--hover-text-color: var(--text-color);
--hover-bg-color: #f3f3f3;
--border-color: #ddd;
--padding: .5rem;
border: none;
border-collapse: collapse;
border-spacing: 0;
clear: both;
margin: 0 auto 1rem;
table-layout: auto;
width: 100%
}
.tablepress>:not(caption)>*>* {
background: 0 0;
border: none;
box-sizing: border-box;
float: none !important;
padding: var(--padding);
text-align: left;
vertical-align: top
}
.tablepress>:where(thead)+tbody>:where(:not(.child))>*,
.tablepress>tbody>*~:where(:not(.child))>*,
.tablepress>tfoot>:where(:first-child)>* {
border-top: 1px solid var(--border-color)
}
.tablepress>:where(thead,
tfoot)>tr>* {
background-color: var(--head-bg-color);
color: var(--head-text-color);
font-weight: 700;
vertical-align: middle;
word-break: normal
}
.tablepress>:where(tbody)>tr>* {
color: var(--text-color)
}
.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,
.dtrg-group)))+:where(.child)>*,
.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,
.dtrg-group)))>* {
background-color: var(--odd-bg-color);
color: var(--odd-text-color)
}
.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,
.dtrg-group)))+:where(.child)>*,
.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,
.dtrg-group)))>* {
background-color: var(--even-bg-color);
color: var(--even-text-color)
}
.tablepress>.row-hover>tr:has(+.child:hover)>*,
.tablepress>.row-hover>tr:hover+:where(.child)>*,
.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>* {
background-color: var(--hover-bg-color);
color: var(--hover-text-color)
}
.tablepress img {
border: none;
margin: 0;
max-width: none;
padding: 0
}
.tablepress-table-description {
clear: both;
display: block
}
.dt-scroll {
width: 100%
}
.dt-scroll .tablepress {
width: 100% !important
}
div.dt-scroll-body tfoot tr,
div.dt-scroll-body thead tr {
height: 0
}
div.dt-scroll-body tfoot tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body thead tr td,
div.dt-scroll-body thead tr th {
border-bottom-width: 0 !important;
border-top-width: 0 !important;
height: 0 !important;
padding-bottom: 0 !important;
padding-top: 0 !important
}
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body thead tr th div.dt-scroll-sizing {
height: 0 !important;
overflow: hidden !important
}
div.dt-scroll-body>table.dataTable>thead>tr>td,
div.dt-scroll-body>table.dataTable>thead>tr>th {
overflow: hidden
}
.tablepress {
--head-active-bg-color: #049cdb;
--head-active-text-color: var(--head-text-color);
--head-sort-arrow-color: var(--head-active-text-color)
}
.tablepress thead th:active {
outline: none
}
.tablepress thead .dt-orderable-asc .dt-column-order:before,
.tablepress thead .dt-ordering-asc .dt-column-order:before {
bottom: 50%;
content: "\25b2"/"";
display: block;
position: absolute
}
.tablepress thead .dt-orderable-desc .dt-column-order:after,
.tablepress thead .dt-ordering-desc .dt-column-order:after {
content: "\25bc"/"";
display: block;
position: absolute;
top: 50%
}
.tablepress thead .dt-orderable-asc,
.tablepress thead .dt-orderable-desc,
.tablepress thead .dt-ordering-asc,
.tablepress thead .dt-ordering-desc {
padding-right: 24px;
position: relative
}
.tablepress thead .dt-orderable-asc .dt-column-order,
.tablepress thead .dt-orderable-desc .dt-column-order,
.tablepress thead .dt-ordering-asc .dt-column-order,
.tablepress thead .dt-ordering-desc .dt-column-order {
bottom: 0;
color: var(--head-sort-arrow-color);
position: absolute;
right: 6px;
top: 0;
width: 12px
}
.tablepress thead .dt-orderable-asc .dt-column-order:after,
.tablepress thead .dt-orderable-asc .dt-column-order:before,
.tablepress thead .dt-orderable-desc .dt-column-order:after,
.tablepress thead .dt-orderable-desc .dt-column-order:before,
.tablepress thead .dt-ordering-asc .dt-column-order:after,
.tablepress thead .dt-ordering-asc .dt-column-order:before,
.tablepress thead .dt-ordering-desc .dt-column-order:after,
.tablepress thead .dt-ordering-desc .dt-column-order:before {
font-family: sans-serif !important;
font-size: 12px;
line-height: 12px;
opacity: .2
}
.tablepress thead .dt-orderable-asc,
.tablepress thead .dt-orderable-desc {
cursor: pointer;
outline-offset: -2px
}
.tablepress thead .dt-orderable-asc:hover,
.tablepress thead .dt-orderable-desc:hover,
.tablepress thead .dt-ordering-asc,
.tablepress thead .dt-ordering-desc {
background-color: var(--head-active-bg-color);
color: var(--head-active-text-color)
}
.tablepress thead .dt-ordering-asc .dt-column-order:before,
.tablepress thead .dt-ordering-desc .dt-column-order:after {
opacity: .8
}
.tablepress:where(.auto-type-alignment) .dt-right,
.tablepress:where(.auto-type-alignment) .dt-type-date,
.tablepress:where(.auto-type-alignment) .dt-type-numeric {
text-align: right
}
.dt-container {
clear: both;
margin-bottom: 1rem;
position: relative
}
.dt-container .tablepress {
margin-bottom: 0
}
.dt-container .tablepress tfoot:empty {
display: none
}
.dt-container .dt-layout-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between
}
.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell {
display: block;
width: 100%
}
.dt-container .dt-layout-cell {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 1em;
padding: 5px 0
}
.dt-container .dt-layout-cell.dt-layout-full {
align-items: center;
justify-content: space-between;
width: 100%
}
.dt-container .dt-layout-cell.dt-layout-full>:only-child {
margin: auto
}
.dt-container .dt-layout-cell.dt-layout-start {
align-items: center;
justify-content: flex-start;
margin-right: auto
}
.dt-container .dt-layout-cell.dt-layout-end {
align-items: center;
justify-content: flex-end;
margin-left: auto
}
.dt-container .dt-layout-cell:empty {
display: none
}
.dt-container .dt-input,
.dt-container label {
display: inline;
width: auto
}
.dt-container .dt-input {
font-size: inherit;
padding: 5px
}
.dt-container .dt-length,
.dt-container .dt-search {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: center
}
.dt-container .dt-paging .dt-paging-button {
background: #0000;
border: 1px solid #0000;
border-radius: 2px;
box-sizing: border-box;
color: inherit !important;
cursor: pointer;
display: inline-block;
font-size: 1em;
height: 32px;
margin-left: 2px;
min-width: 32px;
padding: 0 5px;
text-align: center;
text-decoration: none !important;
vertical-align: middle
}
.dt-container .dt-paging .dt-paging-button.current,
.dt-container .dt-paging .dt-paging-button:hover {
border: 1px solid #111
}
.dt-container .dt-paging .dt-paging-button.disabled,
.dt-container .dt-paging .dt-paging-button.disabled:active,
.dt-container .dt-paging .dt-paging-button.disabled:hover {
border: 1px solid #0000;
color: #0000004d !important;
cursor: default;
outline: none
}
.dt-container .dt-paging>.dt-paging-button:first-child {
margin-left: 0
}
.dt-container .dt-paging .ellipsis {
padding: 0 1em
}
@media screen and (max-width:767px) {
.dt-container .dt-layout-row {
flex-direction: column
}
.dt-container .dt-layout-cell {
flex-direction: column;
padding: .5em 0
}
}