@keyframes wpcsb-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpcsb-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.wpcsb-wrapper {
z-index: 999;
width: 100%;
display: flex;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
opacity: 0;
transition: all 0.2s;
transform: translate3d(0, 100%, 0);
}
.wpcsb-wrapper.wpcsb-active {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.wpcsb-wrapper.wpcsb-wrapper-top {
transform: translate3d(0, -100%, 0);
top: 0;
bottom: auto;
border-width: 0 0 1px 0;
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
}
.wpcsb-wrapper.wpcsb-wrapper-top.wpcsb-active {
transform: translate3d(0, 0, 0);
}
.wpcsb-wrapper .wpcsb-container {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 0 auto;
padding: 15px;
background-color: #ffffff;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #e5e5e5;
-webkit-box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.05);
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product {
width: 100%;
max-width: 1170px;
display: flex;
align-items: center;
justify-content: space-between;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-info {
display: flex;
align-items: center;
flex-grow: 1;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-info .wpcsb-product-image {
width: 48px;
flex: 0 0 48px;
margin-right: 10px;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-info .wpcsb-product-image img {
width: 100%;
height: auto;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-info .wpcsb-product-data {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-info .wpcsb-product-data > div {
margin-right: 10px;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-info .wpcsb-product-name {
flex-grow: 1;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-info .wpcsb-product-btn .woosq-btn, .wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-info .wpcsb-product-btn .woosc-btn, .wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-info .wpcsb-product-btn .woosw-btn {
margin-right: 5px;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .wpcsb-add-to-cart {
display: flex;
align-items: center;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .wpcsb-add-to-cart > div {
margin-left: 5px;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .single_add_to_cart_button {
margin-bottom: 0;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form {
margin: 0;
display: flex;
align-items: center;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form .variations {
margin: 0;
width: auto;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form .variations td {
padding: 5px;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form .reset_variations {
position: absolute;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form .single_variation_wrap .single_variation, .wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form .single_variation_wrap .woosq-btn, .wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form .single_variation_wrap .woosc-btn, .wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form .single_variation_wrap .woosw-btn {
display: none !important;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
display: flex;
align-items: center;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart > * {
margin-left: 5px;
}
.wpcsb-disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
@media screen and (max-width: 767px) {
.wpcsb-wrapper .wpcsb-container .wpcsb-product {
flex-direction: column;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product-action {
margin-top: 10px;
}
}.woosb-wrap {
display: block;
width: 100%;
clear: both;
}
.woosb-wrap .woosb-text, .woosb-wrap .woosb-products, .woosb-bundles .woosb-text, .woosb-bundles .woosb-products {
margin: 0 0 15px 0;
}
.woosb-wrap .woosb-text, .woosb-bundles .woosb-text {
white-space: pre-line;
}
.woosb-wrap .woosb-summary {
display: flex;
align-items: center;
justify-content: space-between;
}
.woosb-wrap .woosb-summary .woosb-total {
flex-grow: 1;
}
.woosb-products {
border-width: 1px 0 0 0;
border-style: dotted;
border-color: #e5e5e5;
}
.woosb-products .woosb-item-text {
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woosb-item-text-type-h1 > h1, .woosb-item-text-type-h2 > h2, .woosb-item-text-type-h3 > h3, .woosb-item-text-type-h4 > h4, .woosb-item-text-type-h5 > h5, .woosb-item-text-type-h6 > h6, .woosb-item-text-type-p > p {
margin: 0 !important;
}
.woosb-products .woosb-product {
display: flex;
align-items: center;
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woosb-products .woosb-product.woosb-product-hidden {
display: none;
}
.woosb-products[data-exclude-unpurchasable="yes"] .woosb-product.woosb-product-unpurchasable {
display: none;
}
.woosb-products .woosb-product > div {
padding: 0 5px;
}
.woosb-products .woosb-product .woosb-thumb {
width: 50px;
flex: 0 0 50px;
}
.woosb-products .woosb-product .woosb-thumb img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.woosb-products .woosb-product .woosb-quantity {
width: 80px;
flex: 0 0 80px;
}
.woosb-products .woosb-product .woosb-quantity.woosb-quantity-plus-minus {
width: 130px;
flex: 0 0 130px;
}
.woosb-products .woosb-product .woosb-quantity label {
display: none;
}
.woosb-products .woosb-product .woosb-quantity input {
width: 100%;
min-width: 40px;
text-align: center;
}
.woosb-products .woosb-product .woosb-price {
width: 100px;
flex: 0 0 100px;
text-align: end;
}
.woosb-products .woosb-product .woosb-price * {
font-size: inherit !important;
}
.woosb-products .woosb-product .woosb-price del {
opacity: .5;
text-decoration: line-through;
}
.woosb-products .woosb-product .woosb-price del span {
text-decoration: line-through;
}
.woosb-products .woosb-product .woosb-price ins {
font-weight: normal;
}
.woosb-products .woosb-product .woosb-price .amount {
display: inline-block;
}
.woosb-products .woosb-product .woosb-title {
flex-grow: 1;
text-align: start;
}
.woosb-products .woosb-product .woosb-title .woosb-name {
display: block;
overflow: hidden;
}
.woosb-products .woosb-product .woosb-title .woosb-name a {
text-decoration: none;
box-shadow: none;
}
.woosb-products .woosb-product .woosb-title .woosb-price {
width: auto;
flex: 0 0 auto;
text-align: inherit;
}
.woosb-products .woosb-product .woosb-title .woovr-variations-select .woovr-variation-image, .woosb-products .woosb-product .woosb-title .woovr-variations-select .woovr-variation-price {
display: none !important;
}
.woosb-products .woosb-product .variations_form {
margin: 0;
padding: 0;
}
.woosb-products .woosb-product .woosb-title .stock {
font-size: 14px;
margin: 0;
padding: 0;
}
.woosb-products .woosb-product .woosb-title .stock.in-stock {
color: green;
}
.woosb-products .woosb-product .woosb-title .stock.available-on-backorder {
color: orange;
}
.woosb-products .woosb-product .woosb-title .stock.out-of-stock {
color: red;
}
.woosb-products .woosb-product .woosb-description, .woosb-products .woosb-product .woosb-variation-description {
font-size: 14px;
}
.woosb-products .woosb-product .variations_form .variations {
display: inline-block;
margin: 0 -3px;
padding: 0;
}
.woosb-products .woosb-product .variations_form .variations .variation {
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: #e5e5e5;
padding: 5px 10px;
margin: 5px 3px 0 3px;
max-width: 100%;
border-radius: 2px;
float: none;
vertical-align: top;
}
.woosb-products .woosb-product .variations_form .variations .variation > div {
display: block;
}
.woosb-products .woosb-product .variations_form .variations .reset {
display: inline-block;
}
.woosb-products .woosb-product .variations_form .variations .variation:last-child {
margin-bottom: 0;
}
.woosb-products .woosb-product .variations_form .variations .variation .label {
font-size: 12px;
line-height: 1;
}
.woosb-products .woosb-product .variations_form .variations .variation .value {
line-height: 1;
}
.woosb-products .woosb-product .variations_form .variations .variation .value select {
width: 100%;
height: auto;
line-height: 1;
padding: 0 16px 0 0;
margin: 0;
background-color: transparent;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNEQzN0Y2NTY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNEQzN0Y2NjY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0RDM3RjYzNjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY0RDM3RjY0NjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzgqpQAAADdJREFUeNpirKioWMDAwBDPgAoWMQGJLCC+hiR4HYgzQRLfgDgUSoNwCIhmgaq6BtXJCNMNEGAAbM0MK7OUU3AAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: auto;
}
.woosb-products .woosb-product .variations_form .variations a.reset_variations {
margin: 0;
font-size: 12px;
}
.woosb-item-child .product-price .amount, .woosb-item-child .product-price .tax_label,
.woosb-item-child .product-subtotal .amount, .woosb-item-child .product-subtotal .tax_label,
.woosb-item-child .product-total .amount, .woosb-item-child .product-total .tax_label {
opacity: .3;
}
.woosb-alert {
padding: 6px 10px 6px 14px;
border-left: 4px solid #222;
background-color: #eeeeee;
font-size: 14px;
}
body.woocommerce-no-js .woosb-wrap + form.cart {
display: none;
}
.woosb-disabled {
opacity: .5 !important;
pointer-events: none !important;
cursor: not-allowed !important;
}
.woosb-quantity-input {
display: flex;
align-items: center;
}
.woosb-quantity-input .quantity {
flex-grow: 1;
height: auto;
margin: 0;
}
.woosb-quantity-plus-minus .plus, .woosb-quantity-plus-minus .minus, .woosb-quantity-plus-minus .quantity-minus, .woosb-quantity-plus-minus .quantity-plus, .woosb-quantity-plus-minus .plus-btn, .woosb-quantity-plus-minus .minus-btn {
display: none !important;
}
.woosb-quantity-input-plus, .woosb-quantity-input-minus {
width: 40px;
height: 40px;
flex: 0 0 40px;
line-height: 38px;
text-align: center;
cursor: pointer;
background-color: #fefefe;
border: 1px solid #e5e5e5;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woosb-quantity-input .woosb-qty {
width: 100%;
min-width: 40px;
height: 40px;
line-height: 38px;
margin: 0;
padding: 0 5px;
box-shadow: none;
border-width: 1px 0;
border-style: solid;
border-color: #e5e5e5;
border-radius: 0;
background-color: #fefefe;
-moz-appearance: textfield;
}
.woosb-quantity-input .woosb-qty:focus {
outline: none;
outline-color: transparent;
}
.woosb-quantity-input-plus:hover, .woosb-quantity-input-minus:hover {
background-color: #f0f0f0;
}
.woosb-quantity-input input::-webkit-outer-spin-button, .woosb-quantity-input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .woosb-products[class*="woosb-products-layout-grid"] {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
border: none;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-item-text {
width: 100%;
margin: 10px;
padding: 10px 0;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(50% - 20px);
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product:hover {
border-color: green;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product .woosb-name {
font-weight: 700;
}
.woosb-products.woosb-products-layout-grid-1 .woosb-product {
width: calc(100% - 20px);
}
.woosb-products.woosb-products-layout-grid-3 .woosb-product {
width: calc(100% / 3 - 20px);
}
.woosb-products.woosb-products-layout-grid-4 .woosb-product {
width: calc(25% - 20px);
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product > div {
width: 100% !important;
flex: 0 0 auto !important;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product > div:last-child {
margin-bottom: 0;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product select {
text-align: center;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product .variations_form .variations .reset {
display: none;
}
@media only screen and (max-width: 767px) {
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 479px) {
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(100% - 20px);
}
} body.rtl .woosb-alert {
padding: 6px 14px 6px 10px;
border-right: 4px solid #222;
border-left: none;
}input[type=range].calcWidget-range {
width: 100%;
margin: 12.4px 0;
background-color: transparent;
-webkit-appearance: none;
}
input[type=range].calcWidget-range:focus {
outline: none;
}
input[type=range].calcWidget-range::-webkit-slider-runnable-track {
background: #336699;
border: 0.9px solid #010100;
border-radius: 3.4px;
width: 100%;
height: 7.2px;
cursor: pointer;
}
input[type=range].calcWidget-range::-webkit-slider-thumb {
margin-top: -13.3px;
width: 16px;
height: 32px;
background: #5c97cb;
border: 2px solid #00006c;
border-radius: 8px;
cursor: pointer;
-webkit-appearance: none;
}
input[type=range].calcWidget-range:focus::-webkit-slider-runnable-track {
background: #3d7ab8;
}
input[type=range].calcWidget-range::-moz-range-track {
background: #336699;
border: 0.9px solid #010100;
border-radius: 3.4px;
width: 100%;
height: 7.2px;
cursor: pointer;
}
input[type=range].calcWidget-range::-moz-range-thumb {
width: 16px;
height: 32px;
background: #5c97cb;
border: 2px solid #00006c;
border-radius: 8px;
cursor: pointer;
}
input[type=range].calcWidget-range::-ms-track {
background: transparent;
border-color: transparent;
border-width: 13.4px 0;
color: transparent;
width: 100%;
height: 7.2px;
cursor: pointer;
}
input[type=range].calcWidget-range::-ms-fill-lower {
background: #29527a;
border: 0.9px solid #010100;
border-radius: 6.8px;
}
input[type=range].calcWidget-range::-ms-fill-upper {
background: #336699;
border: 0.9px solid #010100;
border-radius: 6.8px;
}
input[type=range].calcWidget-range::-ms-thumb {
width: 16px;
height: 32px;
background: #5c97cb;
border: 2px solid #00006c;
border-radius: 8px;
cursor: pointer;
margin-top: 0px;
}
input[type=range].calcWidget-range:focus::-ms-fill-lower {
background: #336699;
}
input[type=range].calcWidget-range:focus::-ms-fill-upper {
background: #3d7ab8;
}
@supports (-ms-ime-align:auto) {
input[type=range].calcWidget-range {
margin: 0;
}
}input[type="number"].svelte-p27rea{max-width:50px;margin-right:.5em;flex:0 0 4em;border:1px solid #dde;padding:2px}input[type="number"].svelte-p27rea:focus{background-color:#e2f2ff}input[type="range"].svelte-p27rea{flex:1 1 auto;max-width:70%}.control-title.svelte-p27rea{font-weight:bold;color:#000}.controls.svelte-p27rea{display:flex;justify-content:flex-start;max-width:100%}.results.svelte-p27rea{text-align:left}strong.svelte-p27rea{font-weight:bold;color:#000}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
} button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}  html {
font-family: system-ui, -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: 1.5; } *,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: #d2d6dc; } hr {
border-top-width: 1px;
} img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::placeholder,
textarea::placeholder {
color: #a0aec0;
}
button,
[role="button"] {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
} pre,
code,
kbd,
samp {
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
} img,
video {
max-width: 100%;
height: auto;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
.form-input {
appearance: none;
background-color: #ffffff;
border-color: #d2d6dc;
border-width: 1px;
border-radius: 0.375rem;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5;
}
.form-input::placeholder {
color: #9fa6b2;
opacity: 1;
}
.form-input:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-textarea {
appearance: none;
background-color: #ffffff;
border-color: #d2d6dc;
border-width: 1px;
border-radius: 0.375rem;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5;
}
.form-textarea::placeholder {
color: #9fa6b2;
opacity: 1;
}
.form-textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-multiselect {
appearance: none;
background-color: #ffffff;
border-color: #d2d6dc;
border-width: 1px;
border-radius: 0.375rem;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5;
}
.form-multiselect:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
appearance: none;
color-adjust: exact;
background-repeat: no-repeat;
background-color: #ffffff;
border-color: #d2d6dc;
border-width: 1px;
border-radius: 0.375rem;
padding-top: 0.5rem;
padding-right: 2.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5;
background-position: right 0.5rem center;
background-size: 1.5em 1.5em;
}
.form-select::-ms-expand {
color: #9fa6b2;
border: none;
}
@media not print {
.form-select::-ms-expand {
display: none;
}
}
@media print and (-ms-high-contrast: active), print and (-ms-high-contrast: none) {
.form-select {
padding-right: 0.75rem;
}
}
.form-select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-checkbox:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
@media not print {
.form-checkbox::-ms-check {
border-width: 1px;
color: transparent;
background: inherit;
border-color: inherit;
border-radius: inherit;
}
}
.form-checkbox {
appearance: none;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #3f83f8;
background-color: #ffffff;
border-color: #d2d6dc;
border-width: 1px;
border-radius: 0.25rem;
}
.form-checkbox:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-checkbox:checked:focus {
border-color: transparent;
}
.form-radio:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
@media not print {
.form-radio::-ms-check {
border-width: 1px;
color: transparent;
background: inherit;
border-color: inherit;
border-radius: inherit;
}
}
.form-radio {
appearance: none;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
user-select: none;
flex-shrink: 0;
border-radius: 100%;
height: 1rem;
width: 1rem;
color: #3f83f8;
background-color: #ffffff;
border-color: #d2d6dc;
border-width: 1px;
}
.form-radio:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-radio:checked:focus {
border-color: transparent;
}
.prose {
color: #4a5568;
max-width: 65ch;
}
.prose [class~="lead"] {
color: #4a5568;
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose a {
color: #1a202c;
text-decoration: underline;
}
.prose strong {
color: #1a202c;
font-weight: 600;
}
.prose ol {
counter-reset: list-counter;
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose ol > li {
position: relative;
counter-increment: list-counter;
padding-left: 1.75em;
}
.prose ol > li::before {
content: counter(list-counter) ".";
position: absolute;
font-weight: 400;
color: #718096;
}
.prose ul > li {
position: relative;
padding-left: 1.75em;
}
.prose ul > li::before {
content: "";
position: absolute;
background-color: #cbd5e0;
border-radius: 50%;
width: 0.375em;
height: 0.375em;
top: calc(0.875em - 0.1875em);
left: 0.25em;
}
.prose hr {
border-color: #e2e8f0;
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.prose blockquote {
font-weight: 500;
font-style: italic;
color: #1a202c;
border-left-width: 0.25rem;
border-left-color: #e2e8f0;
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.prose blockquote p:first-of-type::before {
content: open-quote;
}
.prose blockquote p:last-of-type::after {
content: close-quote;
}
.prose h1 {
color: #1a202c;
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose h2 {
color: #1a202c;
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.prose h3 {
color: #1a202c;
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose h4 {
color: #1a202c;
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.prose figure figcaption {
color: #718096;
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.prose code {
color: #1a202c;
font-weight: 600;
font-size: 0.875em;
}
.prose code::before {
content: "`";
}
.prose code::after {
content: "`";
}
.prose pre {
color: #e2e8f0;
background-color: #2d3748;
overflow-x: auto;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-right: 1.1428571em;
padding-bottom: 0.8571429em;
padding-left: 1.1428571em;
}
.prose pre code {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: 400;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.prose pre code::before {
content: "";
}
.prose pre code::after {
content: "";
}
.prose table {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.prose thead {
color: #1a202c;
font-weight: 600;
border-bottom-width: 1px;
border-bottom-color: #cbd5e0;
}
.prose thead th {
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose tbody tr {
border-bottom-width: 1px;
border-bottom-color: #e2e8f0;
}
.prose tbody tr:last-child {
border-bottom-width: 0;
}
.prose tbody td {
vertical-align: top;
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose {
font-size: 1rem;
line-height: 1.75;
}
.prose p {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose img {
margin-top: 2em;
margin-bottom: 2em;
}
.prose video {
margin-top: 2em;
margin-bottom: 2em;
}
.prose figure {
margin-top: 2em;
margin-bottom: 2em;
}
.prose figure > * {
margin-top: 0;
margin-bottom: 0;
}
.prose h2 code {
font-size: 0.875em;
}
.prose h3 code {
font-size: 0.9em;
}
.prose ul {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose ol > li:before {
left: 0;
}
.prose > ul > li p {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose > ul > li > *:first-child {
margin-top: 1.25em;
}
.prose > ul > li > *:last-child {
margin-bottom: 1.25em;
}
.prose > ol > li > *:first-child {
margin-top: 1.25em;
}
.prose > ol > li > *:last-child {
margin-bottom: 1.25em;
}
.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose hr + * {
margin-top: 0;
}
.prose h2 + * {
margin-top: 0;
}
.prose h3 + * {
margin-top: 0;
}
.prose h4 + * {
margin-top: 0;
}
.prose thead th:first-child {
padding-left: 0;
}
.prose thead th:last-child {
padding-right: 0;
}
.prose tbody td:first-child {
padding-left: 0;
}
.prose tbody td:last-child {
padding-right: 0;
}
.prose > :first-child {
margin-top: 0;
}
.prose > :last-child {
margin-bottom: 0;
}
.prose-sm {
font-size: 0.875rem;
line-height: 1.7142857;
}
.prose-sm p {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.prose-sm [class~="lead"] {
font-size: 1.2857143em;
line-height: 1.5555556;
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.prose-sm blockquote {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.1111111em;
}
.prose-sm h1 {
font-size: 2.1428571em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
.prose-sm h2 {
font-size: 1.4285714em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
.prose-sm h3 {
font-size: 1.2857143em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.prose-sm h4 {
margin-top: 1.4285714em;
margin-bottom: 0.5714286em;
line-height: 1.4285714;
}
.prose-sm img {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.prose-sm video {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.prose-sm figure {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.prose-sm figure > * {
margin-top: 0;
margin-bottom: 0;
}
.prose-sm figure figcaption {
font-size: 0.8571429em;
line-height: 1.3333333;
margin-top: 0.6666667em;
}
.prose-sm code {
font-size: 0.8571429em;
}
.prose-sm h2 code {
font-size: 0.9em;
}
.prose-sm h3 code {
font-size: 0.8888889em;
}
.prose-sm pre {
font-size: 0.8571429em;
line-height: 1.6666667;
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
border-radius: 0.25rem;
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.prose-sm ol {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.prose-sm ul {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.prose-sm li {
margin-top: 0.2857143em;
margin-bottom: 0.2857143em;
}
.prose-sm ol > li {
padding-left: 1.5714286em;
}
.prose-sm ol > li:before {
left: 0;
}
.prose-sm ul > li {
padding-left: 1.5714286em;
}
.prose-sm ul > li::before {
height: 0.3571429em;
width: 0.3571429em;
top: calc(0.8571429em - 0.1785714em);
left: 0.2142857em;
}
.prose-sm > ul > li p {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.prose-sm > ul > li > *:first-child {
margin-top: 1.1428571em;
}
.prose-sm > ul > li > *:last-child {
margin-bottom: 1.1428571em;
}
.prose-sm > ol > li > *:first-child {
margin-top: 1.1428571em;
}
.prose-sm > ol > li > *:last-child {
margin-bottom: 1.1428571em;
}
.prose-sm ul ul, .prose-sm ul ol, .prose-sm ol ul, .prose-sm ol ol {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.prose-sm hr {
margin-top: 2.8571429em;
margin-bottom: 2.8571429em;
}
.prose-sm hr + * {
margin-top: 0;
}
.prose-sm h2 + * {
margin-top: 0;
}
.prose-sm h3 + * {
margin-top: 0;
}
.prose-sm h4 + * {
margin-top: 0;
}
.prose-sm table {
font-size: 0.8571429em;
line-height: 1.5;
}
.prose-sm thead th {
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.prose-sm thead th:first-child {
padding-left: 0;
}
.prose-sm thead th:last-child {
padding-right: 0;
}
.prose-sm tbody td {
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.prose-sm tbody td:first-child {
padding-left: 0;
}
.prose-sm tbody td:last-child {
padding-right: 0;
}
.prose-sm > :first-child {
margin-top: 0;
}
.prose-sm > :last-child {
margin-bottom: 0;
}
.prose-lg {
font-size: 1.125rem;
line-height: 1.7777778;
}
.prose-lg p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-lg [class~="lead"] {
font-size: 1.2222222em;
line-height: 1.4545455;
margin-top: 1.0909091em;
margin-bottom: 1.0909091em;
}
.prose-lg blockquote {
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
padding-left: 1em;
}
.prose-lg h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.8333333em;
line-height: 1;
}
.prose-lg h2 {
font-size: 1.6666667em;
margin-top: 1.8666667em;
margin-bottom: 1.0666667em;
line-height: 1.3333333;
}
.prose-lg h3 {
font-size: 1.3333333em;
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.prose-lg h4 {
margin-top: 1.7777778em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.prose-lg img {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.prose-lg video {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.prose-lg figure {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.prose-lg figure > * {
margin-top: 0;
margin-bottom: 0;
}
.prose-lg figure figcaption {
font-size: 0.8888889em;
line-height: 1.5;
margin-top: 1em;
}
.prose-lg code {
font-size: 0.8888889em;
}
.prose-lg h2 code {
font-size: 0.8666667em;
}
.prose-lg h3 code {
font-size: 0.875em;
}
.prose-lg pre {
font-size: 0.8888889em;
line-height: 1.75;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.375rem;
padding-top: 1em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-left: 1.5em;
}
.prose-lg ol {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-lg ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-lg li {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.prose-lg ol > li {
padding-left: 1.6666667em;
}
.prose-lg ol > li:before {
left: 0;
}
.prose-lg ul > li {
padding-left: 1.6666667em;
}
.prose-lg ul > li::before {
width: 0.3333333em;
height: 0.3333333em;
top: calc(0.8888889em - 0.1666667em);
left: 0.2222222em;
}
.prose-lg > ul > li p {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.prose-lg > ul > li > *:first-child {
margin-top: 1.3333333em;
}
.prose-lg > ul > li > *:last-child {
margin-bottom: 1.3333333em;
}
.prose-lg > ol > li > *:first-child {
margin-top: 1.3333333em;
}
.prose-lg > ol > li > *:last-child {
margin-bottom: 1.3333333em;
}
.prose-lg ul ul, .prose-lg ul ol, .prose-lg ol ul, .prose-lg ol ol {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.prose-lg hr {
margin-top: 3.1111111em;
margin-bottom: 3.1111111em;
}
.prose-lg hr + * {
margin-top: 0;
}
.prose-lg h2 + * {
margin-top: 0;
}
.prose-lg h3 + * {
margin-top: 0;
}
.prose-lg h4 + * {
margin-top: 0;
}
.prose-lg table {
font-size: 0.8888889em;
line-height: 1.5;
}
.prose-lg thead th {
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.prose-lg thead th:first-child {
padding-left: 0;
}
.prose-lg thead th:last-child {
padding-right: 0;
}
.prose-lg tbody td {
padding-top: 0.75em;
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.prose-lg tbody td:first-child {
padding-left: 0;
}
.prose-lg tbody td:last-child {
padding-right: 0;
}
.prose-lg > :first-child {
margin-top: 0;
}
.prose-lg > :last-child {
margin-bottom: 0;
}
.prose-xl {
font-size: 1.25rem;
line-height: 1.8;
}
.prose-xl p {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose-xl [class~="lead"] {
font-size: 1.2em;
line-height: 1.5;
margin-top: 1em;
margin-bottom: 1em;
}
.prose-xl blockquote {
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1.0666667em;
}
.prose-xl h1 {
font-size: 2.8em;
margin-top: 0;
margin-bottom: 0.8571429em;
line-height: 1;
}
.prose-xl h2 {
font-size: 1.8em;
margin-top: 1.5555556em;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose-xl h3 {
font-size: 1.5em;
margin-top: 1.6em;
margin-bottom: 0.6666667em;
line-height: 1.3333333;
}
.prose-xl h4 {
margin-top: 1.8em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose-xl img {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-xl figure {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.prose-xl figure figcaption {
font-size: 0.9em;
line-height: 1.5555556;
margin-top: 1em;
}
.prose-xl code {
font-size: 0.9em;
}
.prose-xl h2 code {
font-size: 0.8611111em;
}
.prose-xl h3 code {
font-size: 0.9em;
}
.prose-xl pre {
font-size: 0.9em;
line-height: 1.7777778;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.1111111em;
padding-right: 1.3333333em;
padding-bottom: 1.1111111em;
padding-left: 1.3333333em;
}
.prose-xl ol {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose-xl ul {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose-xl li {
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.prose-xl ol > li {
padding-left: 1.8em;
}
.prose-xl ol > li:before {
left: 0;
}
.prose-xl ul > li {
padding-left: 1.8em;
}
.prose-xl ul > li::before {
width: 0.35em;
height: 0.35em;
top: calc(0.9em - 0.175em);
left: 0.25em;
}
.prose-xl > ul > li p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.prose-xl > ul > li > *:first-child {
margin-top: 1.2em;
}
.prose-xl > ul > li > *:last-child {
margin-bottom: 1.2em;
}
.prose-xl > ol > li > *:first-child {
margin-top: 1.2em;
}
.prose-xl > ol > li > *:last-child {
margin-bottom: 1.2em;
}
.prose-xl ul ul, .prose-xl ul ol, .prose-xl ol ul, .prose-xl ol ol {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.prose-xl hr {
margin-top: 2.8em;
margin-bottom: 2.8em;
}
.prose-xl hr + * {
margin-top: 0;
}
.prose-xl h2 + * {
margin-top: 0;
}
.prose-xl h3 + * {
margin-top: 0;
}
.prose-xl h4 + * {
margin-top: 0;
}
.prose-xl table {
font-size: 0.9em;
line-height: 1.5555556;
}
.prose-xl thead th {
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.prose-xl thead th:first-child {
padding-left: 0;
}
.prose-xl thead th:last-child {
padding-right: 0;
}
.prose-xl tbody td {
padding-top: 0.8888889em;
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.prose-xl tbody td:first-child {
padding-left: 0;
}
.prose-xl tbody td:last-child {
padding-right: 0;
}
.prose-xl > :first-child {
margin-top: 0;
}
.prose-xl > :last-child {
margin-bottom: 0;
}
.prose-2xl {
font-size: 1.5rem;
line-height: 1.6666667;
}
.prose-2xl p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-2xl [class~="lead"] {
font-size: 1.25em;
line-height: 1.4666667;
margin-top: 1.0666667em;
margin-bottom: 1.0666667em;
}
.prose-2xl blockquote {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
padding-left: 1.1111111em;
}
.prose-2xl h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.875em;
line-height: 1;
}
.prose-2xl h2 {
font-size: 2em;
margin-top: 1.5em;
margin-bottom: 0.8333333em;
line-height: 1.0833333;
}
.prose-2xl h3 {
font-size: 1.5em;
margin-top: 1.5555556em;
margin-bottom: 0.6666667em;
line-height: 1.2222222;
}
.prose-2xl h4 {
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.prose-2xl img {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-2xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-2xl figure {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-2xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.prose-2xl figure figcaption {
font-size: 0.8333333em;
line-height: 1.6;
margin-top: 1em;
}
.prose-2xl code {
font-size: 0.8333333em;
}
.prose-2xl h2 code {
font-size: 0.875em;
}
.prose-2xl h3 code {
font-size: 0.8888889em;
}
.prose-2xl pre {
font-size: 0.8333333em;
line-height: 1.8;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.2em;
padding-right: 1.6em;
padding-bottom: 1.2em;
padding-left: 1.6em;
}
.prose-2xl ol {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-2xl ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-2xl li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose-2xl ol > li {
padding-left: 1.6666667em;
}
.prose-2xl ol > li:before {
left: 0;
}
.prose-2xl ul > li {
padding-left: 1.6666667em;
}
.prose-2xl ul > li::before {
width: 0.3333333em;
height: 0.3333333em;
top: calc(0.8333333em - 0.1666667em);
left: 0.25em;
}
.prose-2xl > ul > li p {
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.prose-2xl > ul > li > *:first-child {
margin-top: 1.3333333em;
}
.prose-2xl > ul > li > *:last-child {
margin-bottom: 1.3333333em;
}
.prose-2xl > ol > li > *:first-child {
margin-top: 1.3333333em;
}
.prose-2xl > ol > li > *:last-child {
margin-bottom: 1.3333333em;
}
.prose-2xl ul ul, .prose-2xl ul ol, .prose-2xl ol ul, .prose-2xl ol ol {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.prose-2xl hr {
margin-top: 3em;
margin-bottom: 3em;
}
.prose-2xl hr + * {
margin-top: 0;
}
.prose-2xl h2 + * {
margin-top: 0;
}
.prose-2xl h3 + * {
margin-top: 0;
}
.prose-2xl h4 + * {
margin-top: 0;
}
.prose-2xl table {
font-size: 0.8333333em;
line-height: 1.4;
}
.prose-2xl thead th {
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.prose-2xl thead th:first-child {
padding-left: 0;
}
.prose-2xl thead th:last-child {
padding-right: 0;
}
.prose-2xl tbody td {
padding-top: 0.8em;
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.prose-2xl tbody td:first-child {
padding-left: 0;
}
.prose-2xl tbody td:last-child {
padding-right: 0;
}
.prose-2xl > :first-child {
margin-top: 0;
}
.prose-2xl > :last-child {
margin-bottom: 0;
}
:root {
--site-branding_padding-top: 0;
}
@media (min-width: 1261px) {
}
@media (min-width: 751px) {
--site-branding_padding-top: 0;
--site-branding_padding-bottom: 1.5rem;
} .lf-header {
}
.lf-site-branding__logo {
width: var(--site-branding-logo-width);
} body.show-actions *[class^="l-"] {
padding: .5em;
}
body.show-actions *[class^="l-"]::before {
content: attr(class);
display: inline-block;
}
body.show-actions *[class*="lf-"] {
border: 1px #ccc solid;
padding: .5em;
margin: .5em;
}
body.show-actions *[class*="lf-"]::before {
content: attr(class);
color: #ccc;
}
body.show-actions .action-demo {
color: orange;
}
body.show-actions .l-site {
color: green;
border: 1px dashed green;
padding: .5em;
width: 99%;
margin: 0 auto !important;
}
body.show-actions .l-site__header {
color: purple;
border: 1px dashed purple;
}
body.show-actions .l-content {
color: brown;
border: 1px dashed  brown;
}
body.show-actions .l-site__footer {
color: red;
border: 1px dashed red;
}
body.show-actions .l-site__main {
color: blue;
border: 1px dashed blue;
margin: .5em 0;
}  .menuGlobal-container {
overflow-x: auto;
background-color: var(--highlight-color);
width: 100%;
max-width: 100%;
display: none;
} .menuGlobal {
display: flex;
align-content: center;
flex-wrap: nowrap;
list-style: none;
padding: 0;
margin: 0;
max-width: 100%;
width: 98%;
box-sizing: border-box;
} .menuGlobal > li {
text-align: center;
position: relative;
flex: 1 1 auto;
white-space: nowrap;
}
.menuGlobal a {
display: inline-block;
padding: 0 .5em;
width: 100%;
height: 100%;
font-weight: 400;
line-height: 2;
line-height: 2;
line-height: var(--menu-item-height, 2);
color: var(--menu-color);
text-decoration: none;
}
.sub-menu li.menu-item {
overflow: hidden;
margin-top: .5em;
}
.sub-menu li.menu-item:first-child {
margin-top: 0;
} .menu-item > .menu-image-title-after {
margin-top: .75em;
}
.svg-menu-dropdown {
width: 12px;
height: 12px;
color: var(--menu-color);
fill: var(--menu-color);
display: inline-block;
margin-left: .25em;
transform: rotate(-90deg);
}
.menuGlobal .sub-menu {
padding: 1em;
border-top: none;
background-color: var(--menu-dropdown-bg);
background: linear-gradient(180deg, var(--menu-dropdown-bg) 6%, hsl(var(--menu-dropdown-bg-hue), var(--menu-dropdown-bg-saturation), calc(var(--menu-dropdown-bg-lightness) - 10% )) 100%);
box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2);
border-radius: 0 0 8px 4px;
z-index: 100;
list-style: none;
position: fixed;
left: 0;
transform: translateY(-20px) scaleY(0);
transform-origin: top;
overflow: hidden;
z-index: 100;
height: auto;
width: 250px;
max-width: 100%;
opacity: 0;
transition: transform .3s ease-out, opacity .3s ease-out;
text-align: left;
}
.menuGlobal .sub-menu a {
color: var(--menu-dropdown-color);
}
.menuGlobal .show-sub-menu .sub-menu {
transform: translateY(0px) scaleY(1);
opacity: 1;
}
.menuGlobal img {
max-width: 100%;
max-height: 100%;
}
.menuGlobal .menu-item > a, .menuGlobal .menu-item > a:link,  .menuGlobal .menu-item > a:active {
color: var(--menu-color);
}
.menuGlobal > li a:focus {
color: var(--menu-color-hover);
}
.menuGlobal > li[focus-within] {
color: var(--menu-color-hover);
}
.menuGlobal > li:focus-within {
color: var(--menu-color-hover);
}
.svg-menu-dropdown {
color: var(--menu-color);
fill: var(--menu-color);
}
.menuGlobal .menu-item a {
color: var(--menu-color);
}
.menu-does-not-fit .menuGlobal > li {
-webkit-animation: 2s linear .5s move_nav;
animation: 2s linear .5s move_nav;
}
@-webkit-keyframes move_nav {
0%, 100% {
transform: translate(0, 0);
}
50% {
transform: translate(-30px, 0);
}
85% {
transform: translate(10px, 0);
}
}
@keyframes move_nav {
0%, 100% {
transform: translate(0, 0);
}
50% {
transform: translate(-50px, 0);
}
85% {
transform: translate(10px, 0);
}
}
@media(min-width: 1280px) {
.menuGlobal-container {
display: block;
}
} .menuGlobalMobile-outer {
border-top: 1px solid var(--phone-menu-link-color);
border-bottom: 1px solid var(--phone-menu-link-color);
-webkit-overflow-scrolling: touch;
position: absolute;
left: 0;
top: 180px;
z-index: 100;
width: 100%;
transform: translate(-100%,0);
transition: transform ease-out 450ms;
height: calc(100% - 200px);
}
.menuGlobalMobile-outer.phone-menu-is-open {
transform: translate(0,0);
}
.menuGlobalMobile-container {
background-color: var(--phone-menu-bg);
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding: 1rem;
position: relative;
}
.menuGlobalMobile {
list-style: none;
margin: 0;
padding-left: 1rem;
}
.is-open-mobile menu-item {
opacity: 1;
transition: opacity 450ms ease 450ms;
}
.menuGlobalMobile a {
color: var(--phone-menu-link-color);
font-size: 1rem;
font-weight: 400;
padding: .78571rem 0;
text-decoration: none;
text-transform: uppercase;
line-height: 2;
}
.menuGlobalMobile .sub-menu {
outline: 0;
position: absolute;
top: 0;
background-color: var(--phone-menu-bg);
width: 100%;
left: 100%;
transition: transform .25s linear;
height: 100%;
min-height: 300px;
box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
overflow-y: auto;
overflow-x: hidden;
z-index: 1;
padding: 0;
}
.menuGlobalMobile .sub-menu li {
padding-left: 1em;
}
.menuGlobalMobile .mobile-submenu-show .sub-menu{
transform: translate(-100%,0);
}
.menuGlobalMobile .mobile-submenu-back {
font-size: 1.075em;
text-transform: uppercase;
padding-left: .5em;
cursor: pointer;
color: var(--phone-menu-link-color);
background-color: hsl(var(--phone-menu-bg-hue), var(--phone-menu-bg-saturation), calc(var(--phone-menu-bg-lightness) - 10%) );
border-bottom: 1px solid #ccc;
font-weight: bold;
border-bottom: 1px solid #ccc;
line-height: 2;
margin-bottom: 1rem;
}
.menuGlobalMobile .mobile-submenu-back span {
font-size: 1.6em;
}
.menuGlobalMobile .svg-menu-dropdown {
width: 12px;
height: 12px;
color: var(--phone-menu-link-color);
fill: var(--phone-menu-link-color);
display: inline-block;
margin-left: .25em;
transform: rotate(-90deg);
} .mobileMenu-toggle-container {
margin-left: auto;
width: 50px;
text-align: center;
display: block;
padding: 4px;
background: #336699;
background: var(--phone-menu-button-bg, #336699);
color:  #ffffff;
color:  var(--phone-menu-button-color, #ffffff);
}
.mobileMenu-toggle-button {
height: 1.5rem;
display: block;
overflow: hidden;
padding: 0;
z-index: 1000;
position: relative;
color: #fff;
height: 1.5rem;
position: relative;
margin: 0;
width: 20px;
margin: 0 auto;
background: transparent;
border:none;
cursor: pointer;
}
.mobileMenu-toggleIcon {
transition: background-color 10ms ease-in 100ms;
font-size: 0;
margin-bottom: 4px;
display: inline-block;
position: relative;
}
.mobileMenu-toggleIcon::before {
top: -0.5rem;
background: var(--phone-menu-button-color);
}
.mobileMenu-toggleIcon::after {
bottom: -0.5rem;
background: var(--phone-menu-button-color);
}
.mobileMenu-toggleIcon,
.mobileMenu-toggleIcon::before,
.mobileMenu-toggleIcon::after {
background: var(--phone-menu-button-color);
content: "";
display: block;
height: 2px;
position: absolute;
transform: rotate(0deg);
transition: transform 100ms ease-in, top 100ms ease-in 150ms, bottom 100ms ease-in 150ms;
width: 100%;
}
.mobileMenu-toggle-button.is-open .mobileMenu-toggleIcon {
background-color: transparent;
transition-delay: 100ms;
}
.mobileMenu-toggle-button.is-open .mobileMenu-toggleIcon::before,
.mobileMenu-toggle-button.is-open .mobileMenu-toggleIcon::after {
background: var(--phone-menu-button-color);
bottom: auto;
top: auto;
transition: transform 100ms ease-in 150ms, top 100ms ease-in, bottom 100ms ease-in;
}
.mobileMenu-toggle-button.is-open .mobileMenu-toggleIcon::before {
top: 0;
transform: rotate(45deg);
}
.mobileMenu-toggle-button.is-open .mobileMenu-toggleIcon::after {
bottom: 0;
transform: rotate(-45deg);
}
.mobileMenu-toggle-label {
font-size: .9em;
display: inline-block;
line-height: 1.5;
} .menuMobilePriority {
display: flex;
flex-wrap: nowrap;
align-content: center;
}
.menuMobilePriority-container {
position: relative;
width: 100%;
max-width: 100%;
}
.menuMobilePriority .menu-item {
padding: 0 .5em;
text-align: center;
position: relative;
flex: 1 0 auto;
}
.menuMobilePriority .menu-item a {
color: #369;
}
@media(min-width: 1280px) {
.mobileMenu-toggle-container {
display: none;
}
.menuMobilePriority-container {
display: none;
}
}
.menu-image {
max-height: 36px !important;
}
.menuMobilePriority-scrollbox {
position: relative;
display: block;
width: 100%;
}
.menuMobilePriority-container {
max-width: 100%;
overflow-x: auto;
}
.menuMobilePriority-scrollbox::before, .menuMobilePriority-scrollbox::after {
content: '';
width: 20px;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
display: inline-block;
pointer-events: none;
}
.menuMobilePriority-scrollbox::before {
left: 0;
width: 10px;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0));
}
.menuMobilePriority-scrollbox::after {
right: 0;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 40%);
} .menuMobilePriority {
display: flex;
flex-wrap: nowrap;
align-content: center;
list-style: none;
padding: 0;
}
.menuMobilePriority .menu-item {
padding: 0 .5em;
text-align: center;
position: relative;
flex: 1 0 auto;
}
.menuMobilePriority .menu-item a {
text-decoration: none;
}
.menuMobilePriority .menu-item a {
color: #369;
color: var(--mobile-priority-link-color, #369);
}
.note {
display: none;
}
.menu-does-not-fit .menuMobilePriority .menu-item {
-webkit-animation: 1.5s linear 1s move_priority_nav;
animation: 1.5s linear 1s move_priority_nav;
}
@-webkit-keyframes move_priority_nav {
0%, 100% {
transform: translate(0, 0);
}
50% {
transform: translate(-10px, 0);
}
85% {
transform: translate(5px, 0);
}
}
@keyframes move_priority_nav {
0%, 100% {
transform: translate(0, 0);
}
50% {
transform: translate(-10px, 0);
}
85% {
transform: translate(5px, 0);
}
}
@media(min-width: 1280px) {
.menuMobilePriority-scrollbox {
display: none;
}
.note {
display: block;
padding: 1em;
}
}
hr.home-blog-divider {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
margin: 1em 0 3em;
}
.blog-home .blog-home-post-title {
font-size: 1.2rem;
}
.blog-home .blog-home-post-count {
font-size: .9em;
color: #999;
}
.blog-home .blog-home-post-tags a {
padding: 0 .25em;
background: #eee;
border: 1px solid #ccc;
border-radius: 4px;
font-size: .7em;
line-height: 2;
display: inline-block;
}
.postTile-tag-container {
}
.postTile-tags {
}
.postTile-tag {
}
.site-branding-logo-left {
}
.site-branding-logo-left--has-dividers .menuGlobal > li {
border-right: 1px solid var(--menu-color);
}
.site-branding-logo-left--has-dividers .menuGlobal > li:first-child {
border-left: none;
}
.site-branding-logo-left--has-dividers .menuGlobal > li:last-child {
border-right: none;
}
.site-branding-logo-left--has-dividers-enclosed .menuGlobal > li:first-child {
border-left:  solid 1px var(--menu-color);
}
.site-branding-logo-left--has-dividers-enclosed .menuGlobal > li:last-child {
border-right: solid 1px var(--menu-color);
}
.siteBrandingLogoLeft-logo-image {
max-width: 100%;
}
@media(min-width: 551px) {
.siteBrandingLogoLeft-logo-image {
max-width: none;
}
}
#header-nav-block {
border: 2px solid purple;
max-width: 320px;
}
@media(min-width: 751px) {
#header-nav-block {
width: calc(98% - (var(--site-branding-logo-width) * 1px));
border: 2px solid orange;
max-width: none
}
} :root {
--responsive: calc((var(--min-font) * 1px) + (var(--max-font) - var(--min-font)) * ((100vw - 360px) / (1261 - 360)));
}
.lf-content-article p:not([class]),
.lf-content-article li:not([class]),
.lf-content-article h6:not([class]), 
.lf-content-article h5:not([class]),
.lf-content-article h4:not([class]),
.lf-content-article h3:not([class]),
.lf-content-article h2:not([class]),
.lf-content-article h1:not([class]) { font-size: calc(var(--min-font) * 1px);
}
@media(min-width: 361px) {
.lf-content-article p:not([class]),
.lf-content-article li:not([class]),
.lf-content-article h6:not([class]),
.lf-content-article h5:not([class]),
.lf-content-article h4:not([class]) {
font-size: clamp(calc(var(--min-font) * 1px), calc((2vw + 2vh)/2), calc(var(--max-font) * 1px) );
}
.lf-content-article h3:not([class]) {
font-size: 28px;
}
@supports(font-size: clamp(1px, 2px, 3px)) {
.lf-content-article h3:not([class]) {
font-size: clamp(calc(var(--min-font) * 1px), calc((2.5vw + 2.5vh)/2), calc(var(--max-font) * 1px) );
}
}
.lf-content-article h2:not([class]) {
font-size: 34px;
}
@supports(font-size: clamp(1px, 2px, 3px)) {
.lf-content-article h2:not([class]) {
font-size: clamp(calc(var(--min-font) * 1px), calc((3.25vw + 3.25vh)/2), calc(var(--max-font) * 1px) );
}
}
.lf-content-article h1:not([class]) {
font-size: 38px;
}
@supports(font-size: clamp(1px, 2px, 3px)) {
.lf-content-article h1:not([class]) {
font-size: clamp(calc(var(--min-font) * 1px), calc((2.5vw + 2.5vh)/2), calc(var(--max-font) * 1px) );
}
}
}
@media(min-width: 1262px) {
.lf-content-article p:not([class]),
.lf-content-article li:not([class]),
.lf-content-article h6:not([class]),
.lf-content-article h5:not([class]),
.lf-content-article h4:not([class]),
.lf-content-article h3:not([class]),
.lf-content-article h2:not([class]),
.lf-content-article h1:not([class]) {
font-size: calc(var(--max-font) * 1px);
}
}
.wp-block-cover {
min-height: 200px;
-webkit-filter: sepia(30%);
filter: sepia(30%);
}
@media (min-width: 751px) {
.wp-block-cover {
height: 450px
}
}
@media (min-width: 1261px)  {
.wp-block-image.alignfull {
margin-left  : calc(50% - 50vw);
margin-right : calc(50% - 50vw);
max-width    : 100vw
}
}
@media (min-width: 1261px)  {
.wp-block-columns.alignwide {
margin-left: -10%;
margin-right: -10%;
width: 120%;
max-width: 100vw
}
}
.wp-block-column.cafe-main p {
max-width: none;
}
.wp-block-column.cafe-main h2 {
margin-top: 0;
}
.wp-block-column.cafe-starburst {
display: none;
margin-left: 1em;
}
@media (min-width: 1261px)  {
.wp-block-column.cafe-starburst {
flex-basis: 25%;
display: block;
margin-left: 0
}
}
.wp-block-column.cafe-opening { margin-left: 0;
}
@media (min-width: 600px)  {
.wp-block-column.cafe-opening {
margin-left: 2em
}
}
.gpl-inner-post-content h2 {
text-align: center;
}
.gpl-inner-post-content a {
text-shadow: 1px 1px 2px #000;
}
.blocks-gallery-item:hover .js-gallery-img {
transform:scale3d(1.1, 1.1, 1);
}
@media (min-width: 1261px)  {
.wp-block-cover.alignwide, .wp-block-gallery.alignwide {
margin-left: -10%;
margin-right: -10%;
width: 120%;
max-width: 100vw
}
}
@media (min-width: 1261px)  {
.wp-block-cover.alignfull {
margin-left  : calc(50% - 50vw);
margin-right : calc(50% - 50vw);
max-width    : 100vw;
background-position: top left;
margin-bottom: 200px;
width: auto;
z-index: 10;
position: absolute;
top: 0;
left: 0
}
}
@media (min-width: 1261px)  {
.wp-block-gallery.alignfull {
margin-left  : calc(50% - 50vw);
margin-right : calc(50% - 50vw);
max-width    : 100vw
}
}
.wp-block-gallery .blocks-gallery-item {
overflow: hidden;
}
@media(min-width: 752px) {
.wp-block-gallery .blocks-gallery-item {
height: 150px
}
}
@media(min-width: 1262px) {
.wp-block-gallery .blocks-gallery-item {
height: 200px
}
}
@media (min-width: 751px)  {
.wp-block-gallery.columns-4 .blocks-gallery-item {
height: 180px
}
}
@media (min-width: 1261px)  {
.wp-block-gallery.columns-4 .blocks-gallery-item {
height: 220px
}
}
@media (min-width: 751px)  {
.wp-block-gallery.columns-3 .blocks-gallery-item {
height: 200px
}
}
@media (min-width: 1261px)  {
.wp-block-gallery.columns-3 .blocks-gallery-item {
height: 250px
}
}
@media (min-width: 751px)  {
.wp-block-gallery.columns-2 .blocks-gallery-item {
height: 200px
}
}
@media (min-width: 1261px)  {
.wp-block-gallery.columns-2 .blocks-gallery-item {
height: 280px
}
}
.wp-block-gallery figure {
justify-content:center;
align-items: center;
}
.wp-block-gallery  .blocks-gallery-item img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.wp-block-gallery .blocks-gallery-item figure {
height: auto;
}
.wp-block-gallery.is-cropped .blocks-gallery-item {
overflow: hidden;
}
.wp-block-gallery.is-cropped .blocks-gallery-item img {
max-width: none;
position: relative;
}
@media (min-width: 1261px)  {
.alignfull {
margin-left  : calc(50% - 50vw);
margin-right : calc(50% - 50vw);
max-width    : 100vw
}
} .text-group .wp-block-group__inner-container { max-width: 680px;
margin: 0 24px;
}
@media (min-width: 751px) {
.text-group .wp-block-group__inner-container {
margin: 0 48px
}
}
@media (min-width: 1261px) {
.text-group .wp-block-group__inner-container {
margin: 0 auto
}
}
.wp-block-atomic-blocks-ab-columns p {
margin: 1.5em 0;
}
.narrow-centred {
margin: 0 auto;
max-width: 500px;
} body {
background-color: #fff;
background-color: var(--body-bg-color, #fff);
}
.lf-content {
color: var(--content-color);
}
.lf-content-article a {
color: var(--content-link-color);
}
.lf-content-article a:hover {
color: var(--content-link-color-hover);
}
.lf-footer {
background-color: var(--footer-bg-color);
color: var(--footer-color);
}
.lf-footer a {
color: var(--footer-color-links);
}
.lf-footer a:hover {
color: var(--footer-color-links-hover);
}  .page-padding {
max-width: 560px;
margin: 0 24px;
}
@media (min-width: 751px) {
.page-padding {
margin: 0 48px
}
}
@media (min-width: 1261px) {
.page-padding {
margin: 0
}
}
body {
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
} .bg-white {
--bg-opacity: 1;
background-color: #ffffff;
background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.bg-red-100 {
--bg-opacity: 1;
background-color: #fde8e8;
background-color: rgba(253, 232, 232, var(--bg-opacity));
}
.border-gray-300 {
--border-opacity: 1;
border-color: #d2d6dc;
border-color: rgba(210, 214, 220, var(--border-opacity));
}
.border-red-500 {
--border-opacity: 1;
border-color: #f05252;
border-color: rgba(240, 82, 82, var(--border-opacity));
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.border {
border-width: 1px;
}
.block {
display: block;
}
.flex {
display: flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.content-center {
align-content: center;
}
.content-between {
align-content: space-between;
}
.self-end {
align-self: flex-end;
}
.self-center {
align-self: center;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-evenly {
justify-content: space-evenly;
}
.flex-auto {
flex: 1 1 auto;
}
.flex-initial {
flex: 0 1 auto;
}
.flex-grow-0 {
flex-grow: 0;
}
.flex-grow {
flex-grow: 1;
}
.float-left {
float: left;
}
.font-bold {
font-weight: 700;
}
.h-auto {
height: auto;
}
.text-sm {
font-size: 0.875rem;
}
.text-4xl {
font-size: 2.25rem;
}
.leading-none {
line-height: 1;
}
.leading-loose {
line-height: 2;
}
.m-0 {
margin: 0;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mt-4 {
margin-top: 1rem;
}
.mr-4 {
margin-right: 1rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.max-w-xs {
max-width: 20rem;
}
.max-w-full {
max-width: 100%;
}
.max-w-screen-lg {
max-width: 1024px;
}
.max-w-screen-xl {
max-width: 1280px;
}
.overflow-x-auto {
overflow-x: auto;
}
.p-1 {
padding: 0.25rem;
}
.p-2 {
padding: 0.5rem;
}
.p-4 {
padding: 1rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.pr-4 {
padding-right: 1rem;
}
.pt-8 {
padding-top: 2rem;
}
.pt-12 {
padding-top: 3rem;
}
.pt-16 {
padding-top: 4rem;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.left-0 {
left: 0;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-white {
--text-opacity: 1;
color: #ffffff;
color: rgba(255, 255, 255, var(--text-opacity));
}
.text-black {
--text-opacity: 1;
color: #000000;
color: rgba(0, 0, 0, var(--text-opacity));
}
.text-gray-700 {
--text-opacity: 1;
color: #374151;
color: rgba(55, 65, 81, var(--text-opacity));
}
.text-opacity-50 {
--text-opacity: 0.5;
}
.italic {
font-style: italic;
}
.underline {
text-decoration: underline;
}
.tracking-wide {
letter-spacing: 0.025em;
}
.invisible {
visibility: hidden;
}
.w-8\/12 {
width: 66.666667%;
}
.w-full {
width: 100%;
}
.z-10 {
z-index: 10;
}
.transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes ping {
75%, 100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes pulse {
50% {
opacity: .5;
}
}
@keyframes bounce {
0%, 100% {
transform: translateY(-25%);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50% {
transform: none;
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}
@media (min-width: 640px) {
.sm\:items-center {
align-items: center;
}
.sm\:mr-4 {
margin-right: 1rem;
}
.sm\:pl-8 {
padding-left: 2rem;
}
}
@media (min-width: 768px) {
.md\:flex {
display: flex;
}
.md\:items-end {
align-items: flex-end;
}
.md\:content-center {
align-content: center;
}
.md\:justify-end {
justify-content: flex-end;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:flex-grow {
flex-grow: 1;
}
.md\:mt-0 {
margin-top: 0;
}
.md\:mb-4 {
margin-bottom: 1rem;
}
.md\:mt-16 {
margin-top: 4rem;
}
.md\:pt-0 {
padding-top: 0;
}
.md\:pt-4 {
padding-top: 1rem;
}
.md\:pl-4 {
padding-left: 1rem;
}
.md\:pl-8 {
padding-left: 2rem;
}
.md\:w-1\/4 {
width: 25%;
}
}
@media (min-width: 1024px) {
.lg\:flex {
display: flex;
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:items-center {
align-items: center;
}
.lg\:content-center {
align-content: center;
}
.lg\:justify-start {
justify-content: flex-start;
}
.lg\:justify-end {
justify-content: flex-end;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:justify-between {
justify-content: space-between;
}
.lg\:flex-1 {
flex: 1 1 0%;
}
.lg\:flex-auto {
flex: 1 1 auto;
}
.lg\:flex-none {
flex: none;
}
.lg\:flex-shrink-0 {
flex-shrink: 0;
}
.lg\:h-32 {
height: 8rem;
}
.lg\:mt-0 {
margin-top: 0;
}
.lg\:ml-2 {
margin-left: 0.5rem;
}
.lg\:ml-6 {
margin-left: 1.5rem;
}
.lg\:mr-16 {
margin-right: 4rem;
}
.lg\:max-w-screen-xl {
max-width: 1280px;
}
.lg\:p-6 {
padding: 1.5rem;
}
.lg\:py-0 {
padding-top: 0;
padding-bottom: 0;
}
.lg\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.lg\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.lg\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.lg\:text-left {
text-align: left;
}
.lg\:w-1\/4 {
width: 25%;
}
}
@media (min-width: 1280px) {
.xl\:container {
width: 100%;
}
@media (min-width: 640px) {
.xl\:container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.xl\:container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.xl\:container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.xl\:container {
max-width: 1280px;
}
}
.xl\:block {
display: block;
}
.xl\:hidden {
display: none;
}
.xl\:flex-row {
flex-direction: row;
}
.xl\:text-lg {
font-size: 1.125rem;
}
.xl\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.xl\:mt-0 {
margin-top: 0;
}
.xl\:ml-8 {
margin-left: 2rem;
}
.xl\:px-0 {
padding-left: 0;
padding-right: 0;
}
.xl\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.xl\:w-auto {
width: auto;
}
}