/** Shopify CDN: Minification failed

Line 616:3 Unexpected ")"

**/
@media all and (min-width: 1024px){.lw50 {padding-right:50px}.producttop .swiper-pagination-horizontal {display:none!important}}

.false {display:none}
.true {display:block!important}
/*collection*/
h1.collection-hero__title {margin-top:.4em!important }

.swiper  {padding-bottom:17px!important}
.swiper-pagination-horizontal {bottom:0!important}
.swiper-button-next {right:-1px}
.swiper-button-prev {left:-1px}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #ce212e;
}

 

.hometop.swiper,  .hometop .swiper-wrapper {padding-bottom:0!important}


@media all and (max-width: 1024px) {.homecontainer {padding-left:0!important;padding-right:0!important;max-width:calc(100vw - 2.5rem)} }




.lwfieldno:after,
footer .field:after {content:none}

.lwfieldno input, footer .field input, footer input:focus  {background-color:transparent;box-shadow:none!important;border-bottom:1px solid white;padding:12px 0 12px 0!important;height:auto!important;color:white!important}
footer label {display:none;}
.lwfieldno input::placeholder , footer input::placeholder,
.newsletter-form__message{ 	font-size: 16px;
 	line-height: 24px;
 	letter-spacing: .25px;
 	color: white!important;
 	opacity: 1!important;
    visibility:visible!important;
    display:inherit!important;
 }
footer svg.icon-arrow {width:30px;height:30px}
footer svg.icon {display:inline-block}
footer .newsletter-form__button {top:-12px;right:-24px}





/*.header-wrapper--border-bottom {border-bottom:none!important}*/
.header__inline-menu .list-menu.list-menu--inline .header__menu-item.list-menu__item {padding:16px 24px!important}
.header__inline-menu .list-menu.list-menu--inline .header__menu-item.list-menu__item .icon-caret {    right: -.5rem!important;}
.header__inline-menu .list-menu.list-menu--inline .header__menu-item.list-menu__item .icon-caret  path { fill:#dddddd!important}
summary:hover *, .header__menu-item:hover .header__active-menu-item, .header__menu-item:hover .header__active-menu-item,
details[open]:hover>.header__menu-item, .header__submenu .header__menu-item:hover {    text-decoration-thickness: inherit !important;}
.header-wrapper--border-bottom {border-bottom:0!important}
.header__icons {padding-right:0!important}
.header * {color:#20211a!important}
video {background-color:black}
@media screen and (min-width: 990px) {
 .header {    padding:32px 0 32px 1.25em!important } 
    .header--middle-left .header__inline-menu {
        margin-left: 26px!important;
        margin-top: -6px!important;
    }
  .header__icon header__icon--search { margin-top: -6px!important}

header {position:relative}
#HeaderMenu-our-company, #HeaderMenu-resources, #HeaderMenu-connect {position:absolute!important;top:8px;right:18px;padding:4px!important; }
  #HeaderMenu-our-company span, #HeaderMenu-resources span, #HeaderMenu-connect span
  { text-decoration:none!important}
  #HeaderMenu-our-company {right:196px}#HeaderMenu-resources{right:99px}




                                      
}
.search-modal {border-bottom:0!important; min-height: calc(100% + var(--inputs-margin-offset));}
details[open] .modal-overlay:after {left:-9000px;right:-9000px}
 @media screen and (min-width: 1024px) and (max-width: 1280px) {
    .header.page-width {
        max-width: 1024px!important;
    }
}

 @media screen   and (min-width: 1281px) {
    .header.page-width, 
   .container.homecontainer{
        max-width: 1700px!important;
    }
}
 

.menu-drawer__inner-submenu .menu-drawer__close-button:first-child {margin-top:0!important}
.menu-drawer__navigation  {padding-top:0!important }
.js .menu-drawer__menu li {margin-bottom:0!important}
li .menu-drawer__menu li {padding-top:0!important;padding-bottom:0!important}
@media screen and (min-width: 1024px) { #homewhite h1,  #homewhite h3 {color:white!important} }

/*search*/
#Search-In-Modal .field__input::placeholder,
#Search-In-Modal .field input::placeholder { font-family:Archivo, sans-serif!important;    letter-spacing:0!important}


/*page width and h1; resources*/
.page #MainContent {padding-top:6px;padding-bottom:50px}
.page .main-page-title {margin-bottom:.5em!important}

#MainContent {
 /* max-width:1024px;  */
  /* make images 25% smaller*/
  margin-right: auto;
  margin-left: auto;
  width:100%;
  margin-top:0!important
}
.main-page-title {
  display:inline-block;
  text-transform:uppercase;
  padding-left:32px;
}
ul + h1 {
  margin-top:50px;
}


/*resources*/

.resources.biocote h1, .resources.biocote h2 , .resources.biocote p{margin-bottom:1em!important}
.resources.biocote h2 {font-size:18px!important}
.resources.biocote p + h2 {margin-top:1.5em!important}

/*faq*/

 ul.faq{ list-style-type: none!important;margin-left:0!important;}

.faq li { padding: 20px!important; list-style-type: none!important;cursor: pointer!important}
.entry-content li::before
{content:"";}
.faq li.q {position: relative;
border-bottom:1px solid #ccc;padding:10px 0px 10px 20px;
font-size:calc(13px + .3vw);
display:block;cursor: pointer;
}
.faq li.q p
{margin-bottom:0;padding-bottom:0;
font-size:calc(13px + .3vw);
}
 .faq li.a
 {
font-size:calc(13px + .3vw);
margin-bottom:0;display:none;padding:17px 20px 20px 20px;
background-color:#efefef;color:black!important;
   transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -webkit-transform .2s ease-in-out
}

.faq li.a p,
.faq li.a ol li
{
font-size:calc(13px + .3vw);
margin-bottom:0px!important;color:black!important;
}

.faq li.a ol li + li {margin-top:10px;}

.extrafaq #content li, 
.extrafaq #content li h4 {color:black!important;}

.faq li.a p + p, .faq li.a ul + p,.faq li.a ol + p{margin-top:20px;}
.faq li.knifecase  p + p{margin-top:6px;padding-top:6px;border-top:1px solid #ccc;}
.faq li.a a {
  color:rgba(0,0,0,.8);
  color:green;
  border-bottom:1px solid rgba(0,0,0,.3);
}


.faq li.q:before
{
	display:block;position: absolute;content:" ";
	width:15px;
	height:15px;
	top:1.45em;
	left:-3px;
	background-position: center;
	background-image:url(65310.png);
	background-repeat: no-repeat;
	background-size: contain;
	 -webkit-transition: -webkit-transform .2s ease-in-out;
	 transition: -webkit-transform .2s ease-in-out;
	 -moz-transition: -webkit-transform .2s ease-in-out;
	 line-height: 15px;
	 color:green;
	}

 .faq li.rotate:before{-moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);}

/*fix font-size rem for padding problem*/

.page-width {width:auto;max-width:100%}
html {font-size: 100%;font-family:Archivo, sans-serif!important}
body {font-size: 14px;font-size: 1rem;}
.product__media-list {display:none!important}
.product__info-container  {display:none!important}
.ui {font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont!important}
.archivo {font-family:Archivo!important}

/*lw my template wc in shopify*/

img.cert {margin-left:8px;margin-top:10px;margin-bottom:11px;border:0!important;height:65px;max-width:30%;display:inline-block;margin-right:8px}
product-recommendations {display:none!important;}
/*.header__heading-link {display:none!important}*/
.template-search__search + p {text-align:center}
.header__icon--cart {display:none!important}
.template-search__header  h1 {font-family:Archivo;    font-size: 33px;line-height: 1.3em;letter-spacing:0}
h1.collection-hero__title {font-family:Archivo;    font-size: 43px;line-height: 1.3em;letter-spacing:0;text-align:center}

.collection h1.collection-hero__title {font-size:min(43px, calc(2vw + 22px))}
.collection-hero__inner.page-width {padding:0}
h2.title--primary {font-family:Archivo;    font-size: 20px;line-height: 1.3em;letter-spacing:0;text-align:center;color:#999}
.facets-container {display:none!important}
@media all and (max-width: 1023px){.lwmain {object-fit: contain!important}}


/*lw cdn definitions*/
#lwnav li button {padding:0;height:auto}
#lwnav li a {padding:16px 24px}
#lwnav li a:hover, u:hover {color:#999;cursor: pointer;}
#search{position:absolute;right:5px;top:0;height:48px;}
#global-nav {    z-index: -2;}
#global-nav {padding-top:16px;height:152px;}/**
#global-nav {padding-top:46px;height:212px;}/*30*/
#global-nav {padding-top:56px;height:232px;}/*40*/
#global-nav {padding-top:36px;height:192px;}/*20*/




/*shopify*/
.list-menu__item {
  font-family:Archivo!important;

    letter-spacing: .25px!important;
  color:rgb(32, 33, 26)!important;
   
}
.header__inline-menu .list-menu__item {

        font-size: 16px!important;
    line-height: 24px!important;
     padding: 16px 24px;
    height: auto;
}



 #lwft {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .5) 100%), url(/cdn/shop/files/CDN-Thermometers-Timers-Scales.jpg);
    background-blend-mode: darken;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    background-color: white;
    background-position: bottom center;
    background-size: 300%;
    opacity: .2;
}

 footer {
  position:relative;   
   background-image:linear-gradient(to bottom, rgba(0, 0, 0, .6) 20%, rgba(0, 0, 0, .2) 100%);
   background-repeat:no-repeat;background-size:110%;background-position:bottom center; }





 








/*product*/

#product_details button img,
#product_details #options img {
	border: 2px solid rgb(238, 238, 238)
}
#product_details #options img {
	margin-top: 10px
}
#product_details #options {
	text-align: center;
	gap: 1.25rem
}
#product_details svg {
	margin-top:1px
}
#product_details .closed .unexpanded {
	display: none
}
#product_details .open .expanded{
	display: none
}
#product_details .closed + .prose {
	 display: none 
}
#product_details .opener  {
	border-top-width:0!important
}
#product_details sku {
	font-weight: normal;
}
footer form { 
	margin-bottom:0
}



li.a.open {display:block}


/*
! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
*/
 *,
 :after,
 :before {
 	box-sizing: border-box;
 	border: 0 solid #e5e7eb
 }

 :after,
 :before {
 	--tw-content: ""
 }

 html {
 	line-height: 1.5;
 	-webkit-text-size-adjust: 100%;
 	tab-size: 4;
 	font-family: ui-sans-serif, 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;
 	font-feature-settings: normal;
 	font-variation-settings: normal
 }

 body {
 	margin: 0;
 	line-height: inherit
 }

 hr {
 	height: 0;
 	color: inherit;
 	border-top-width: 1px
 }

 abbr:where([title]) {
 	-webkit-text-decoration: underline dotted;
 	text-decoration: underline dotted
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-size: inherit;
 	font-weight: inherit
 }

 a {
 	color: inherit;
 	text-decoration: inherit
 }

 b,
 strong {
 	font-weight: bolder
 }

 code,
 kbd,
 pre,
 samp {
 	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
 	font-size: 1em
 }

 small {
 	font-size: 80%
 }

 sub,
 sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline
 }

 sub {
 	bottom: -.25em
 }

 sup {
 	top: -.5em
 }

 table {
 	text-indent: 0;
 	border-color: inherit;
 	border-collapse: collapse
 }

 button,
 input,
 optgroup,
 select,
 textarea {
 	font-family: inherit;
 	font-size: 100%;
 	font-weight: inherit;
 	line-height: inherit;
 	color: inherit;
 	margin: 0;
 	padding: 0
 }

 button,
 select {
 	text-transform: none
 }

 [type=button],
 [type=reset],
 [type=submit],
 button {
 	-webkit-appearance: button;
 	background-color: transparent;
 	background-image: none
 }

 :-moz-focusring {
 	outline: auto
 }

 :-moz-ui-invalid {
 	box-shadow: none
 }

 progress {
 	vertical-align: baseline
 }

 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
 	height: auto
 }

 [type=search] {
 	-webkit-appearance: textfield;
 	outline-offset: -2px
 }

 ::-webkit-search-decoration {
 	-webkit-appearance: none
 }

 ::-webkit-file-upload-button {
 	-webkit-appearance: button;
 	font: inherit
 }

 summary {
 	display: list-item
 }

 blockquote,
 dd,
 dl,
 figure,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 p,
 pre {
 	margin: 0
 }

 fieldset {
 	margin: 0
 }

 fieldset,
 legend {
 	padding: 0
 }

 menu,
 ol,
 ul {
 	list-style: none;
 	margin: 0;
 	padding: 0
 }

 textarea {
 	resize: vertical
 }

 input::placeholder,
 textarea::placeholder {
 	color: #9ca3af
 }

 [role=button],
 button {
 	cursor: pointer
 }

 :disabled {
 	cursor: default
 }

 audio,
 canvas,
 embed,
 iframe,
 img,
 object,
 svg,
 video {
 	display: block;
 	vertical-align: middle
 }

 img,
 video {
 	max-width: 100%;
 	height: auto
 }

 [hidden] {
 	display: none
 }

 [multiple],
 [type=date],
 [type=datetime-local],
 [type=email],
 [type=month],
 [type=number],
 [type=password],
 [type=search],
 [type=tel],
 [type=text],
 [type=time],
 [type=url],
 [type=week],
 select,
 textarea {
 	appearance: none;
 	background-color: #fff;
 	border-color: #6b7280;
 	border-width: 1px;
 	border-radius: 0;
 	padding: .5rem .75rem;
 	font-size: 1rem;
 	line-height: 1.5rem;
 	--tw-shadow: 0 0 #0000
 }

 /* [multiple]:focus,
 [type=date]:focus,
 [type=datetime-local]:focus,
 [type=email]:focus,
 [type=month]:focus,
 [type=number]:focus,
 [type=password]:focus,
 [type=search]:focus,
 [type=tel]:focus,
 [type=text]:focus,
 [type=time]:focus,
 [type=url]:focus,
 [type=week]:focus,
 select:focus,
 textarea:focus {
 	outline: 2px solid transparent;
 	outline-offset: 2px;
 	--tw-ring-inset: var(--tw-empty,
 			/*!*/
 			/*!*/
 		);
 	--tw-ring-offset-width: 0px;
 	--tw-ring-offset-color: #fff;
 	--tw-ring-color: #2563eb;
 	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 	border-color: #2563eb
 } */

 input::placeholder,
 textarea::placeholder {
 	color: white;
 	opacity: 1
 }

 ::-webkit-datetime-edit-fields-wrapper {
 	padding: 0
 }

 ::-webkit-date-and-time-value {
 	min-height: 1.5em
 }

 ::-webkit-datetime-edit,
 ::-webkit-datetime-edit-day-field,
 ::-webkit-datetime-edit-hour-field,
 ::-webkit-datetime-edit-meridiem-field,
 ::-webkit-datetime-edit-millisecond-field,
 ::-webkit-datetime-edit-minute-field,
 ::-webkit-datetime-edit-month-field,
 ::-webkit-datetime-edit-second-field,
 ::-webkit-datetime-edit-year-field {
 	padding-top: 0;
 	padding-bottom: 0
 }

 select {
 	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
 	background-position: right .5rem center;
 	background-repeat: no-repeat;
 	background-size: 1.5em 1.5em;
 	padding-right: 2.5rem;
 	-webkit-print-color-adjust: exact;
 	print-color-adjust: exact
 }

 [multiple] {
 	background-image: none;
 	background-position: 0 0;
 	background-repeat: unset;
 	background-size: initial;
 	padding-right: .75rem;
 	-webkit-print-color-adjust: unset;
 	print-color-adjust: unset
 }

 [type=checkbox],
 [type=radio] {
 	appearance: none;
 	padding: 0;
 	-webkit-print-color-adjust: exact;
 	print-color-adjust: exact;
 	display: inline-block;
 	vertical-align: middle;
 	background-origin: border-box;
 	-webkit-user-select: none;
 	user-select: none;
 	flex-shrink: 0;
 	height: 1rem;
 	width: 1rem;
 	color: #2563eb;
 	background-color: #fff;
 	border-color: #6b7280;
 	border-width: 1px;
 	--tw-shadow: 0 0 #0000
 }

 [type=checkbox] {
 	border-radius: 0
 }

 [type=radio] {
 	border-radius: 100%
 }

 [type=checkbox]:focus,
 [type=radio]:focus {
 	outline: 2px solid transparent;
 	outline-offset: 2px;
 	--tw-ring-inset: var(--tw-empty,
 			/*!*/
 			/*!*/
 		);
 	--tw-ring-offset-width: 2px;
 	--tw-ring-offset-color: #fff;
 	--tw-ring-color: #2563eb;
 	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 [type=checkbox]:checked,
 [type=radio]:checked {
 	border-color: transparent;
 	background-color: currentColor;
 	background-size: 100% 100%;
 	background-position: 50%;
 	background-repeat: no-repeat
 }

 [type=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='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
 }

 [type=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")
 }

 [type=checkbox]:checked:focus,
 [type=checkbox]:checked:hover,
 [type=radio]:checked:focus,
 [type=radio]:checked:hover {
 	border-color: transparent;
 	background-color: currentColor
 }

 [type=checkbox]:indeterminate {
 	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
 	border-color: transparent;
 	background-color: currentColor;
 	background-size: 100% 100%;
 	background-position: 50%;
 	background-repeat: no-repeat
 }

 [type=checkbox]:indeterminate:focus,
 [type=checkbox]:indeterminate:hover {
 	border-color: transparent;
 	background-color: currentColor
 }

 [type=file] {
 	background: unset;
 	border-color: inherit;
 	border-width: 0;
 	border-radius: 0;
 	padding: 0;
 	font-size: unset;
 	line-height: inherit
 }

 [type=file]:focus {
 	outline: 1px solid ButtonText;
 	outline: 1px auto -webkit-focus-ring-color
 }

 *,
 :after,
 :before {
 	--tw-border-spacing-x: 0;
 	--tw-border-spacing-y: 0;
 	--tw-translate-x: 0;
 	--tw-translate-y: 0;
 	--tw-rotate: 0;
 	--tw-skew-x: 0;
 	--tw-skew-y: 0;
 	--tw-scale-x: 1;
 	--tw-scale-y: 1;
 	--tw-pan-x: ;
 	--tw-pan-y: ;
 	--tw-pinch-zoom: ;
 	--tw-scroll-snap-strictness: proximity;
 	--tw-gradient-from-position: ;
 	--tw-gradient-via-position: ;
 	--tw-gradient-to-position: ;
 	--tw-ordinal: ;
 	--tw-slashed-zero: ;
 	--tw-numeric-figure: ;
 	--tw-numeric-spacing: ;
 	--tw-numeric-fraction: ;
 	--tw-ring-inset: ;
 	--tw-ring-offset-width: 0px;
 	--tw-ring-offset-color: #fff;
 	--tw-ring-color: rgba(59, 130, 246, .5);
 	--tw-ring-offset-shadow: 0 0 #0000;
 	--tw-ring-shadow: 0 0 #0000;
 	--tw-shadow: 0 0 #0000;
 	--tw-shadow-colored: 0 0 #0000;
 	--tw-blur: ;
 	--tw-brightness: ;
 	--tw-contrast: ;
 	--tw-grayscale: ;
 	--tw-hue-rotate: ;
 	--tw-invert: ;
 	--tw-saturate: ;
 	--tw-sepia: ;
 	--tw-drop-shadow: ;
 	--tw-backdrop-blur: ;
 	--tw-backdrop-brightness: ;
 	--tw-backdrop-contrast: ;
 	--tw-backdrop-grayscale: ;
 	--tw-backdrop-hue-rotate: ;
 	--tw-backdrop-invert: ;
 	--tw-backdrop-opacity: ;
 	--tw-backdrop-saturate: ;
 	--tw-backdrop-sepia:
 }

 ::backdrop {
 	--tw-border-spacing-x: 0;
 	--tw-border-spacing-y: 0;
 	--tw-translate-x: 0;
 	--tw-translate-y: 0;
 	--tw-rotate: 0;
 	--tw-skew-x: 0;
 	--tw-skew-y: 0;
 	--tw-scale-x: 1;
 	--tw-scale-y: 1;
 	--tw-pan-x: ;
 	--tw-pan-y: ;
 	--tw-pinch-zoom: ;
 	--tw-scroll-snap-strictness: proximity;
 	--tw-gradient-from-position: ;
 	--tw-gradient-via-position: ;
 	--tw-gradient-to-position: ;
 	--tw-ordinal: ;
 	--tw-slashed-zero: ;
 	--tw-numeric-figure: ;
 	--tw-numeric-spacing: ;
 	--tw-numeric-fraction: ;
 	--tw-ring-inset: ;
 	--tw-ring-offset-width: 0px;
 	--tw-ring-offset-color: #fff;
 	--tw-ring-color: rgba(59, 130, 246, .5);
 	--tw-ring-offset-shadow: 0 0 #0000;
 	--tw-ring-shadow: 0 0 #0000;
 	--tw-shadow: 0 0 #0000;
 	--tw-shadow-colored: 0 0 #0000;
 	--tw-blur: ;
 	--tw-brightness: ;
 	--tw-contrast: ;
 	--tw-grayscale: ;
 	--tw-hue-rotate: ;
 	--tw-invert: ;
 	--tw-saturate: ;
 	--tw-sepia: ;
 	--tw-drop-shadow: ;
 	--tw-backdrop-blur: ;
 	--tw-backdrop-brightness: ;
 	--tw-backdrop-contrast: ;
 	--tw-backdrop-grayscale: ;
 	--tw-backdrop-hue-rotate: ;
 	--tw-backdrop-invert: ;
 	--tw-backdrop-opacity: ;
 	--tw-backdrop-saturate: ;
 	--tw-backdrop-sepia:
 }

 .container {
 	width: 100%
 }

 @media (min-width:640px) {
 	.container
   ,  .page #MainContent{
 		max-width: 640px
 	}
 }

 @media (min-width:768px) {
 	.container
     ,  .page #MainContent{
 		max-width: 768px
 	}
 }

 @media (min-width:1024px) {
 	.container
     ,  .page #MainContent{
 		max-width: 1024px
 	}
 }

 @media (min-width:1024px) {
 	  .page #MainContent{
 		padding-left:20px;padding-right:20px
 	}
 }



 @media (min-width:1280px) {
 	.container
     ,  .page #MainContent{
 		max-width: 1280px
 	}
 }

 @media (min-width:1440px) {
 	.container  ,  .page #MainContent {
 		 /*max-width: 1700px;*/
		 /* max-width: 2000px */
      max-width: 1280px
 	}
 }

 .prose {
 	color: var(--tw-prose-body);
 	max-width: 65ch
 }

 .prose :where(p):not(:where([class~=not-prose] *)) {
 	margin-top: 1.25em;
 	margin-bottom: 1.25em
 }

 .prose :where([class~=lead]):not(:where([class~=not-prose] *)) {
 	color: var(--tw-prose-lead);
 	font-size: 1.25em;
 	line-height: 1.6;
 	margin-top: 1.2em;
 	margin-bottom: 1.2em
 }

 .prose :where(a):not(:where([class~=not-prose] *)) {
 	color: var(--tw-prose-links);
 	text-decoration: underline;
 	font-weight: 500
 }

 .prose :where(strong):not(:where([class~=not-prose] *)) {
 	color: var(--tw-prose-bold);
 	font-weight: 600
 }

 .prose :where(a strong):not(:where([class~=not-prose] *)) {
 	color: inherit
 }

 .prose :where(blockquote strong):not(:where([class~=not-prose] *)) {
 	color: inherit
 }

 .prose :where(thead th strong):not(:where([class~=not-prose] *)) {
 	color: inherit
 }

 .prose :where(ol):not(:where([class~=not-prose] *)) {
 	list-style-type: decimal;
 	margin-top: 1.25em;
 	margin-bottom: 1.25em;
 	padding-left: 1.625em
 }

 .prose :where(ol[type=A]):not(:where([class~=not-prose] *)) {
 	list-style-type: upper-alpha
 }

 .prose :where(ol[type=a]):not(:where([class~=not-prose] *)) {
 	list-style-type: lower-alpha
 }

 .prose :where(ol[type=A s]):not(:where([class~=not-prose] *)) {
 	list-style-type: upper-alpha
 }

 .prose :where(ol[type=a s]):not(:where([class~=not-prose] *)) {
 	list-style-type: lower-alpha
 }

 .prose :where(ol[type=I]):not(:where([class~=not-prose] *)) {
 	list-style-type: upper-roman
 }

 .prose :where(ol[type=i]):not(:where([class~=not-prose] *)) {
 	list-style-type: lower-roman
 }

 .prose :where(ol[type=I s]):not(:where([class~=not-prose] *)) {
 	list-style-type: upper-roman
 }

 .prose :where(ol[type=i s]):not(:where([class~=not-prose] *)) {
 	list-style-type: lower-roman
 }

 .prose :where(ol[type="1"]):not(:where([class~=not-prose] *)) {
 	list-style-type: decimal
 }

 .prose :where(ul):not(:where([class~=not-prose] *)) {
 	list-style-type: disc;
 	margin-top: 1.25em;
 	margin-bottom: 1.25em;
 	padding-left: 1.625em
 }

 .prose :where(ol>li):not(:where([class~=not-prose] *))::marker {
 	font-weight: 400;
 	color: var(--tw-prose-counters)
 }

 .prose :where(ul>li):not(:where([class~=not-prose] *))::marker {
 	color: var(--tw-prose-bullets)
 }

 .prose :where(hr):not(:where([class~=not-prose] *)) {
 	border-color: var(--tw-prose-hr);
 	border-top-width: 1px;
 	margin-top: 3em;
 	margin-bottom: 3em
 }

 .prose :where(blockquote):not(:where([class~=not-prose] *)) {
 	font-weight: 500;
 	font-style: italic;
 	color: var(--tw-prose-quotes);
 	border-left-width: .25rem;
 	border-left-color: var(--tw-prose-quote-borders);
 	quotes: "\201C" "\201D" "\2018" "\2019";
 	margin-top: 1.6em;
 	margin-bottom: 1.6em;
 	padding-left: 1em
 }

 .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before {
 	content: open-quote
 }

 .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after {
 	content: close-quote
 }

 .prose :where(h1):not(:where([class~=not-prose] *)) {
 	color: var(--tw-prose-headings);
 	font-weight: 800;
 	font-size: 2.25em;
 	margin-top: 0;
 	margin-bottom: .8888889em;
 	line-height: 1.1111111
 }

 .prose :where(h1 strong):not(:where([class~=not-prose] *)) {
 	font-weight: 900;
 	color: inherit
 }

 .prose :where(h2):not(:where([class~=not-prose] *)) {
 	color: var(--tw-prose-headings);
 	font-weight: 700;
 	font-size: 1.5em;
 	margin-top: 2em;
 	margin-bottom: 1em;
 	line-height: 1.3333333
 }

 .prose :where(h2 strong):not(:where([class~=not-prose] *)) {
 	font-weight: 800;
 	color: inherit
 }

 .prose :where(h3):not(:where([class~=not-prose] *)) {
 	color: var(--tw-prose-headings);
 	font-weight: 600;
 	font-size: 1.25em;
 	margin-top: 1.6em;
 	margin-bottom: .6em;
 	line-height: 1.6
 }

 .prose :where(h3 strong):not(:where([class~=not-prose] *)) {
 	font-weight: 700;
 	color: inherit
 }

 .prose :where(h4):not(:where([class~=not-prose] *)) {
 	color: var(--tw-prose-headings);
 	font-weight: 600;
 	margin-top: 1.5em;
 	margin-bottom: .5em;
 	line-height: 1.5
 }

 .prose :where(h4 strong):not(:where([class~=not-prose] *)) {
 	font-weight: 700;
 	color: inherit
 }

 .prose :where(img):not(:where([class~=not-prose] *)) {
 	margin-top: 2em;
 	margin-bottom: 2em
 }

 .prose :where(figure>*):not(:where([class~=not-prose] *)) {
 	margin-top: 0;
 	margin-bottom: 0
 }

 .prose :where(figcaption):not(:where([class~=not-prose] *)) {
 	color: var(--tw-prose-captions);
 	font-size: .875em;
 	line-height: 1.4285714;
 	margin-top: .8571429em
 }

 .prose :where(code):not(:where([class~=not-prose] *)) {
 	color: var(--tw-prose-code);
 	font-weight: 600;
 	font-size: .875em
 }

 .prose :where(code):not(:where([class~=not-prose] *)):before {
 	content: "`"
 }

 .prose :where(code):not(:where([class~=not-prose] *)):after {
 	content: "`"
 }

 .prose :where(a code):not(:where([class~=not-prose] *)) {
 	color: inherit
 }

 .prose :where(h1 code):not(:where([class~=not-prose] *)) {
 	color: inherit
 }

 .prose :where(h2 code):not(:where([class~=not-prose] *)) {
 	color: inherit;
 	font-size: .875em
 }

 .prose :where(h3 code):not(:where([class~=not-prose] *)) {
 	color: inherit;
 	font-size: .9em
 }

 .prose :where(h4 code):not(:where([class~=not-prose] *)) {
 	color: inherit
 }

 .prose :where(blockquote code):not(:where([class~=not-prose] *)) {
 	color: inherit
 }

 .prose :where(thead th code):not(:where([class~=not-prose] *)) {
 	color: inherit
 }

 .prose :where(pre):not(:where([class~=not-prose] *)) {
 	color: var(--tw-prose-pre-code);
 	background-color: var(--tw-prose-pre-bg);
 	overflow-x: auto;
 	font-weight: 400;
 	font-size: .875em;
 	line-height: 1.7142857;
 	margin-top: 1.7142857em;
 	margin-bottom: 1.7142857em;
 	border-radius: .375rem;
 	padding: .8571429em 1.1428571em
 }

 .prose :where(pre code):not(:where([class~=not-prose] *)) {
 	background-color: transparent;
 	border-width: 0;
 	border-radius: 0;
 	padding: 0;
 	font-weight: inherit;
 	color: inherit;
 	font-size: inherit;
 	font-family: inherit;
 	line-height: inherit
 }

 .prose :where(pre code):not(:where([class~=not-prose] *)):before {
 	content: none
 }

 .prose :where(pre code):not(:where([class~=not-prose] *)):after {
 	content: none
 }

 .prose :where(table):not(:where([class~=not-prose] *)) {
 	width: 100%;
 	table-layout: auto;
 	text-align: left;
 	margin-top: 2em;
 	margin-bottom: 2em;
 	font-size: .875em;
 	line-height: 1.7142857
 }

 .prose :where(thead):not(:where([class~=not-prose] *)) {
 	border-bottom-width: 1px;
 	border-bottom-color: var(--tw-prose-th-borders)
 }

 .prose :where(thead th):not(:where([class~=not-prose] *)) {
 	color: var(--tw-prose-headings);
 	font-weight: 600;
 	vertical-align: bottom;
 	padding-right: .5714286em;
 	padding-bottom: .5714286em;
 	padding-left: .5714286em
 }

 .prose :where(tbody tr):not(:where([class~=not-prose] *)) {
 	border-bottom-width: 1px;
 	border-bottom-color: var(--tw-prose-td-borders)
 }

 .prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)) {
 	border-bottom-width: 0
 }

 .prose :where(tbody td):not(:where([class~=not-prose] *)) {
 	vertical-align: baseline
 }

 .prose :where(tfoot):not(:where([class~=not-prose] *)) {
 	border-top-width: 1px;
 	border-top-color: var(--tw-prose-th-borders)
 }

 .prose :where(tfoot td):not(:where([class~=not-prose] *)) {
 	vertical-align: top
 }

 .prose {
 	--tw-prose-body: #374151;
 	--tw-prose-headings: #111827;
 	--tw-prose-lead: #4b5563;
 	--tw-prose-links: #111827;
 	--tw-prose-bold: #111827;
 	--tw-prose-counters: #6b7280;
 	--tw-prose-bullets: #d1d5db;
 	--tw-prose-hr: #e5e7eb;
 	--tw-prose-quotes: #111827;
 	--tw-prose-quote-borders: #e5e7eb;
 	--tw-prose-captions: #6b7280;
 	--tw-prose-code: #111827;
 	--tw-prose-pre-code: #e5e7eb;
 	--tw-prose-pre-bg: #1f2937;
 	--tw-prose-th-borders: #d1d5db;
 	--tw-prose-td-borders: #e5e7eb;
 	--tw-prose-invert-body: #d1d5db;
 	--tw-prose-invert-headings: #fff;
 	--tw-prose-invert-lead: #9ca3af;
 	--tw-prose-invert-links: #fff;
 	--tw-prose-invert-bold: #fff;
 	--tw-prose-invert-counters: #9ca3af;
 	--tw-prose-invert-bullets: #4b5563;
 	--tw-prose-invert-hr: #374151;
 	--tw-prose-invert-quotes: #f3f4f6;
 	--tw-prose-invert-quote-borders: #374151;
 	--tw-prose-invert-captions: #9ca3af;
 	--tw-prose-invert-code: #fff;
 	--tw-prose-invert-pre-code: #d1d5db;
 	--tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
 	--tw-prose-invert-th-borders: #4b5563;
 	--tw-prose-invert-td-borders: #374151;
 	font-size: 1rem;
 	line-height: 1.75
 }

 .prose :where(video):not(:where([class~=not-prose] *)) {
 	margin-top: 2em;
 	margin-bottom: 2em
 }

 .prose :where(figure):not(:where([class~=not-prose] *)) {
 	margin-top: 2em;
 	margin-bottom: 2em
 }

 .prose :where(li):not(:where([class~=not-prose] *)) {
 	margin-top: .5em;
 	margin-bottom: .5em
 }

 .prose :where(ol>li):not(:where([class~=not-prose] *)) {
 	padding-left: .375em
 }

 .prose :where(ul>li):not(:where([class~=not-prose] *)) {
 	padding-left: .375em
 }

 .prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
 	margin-top: .75em;
 	margin-bottom: .75em
 }

 .prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
 	margin-top: 1.25em
 }

 .prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
 	margin-bottom: 1.25em
 }

 .prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
 	margin-top: 1.25em
 }

 .prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
 	margin-bottom: 1.25em
 }

 .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
 	margin-top: .75em;
 	margin-bottom: .75em
 }

 .prose :where(hr+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose :where(h2+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose :where(h3+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose :where(h4+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose :where(thead th:first-child):not(:where([class~=not-prose] *)) {
 	padding-left: 0
 }

 .prose :where(thead th:last-child):not(:where([class~=not-prose] *)) {
 	padding-right: 0
 }

 .prose :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
 	padding: .5714286em
 }

 .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
 	padding-left: 0
 }

 .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
 	padding-right: 0
 }

 .prose :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
 	margin-bottom: 0
 }

 .prose-sm {
 	font-size: .875rem;
 	line-height: 1.7142857
 }

 .prose-sm :where(p):not(:where([class~=not-prose] *)) {
 	margin-top: 1.1428571em;
 	margin-bottom: 1.1428571em
 }

 .prose-sm :where([class~=lead]):not(:where([class~=not-prose] *)) {
 	font-size: 1.2857143em;
 	line-height: 1.5555556;
 	margin-top: .8888889em;
 	margin-bottom: .8888889em
 }

 .prose-sm :where(blockquote):not(:where([class~=not-prose] *)) {
 	margin-top: 1.3333333em;
 	margin-bottom: 1.3333333em;
 	padding-left: 1.1111111em
 }

 .prose-sm :where(h1):not(:where([class~=not-prose] *)) {
 	font-size: 2.1428571em;
 	margin-top: 0;
 	margin-bottom: .8em;
 	line-height: 1.2
 }

 .prose-sm :where(h2):not(:where([class~=not-prose] *)) {
 	font-size: 1.4285714em;
 	margin-top: 1.6em;
 	margin-bottom: .8em;
 	line-height: 1.4
 }

 .prose-sm :where(h3):not(:where([class~=not-prose] *)) {
 	font-size: 1.2857143em;
 	margin-top: 1.5555556em;
 	margin-bottom: .4444444em;
 	line-height: 1.5555556
 }

 .prose-sm :where(h4):not(:where([class~=not-prose] *)) {
 	margin-top: 1.4285714em;
 	margin-bottom: .5714286em;
 	line-height: 1.4285714
 }

 .prose-sm :where(img):not(:where([class~=not-prose] *)) {
 	margin-top: 1.7142857em;
 	margin-bottom: 1.7142857em
 }

 .prose-sm :where(video):not(:where([class~=not-prose] *)) {
 	margin-top: 1.7142857em;
 	margin-bottom: 1.7142857em
 }

 .prose-sm :where(figure):not(:where([class~=not-prose] *)) {
 	margin-top: 1.7142857em;
 	margin-bottom: 1.7142857em
 }

 .prose-sm :where(figure>*):not(:where([class~=not-prose] *)) {
 	margin-top: 0;
 	margin-bottom: 0
 }

 .prose-sm :where(figcaption):not(:where([class~=not-prose] *)) {
 	font-size: .8571429em;
 	line-height: 1.3333333;
 	margin-top: .6666667em
 }

 .prose-sm :where(code):not(:where([class~=not-prose] *)) {
 	font-size: .8571429em
 }

 .prose-sm :where(h2 code):not(:where([class~=not-prose] *)) {
 	font-size: .9em
 }

 .prose-sm :where(h3 code):not(:where([class~=not-prose] *)) {
 	font-size: .8888889em
 }

 .prose-sm :where(pre):not(:where([class~=not-prose] *)) {
 	font-size: .8571429em;
 	line-height: 1.6666667;
 	margin-top: 1.6666667em;
 	margin-bottom: 1.6666667em;
 	border-radius: .25rem;
 	padding: .6666667em 1em
 }

 .prose-sm :where(ol):not(:where([class~=not-prose] *)) {
 	margin-top: 1.1428571em;
 	margin-bottom: 1.1428571em;
 	padding-left: 1.5714286em
 }

 .prose-sm :where(ul):not(:where([class~=not-prose] *)) {
 	margin-top: 1.1428571em;
 	margin-bottom: 1.1428571em;
 	padding-left: 1.5714286em
 }

 .prose-sm :where(li):not(:where([class~=not-prose] *)) {
 	margin-top: .2857143em;
 	margin-bottom: .2857143em
 }

 .prose-sm :where(ol>li):not(:where([class~=not-prose] *)) {
 	padding-left: .4285714em
 }

 .prose-sm :where(ul>li):not(:where([class~=not-prose] *)) {
 	padding-left: .4285714em
 }

 .prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose] *)) {
 	margin-top: .5714286em;
 	margin-bottom: .5714286em
 }

 .prose-sm :where(.prose-sm>ul>li>:first-child):not(:where([class~=not-prose] *)) {
 	margin-top: 1.1428571em
 }

 .prose-sm :where(.prose-sm>ul>li>:last-child):not(:where([class~=not-prose] *)) {
 	margin-bottom: 1.1428571em
 }

 .prose-sm :where(.prose-sm>ol>li>:first-child):not(:where([class~=not-prose] *)) {
 	margin-top: 1.1428571em
 }

 .prose-sm :where(.prose-sm>ol>li>:last-child):not(:where([class~=not-prose] *)) {
 	margin-bottom: 1.1428571em
 }

 .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
 	margin-top: .5714286em;
 	margin-bottom: .5714286em
 }

 .prose-sm :where(hr):not(:where([class~=not-prose] *)) {
 	margin-top: 2.8571429em;
 	margin-bottom: 2.8571429em
 }

 .prose-sm :where(hr+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose-sm :where(h2+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose-sm :where(h3+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose-sm :where(h4+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose-sm :where(table):not(:where([class~=not-prose] *)) {
 	font-size: .8571429em;
 	line-height: 1.5
 }

 .prose-sm :where(thead th):not(:where([class~=not-prose] *)) {
 	padding-right: 1em;
 	padding-bottom: .6666667em;
 	padding-left: 1em
 }

 .prose-sm :where(thead th:first-child):not(:where([class~=not-prose] *)) {
 	padding-left: 0
 }

 .prose-sm :where(thead th:last-child):not(:where([class~=not-prose] *)) {
 	padding-right: 0
 }

 .prose-sm :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
 	padding: .6666667em 1em
 }

 .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
 	padding-left: 0
 }

 .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
 	padding-right: 0
 }

 .prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose] *)) {
 	margin-bottom: 0
 }

 .prose-base {
 	font-size: 1rem;
 	line-height: 1.75
 }

 .prose-base :where(p):not(:where([class~=not-prose] *)) {
 	margin-top: 1.25em;
 	margin-bottom: 1.25em
 }

 .prose-base :where([class~=lead]):not(:where([class~=not-prose] *)) {
 	font-size: 1.25em;
 	line-height: 1.6;
 	margin-top: 1.2em;
 	margin-bottom: 1.2em
 }

 .prose-base :where(blockquote):not(:where([class~=not-prose] *)) {
 	margin-top: 1.6em;
 	margin-bottom: 1.6em;
 	padding-left: 1em
 }

 .prose-base :where(h1):not(:where([class~=not-prose] *)) {
 	font-size: 2.25em;
 	margin-top: 0;
 	margin-bottom: .8888889em;
 	line-height: 1.1111111
 }

 .prose-base :where(h2):not(:where([class~=not-prose] *)) {
 	font-size: 1.5em;
 	margin-top: 2em;
 	margin-bottom: 1em;
 	line-height: 1.3333333
 }

 .prose-base :where(h3):not(:where([class~=not-prose] *)) {
 	font-size: 1.25em;
 	margin-top: 1.6em;
 	margin-bottom: .6em;
 	line-height: 1.6
 }

 .prose-base :where(h4):not(:where([class~=not-prose] *)) {
 	margin-top: 1.5em;
 	margin-bottom: .5em;
 	line-height: 1.5
 }

 .prose-base :where(img):not(:where([class~=not-prose] *)) {
 	margin-top: 2em;
 	margin-bottom: 2em
 }

 .prose-base :where(video):not(:where([class~=not-prose] *)) {
 	margin-top: 2em;
 	margin-bottom: 2em
 }

 .prose-base :where(figure):not(:where([class~=not-prose] *)) {
 	margin-top: 2em;
 	margin-bottom: 2em
 }

 .prose-base :where(figure>*):not(:where([class~=not-prose] *)) {
 	margin-top: 0;
 	margin-bottom: 0
 }

 .prose-base :where(figcaption):not(:where([class~=not-prose] *)) {
 	font-size: .875em;
 	line-height: 1.4285714;
 	margin-top: .8571429em
 }

 .prose-base :where(code):not(:where([class~=not-prose] *)) {
 	font-size: .875em
 }

 .prose-base :where(h2 code):not(:where([class~=not-prose] *)) {
 	font-size: .875em
 }

 .prose-base :where(h3 code):not(:where([class~=not-prose] *)) {
 	font-size: .9em
 }

 .prose-base :where(pre):not(:where([class~=not-prose] *)) {
 	font-size: .875em;
 	line-height: 1.7142857;
 	margin-top: 1.7142857em;
 	margin-bottom: 1.7142857em;
 	border-radius: .375rem;
 	padding: .8571429em 1.1428571em
 }

 .prose-base :where(ol):not(:where([class~=not-prose] *)) {
 	margin-top: 1.25em;
 	margin-bottom: 1.25em;
 	padding-left: 1.625em
 }

 .prose-base :where(ul):not(:where([class~=not-prose] *)) {
 	margin-top: 1.25em;
 	margin-bottom: 1.25em;
 	padding-left: 1.625em
 }

 .prose-base :where(li):not(:where([class~=not-prose] *)) {
 	margin-top: .5em;
 	margin-bottom: .5em
 }

 .prose-base :where(ol>li):not(:where([class~=not-prose] *)) {
 	padding-left: .375em
 }

 .prose-base :where(ul>li):not(:where([class~=not-prose] *)) {
 	padding-left: .375em
 }

 .prose-base :where(.prose-base>ul>li p):not(:where([class~=not-prose] *)) {
 	margin-top: .75em;
 	margin-bottom: .75em
 }

 .prose-base :where(.prose-base>ul>li>:first-child):not(:where([class~=not-prose] *)) {
 	margin-top: 1.25em
 }

 .prose-base :where(.prose-base>ul>li>:last-child):not(:where([class~=not-prose] *)) {
 	margin-bottom: 1.25em
 }

 .prose-base :where(.prose-base>ol>li>:first-child):not(:where([class~=not-prose] *)) {
 	margin-top: 1.25em
 }

 .prose-base :where(.prose-base>ol>li>:last-child):not(:where([class~=not-prose] *)) {
 	margin-bottom: 1.25em
 }

 .prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
 	margin-top: .75em;
 	margin-bottom: .75em
 }

 .prose-base :where(hr):not(:where([class~=not-prose] *)) {
 	margin-top: 3em;
 	margin-bottom: 3em
 }

 .prose-base :where(hr+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose-base :where(h2+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose-base :where(h3+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose-base :where(h4+*):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose-base :where(table):not(:where([class~=not-prose] *)) {
 	font-size: .875em;
 	line-height: 1.7142857
 }

 .prose-base :where(thead th):not(:where([class~=not-prose] *)) {
 	padding-right: .5714286em;
 	padding-bottom: .5714286em;
 	padding-left: .5714286em
 }

 .prose-base :where(thead th:first-child):not(:where([class~=not-prose] *)) {
 	padding-left: 0
 }

 .prose-base :where(thead th:last-child):not(:where([class~=not-prose] *)) {
 	padding-right: 0
 }

 .prose-base :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
 	padding: .5714286em
 }

 .prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
 	padding-left: 0
 }

 .prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
 	padding-right: 0
 }

 .prose-base :where(.prose-base>:first-child):not(:where([class~=not-prose] *)) {
 	margin-top: 0
 }

 .prose-base :where(.prose-base>:last-child):not(:where([class~=not-prose] *)) {
 	margin-bottom: 0
 }

 .sr-only {
 	position: absolute;
 	width: 1px;
 	height: 1px;
 	padding: 0;
 	margin: -1px;
 	overflow: hidden;
 	clip: rect(0, 0, 0, 0);
 	white-space: nowrap;
 	border-width: 0
 }

 .pointer-events-none {
 	pointer-events: none
 }

 .pointer-events-auto {
 	pointer-events: auto
 }

 .invisible {
 	visibility: hidden
 }

 .static {
 	position: static
 }

 .fixed {
 	position: fixed
 }

 .absolute {
 	position: absolute
 }

 .relative {
 	position: relative
 }

 .sticky {
 	position: sticky
 }

 .inset-0 {
 	inset: 0
 }

 .inset-x-0 {
 	left: 0;
 	right: 0
 }

 .inset-x-5 {
 	left: 1.25rem;
 	right: 1.25rem
 }

 .inset-y-0 {
 	top: 0;
 	bottom: 0
 }

 .-left-112 {
 	left: -448px
 }

 .-left-full {
 	left: -100%
 }

 .bottom-0 {
 	bottom: 0
 }

 .bottom-4 {
 	bottom: 1rem
 }

 .bottom-5 {
 	bottom: 1.25rem
 }

 .left-0 {
 	left: 0
 }

 .left-10 {
 	left: 2.5rem
 }

 .left-2 {
 	left: .5rem
 }

 .left-4 {
 	left: 1rem
 }

 .left-\[-999px\] {
 	left: -999px
 }

 .left-auto {
 	left: auto
 }

 .right-0 {
 	right: 0
 }

 .right-1 {
 	right: .25rem
 }

 .right-2 {
 	right: .5rem
 }

 .right-4 {
 	right: 1rem
 }

 .right-5 {
 	right: 1.25rem
 }

 .top-0 {
 	top: 0
 }

 .top-12 {
 	top: 3rem
 }

 .top-2 {
 	top: .5rem
 }

 .top-2\/4 {
 	top: 50%
 }

 .top-3 {
 	top: .75rem
 }

 .top-5 {
 	top: 1.25rem
 }

 .top-\[25\%\] {
 	top: 25%
 }

 .top-full {
 	top: 100%
 }

 .top-px {
 	top: 1px
 }

 .z-10 {
 	z-index: 10
 }

 .z-20 {
 	z-index: 20
 }

 .z-30 {
 	z-index: 30
 }

 .z-40 {
 	z-index: 40
 }

 .z-50 {
 	z-index: 50
 }

 .z-\[15\] {
 	z-index: 15
 }

 .z-\[35\] {
 	z-index: 35
 }

 .z-\[45\] {
 	z-index: 45
 }

 .z-\[60\] {
 	z-index: 60
 }

 .order-1 {
 	order: 1
 }

 .order-2 {
 	order: 2
 }

 .order-3 {
 	order: 3
 }

 .col-span-1 {
 	grid-column: span 1/span 1
 }

 .col-span-10 {
 	grid-column: span 10/span 10
 }

 .col-span-2 {
 	grid-column: span 2/span 2
 }

 .col-span-6 {
 	grid-column: span 6/span 6
 }

 .col-span-full {
 	grid-column: 1/-1
 }

 .col-start-2 {
 	grid-column-start: 2
 }

 .col-start-3 {
 	grid-column-start: 3
 }

 .col-start-4 {
 	grid-column-start: 4
 }

 .col-end-10 {
 	grid-column-end: 10
 }

 .col-end-11 {
 	grid-column-end: 11
 }

 .col-end-12 {
 	grid-column-end: 12
 }

 .m-0 {
 	margin: 0
 }

 .m-auto {
 	margin: auto
 }

 .-mx-4 {
 	margin-left: -1rem;
 	margin-right: -1rem
 }

 .mx-2 {
 	margin-left: .5rem;
 	margin-right: .5rem
 }

 .mx-4 {
 	margin-left: 1rem;
 	margin-right: 1rem
 }

 .mx-5 {
 	margin-left: 1.25rem;
 	margin-right: 1.25rem
 }

 .mx-auto {
 	margin-left: auto;
 	margin-right: auto
 }

 .my-2 {
 	margin-top: .5rem;
 	margin-bottom: .5rem
 }

 .my-2\.5 {
 	margin-top: .625rem;
 	margin-bottom: .625rem
 }

 .my-5 {
 	margin-top: 1.25rem;
 	margin-bottom: 1.25rem
 }

 .my-auto {
 	margin-top: auto;
 	margin-bottom: auto
 }

 .-mt-20 {
 	margin-top: -5rem
 }

 .-mt-5 {
 	margin-top: -1.25rem
 }

 .mb-0 {
 	margin-bottom: 0
 }

 .mb-1 {
 	margin-bottom: .25rem
 }

 .mb-12 {
 	margin-bottom: 3rem
 }

 .mb-2 {
 	margin-bottom: .5rem
 }

 .mb-2\.5 {
 	margin-bottom: .625rem
 }

 .mb-3 {
 	margin-bottom: .75rem
 }

 .mb-4 {
 	margin-bottom: 1rem
 }

 .mb-5 {
 	margin-bottom: 1.25rem
 }

 .mb-6 {
 	margin-bottom: 1.5rem
 }

 .mb-auto {
 	margin-bottom: auto
 }

 .ml-1 {
 	margin-left: .25rem
 }

 .ml-1\.5 {
 	margin-left: .375rem
 }

 .ml-2 {
 	margin-left: .5rem
 }

 .ml-3 {
 	margin-left: .75rem
 }

 .ml-4 {
 	margin-left: 1rem
 }

 .ml-6 {
 	margin-left: 1.5rem
 }

 .ml-8 {
 	margin-left: 2rem
 }

 .ml-auto {
 	margin-left: auto
 }

 .mr-1 {
 	margin-right: .25rem
 }

 .mr-1\.5 {
 	margin-right: .375rem
 }

 .mr-2 {
 	margin-right: .5rem
 }

 .mr-2\.5 {
 	margin-right: .625rem
 }

 .mr-6 {
 	margin-right: 1.5rem
 }

 .mr-auto {
 	margin-right: auto
 }

 .mt-0 {
 	margin-top: 0
 }

 .mt-1 {
 	margin-top: .25rem
 }

 .mt-12 {
 	margin-top: 3rem
 }

 .mt-2 {
 	margin-top: .5rem
 }

 .mt-2\.5 {
 	margin-top: .625rem
 }

 .mt-3 {
 	margin-top: .75rem
 }

 .mt-4 {
 	margin-top: 1rem
 }

 .mt-5 {
 	margin-top: 1.25rem
 }

 .mt-6 {
 	margin-top: 1.5rem
 }

 .mt-8 {
 	margin-top: 2rem
 }

 .mt-auto {
 	margin-top: auto
 }

 .line-clamp-1 {
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 1
 }

 .block {
 	display: block
 }

 .inline-block {
 	display: inline-block
 }

 .inline {
 	display: inline
 }

 .flex {
 	display: flex
 }

 .inline-flex {
 	display: inline-flex
 }

 .grid {
 	display: grid
 }

 .hidden {
 	display: none
 }

 .aspect-\[3\/1\] {
 	aspect-ratio: 3/1
 }

 .aspect-\[3\/4\] {
 	aspect-ratio: 3/4
 }

 .aspect-square {
 	aspect-ratio: 1/1
 }

 .aspect-standard {
 	aspect-ratio: 4/3
 }

 .aspect-standard-vertical {
 	aspect-ratio: 3/4
 }

 .aspect-video {
 	aspect-ratio: 16/9
 }

 .h-0 {
 	height: 0
 }

 .h-0\.75 {
 	height: 3px
 }

 .h-1\/2 {
 	height: 50%
 }

 .h-10 {
 	height: 2.5rem
 }

 .h-11 {
 	height: 2.75rem
 }

 .h-12 {
 	height: 3rem
 }

 .h-14 {
 	height: 3.5rem
 }

 .h-15 {
 	height: 60px
 }

 .h-16 {
 	height: 4rem
 }

 .h-2 {
 	height: .5rem
 }

 .h-2\.5 {
 	height: .625rem
 }

 .h-20 {
 	height: 5rem
 }

 .h-24 {
 	height: 6rem
 }

 .h-3 {
 	height: .75rem
 }

 .h-36 {
 	height: 9rem
 }

 .h-4 {
 	height: 1rem
 }

 .h-4\.5 {
 	height: 18px
 }

 .h-5 {
 	height: 1.25rem
 }

 .h-5\.75 {
 	height: 23px
 }

 .h-6 {
 	height: 1.5rem
 }

 .h-7 {
 	height: 1.75rem
 }

 .h-8 {
 	height: 2rem
 }

 .h-9 {
 	height: 2.25rem
 }

 .h-auto {
 	height: auto
 }

 .h-full {
 	height: 100%
 }

 .h-max {
 	height: max-content
 }

 .h-px {
 	height: 1px
 }

 .h-screen {
 	height: 100vh
 }

 .max-h-0 {
 	max-height: 0
 }

 .max-h-full {
 	max-height: 100%
 }

 .max-h-screen {
 	max-height: 100vh
 }

 .min-h-0 {
 	min-height: 0
 }

 .min-h-full {
 	min-height: 100%
 }

 .w-1\/3 {
 	width: 33.333333%
 }

 .w-10 {
 	width: 2.5rem
 }

 .w-12 {
 	width: 3rem
 }

 .w-16 {
 	width: 4rem
 }

 .w-2 {
 	width: .5rem
 }

 .w-20 {
 	width: 5rem
 }

 .w-24 {
 	width: 6rem
 }

 .w-3 {
 	width: .75rem
 }

 .w-32 {
 	width: 8rem
 }

 .w-4 {
 	width: 1rem
 }

 .w-4\.5 {
 	width: 18px
 }

 .w-48 {
 	width: 12rem
 }

 .w-5 {
 	width: 1.25rem
 }

 .w-56 {
 	width: 14rem
 }

 .w-6 {
 	width: 1.5rem
 }

 .w-64 {
 	width: 16rem
 }

 .w-8 {
 	width: 2rem
 }

 .w-9 {
 	width: 2.25rem
 }

 .w-\[180px\] {
 	width: 180px
 }

 .w-\[288px\] {
 	width: 288px
 }

 .w-auto {
 	width: auto
 }

 .w-fit {
 	width: fit-content
 }

 .w-full {
 	width: 100%
 }

 .w-px {
 	width: 1px
 }

 .w-screen {
 	width: 100vw
 }

 .max-w-3xl {
 	max-width: 48rem
 }

 .max-w-full {
 	max-width: 100%
 }

 .max-w-md {
 	max-width: 28rem
 }

 .max-w-none {
 	max-width: none
 }

 .max-w-sm {
 	max-width: 24rem
 }

 .flex-1 {
 	flex: 1 1 0%
 }

 .flex-auto {
 	flex: 1 1 auto
 }

 .shrink-0 {
 	flex-shrink: 0
 }

 .flex-grow,
 .grow {
 	flex-grow: 1
 }

 .origin-top-right {
 	transform-origin: top right
 }

 .-translate-y-2\/4 {
 	--tw-translate-y: -50%
 }

 .-translate-y-2\/4,
 .translate-x-0 {
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .translate-x-0 {
 	--tw-translate-x: 0px
 }

 .translate-x-\[-100\%\] {
 	--tw-translate-x: -100%;
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .translate-x-\[100\%\],
 .translate-x-full {
 	--tw-translate-x: 100%
 }

 .translate-x-\[100\%\],
 .translate-x-full,
 .translate-y-0 {
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .translate-y-0 {
 	--tw-translate-y: 0px
 }

 .translate-y-4 {
 	--tw-translate-y: 1rem
 }

 .translate-y-4,
 .translate-y-\[-100\%\] {
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .translate-y-\[-100\%\] {
 	--tw-translate-y: -100%
 }

 .translate-y-\[100\%\] {
 	--tw-translate-y: 100%
 }

 .rotate-180,
 .translate-y-\[100\%\] {
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .rotate-180 {
 	--tw-rotate: 180deg
 }

 .scale-100 {
 	--tw-scale-x: 1;
 	--tw-scale-y: 1
 }

 .scale-100,
 .scale-95 {
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .scale-95 {
 	--tw-scale-x: .95;
 	--tw-scale-y: .95
 }

 .transform {
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .cursor-auto {
 	cursor: auto
 }

 .cursor-not-allowed {
 	cursor: not-allowed
 }

 .cursor-pointer {
 	cursor: pointer
 }

 .cursor-zoom-in {
 	cursor: zoom-in;
   cursor:default
 }

 .resize {
 	resize: both
 }

 .snap-x {
 	scroll-snap-type: x var(--tw-scroll-snap-strictness)
 }

 .snap-mandatory {
 	--tw-scroll-snap-strictness: mandatory
 }

 .snap-start {
 	scroll-snap-align: start
 }

 .scroll-mt-16 {
 	scroll-margin-top: 4rem
 }

 .list-inside {
 	list-style-position: inside
 }

 .list-decimal {
 	list-style-type: decimal
 }

 .list-none {
 	list-style-type: none
 }

 .appearance-none {
 	appearance: none
 }

 .grid-flow-col {
 	grid-auto-flow: column
 }

 .auto-rows-max {
 	grid-auto-rows: max-content
 }

 .grid-cols-1 {
 	grid-template-columns: repeat(1, minmax(0, 1fr))
 }

 .grid-cols-12 {
 	grid-template-columns: repeat(12, minmax(0, 1fr))
 }

 .grid-cols-2 {
 	grid-template-columns: repeat(2, minmax(0, 1fr))
 }

 .grid-cols-3 {
 	grid-template-columns: repeat(3, minmax(0, 1fr))
 }

 .grid-cols-4 {
 	grid-template-columns: repeat(4, minmax(0, 1fr))
 }

 .flex-row {
 	flex-direction: row
 }

 .flex-col {
 	flex-direction: column
 }

 .flex-wrap {
 	flex-wrap: wrap
 }

 .content-start {
 	align-content: flex-start
 }

 .items-start {
 	align-items: flex-start
 }

 .items-end {
 	align-items: flex-end
 }

 .items-center {
 	align-items: center
 }

 .justify-start {
 	justify-content: flex-start
 }

 .justify-end {
 	justify-content: flex-end
 }

 .justify-center {
 	justify-content: center
 }

 .justify-between {
 	justify-content: space-between
 }

 .gap-1 {
 	gap: .25rem
 }

 .gap-2 {
 	gap: .5rem
 }

 .gap-2\.5 {
 	gap: .625rem
 }

 .gap-3 {
 	gap: .75rem
 }

 .gap-4 {
 	gap: 1rem
 }

 .gap-5 {
 	gap: 1.25rem
 }

 .gap-8 {
 	gap: 2rem
 }

 .gap-\[10px\] {
 	gap: 10px
 }

 .gap-x-2 {
 	column-gap: .5rem
 }

 .gap-x-2\.5 {
 	column-gap: .625rem
 }

 .gap-x-4 {
 	column-gap: 1rem
 }

 .gap-x-5 {
 	column-gap: 1.25rem
 }

 .gap-x-\[10px\] {
 	column-gap: 10px
 }

 .gap-y-10 {
 	row-gap: 2.5rem
 }

 .gap-y-2 {
 	row-gap: .5rem
 }

 .gap-y-3 {
 	row-gap: .75rem
 }

 .gap-y-5 {
 	row-gap: 1.25rem
 }

 .space-y-4>:not([hidden])~:not([hidden]) {
 	--tw-space-y-reverse: 0;
 	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
 	margin-bottom: calc(1rem * var(--tw-space-y-reverse))
 }

 .divide-y>:not([hidden])~:not([hidden]) {
 	--tw-divide-y-reverse: 0;
 	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
 	border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
 }

 .divide-brand-neutral-200>:not([hidden])~:not([hidden]) {
 	--tw-divide-opacity: 1;
 	border-color: rgb(238 238 238/var(--tw-divide-opacity))
 }

 .divide-neutral-200>:not([hidden])~:not([hidden]) {
 	--tw-divide-opacity: 1;
 	border-color: rgb(229 229 229/var(--tw-divide-opacity))
 }

 .overflow-auto {
 	overflow: auto
 }

 .overflow-hidden {
 	overflow: hidden
 }

 .overflow-y-auto {
 	overflow-y: auto
 }

 .overflow-x-hidden {
 	overflow-x: hidden
 }

 .overflow-y-hidden {
 	overflow-y: hidden
 }

 .overflow-x-scroll {
 	overflow-x: scroll
 }

 .overflow-y-scroll {
 	overflow-y: scroll
 }

 .overscroll-x-none {
 	overscroll-behavior-x: none
 }

 .break-words {
 	overflow-wrap: break-word
 }

 .rounded-full {
 	border-radius: 9999px
 }

 .rounded-none {
 	border-radius: 0
 }

 .border {
 	border-width: 1px
 }

 .border-0 {
 	border-width: 0
 }

 .border-x {
 	border-left-width: 1px;
 	border-right-width: 1px
 }

 .border-y {
 	border-top-width: 1px
 }

 .border-b,
 .border-y {
 	border-bottom-width: 1px
 }

 .border-b-2 {
 	border-bottom-width: 2px
 }

 .border-b-3 {
 	border-bottom-width: 3px
 }

 .border-l {
 	border-left-width: 1px
 }

 .border-t {
 	border-top-width: 1px
 }

 .border-t-2 {
 	border-top-width: 2px
 }

 .border-none {
 	border-style: none
 }

 .border-black {
 	--tw-border-opacity: 1;
 	border-color: rgb(0 0 0/var(--tw-border-opacity))
 }

 .border-brand-cement-200 {
 	--tw-border-opacity: 1;
 	border-color: rgb(237 234 230/var(--tw-border-opacity))
 }

 .border-brand-charcoal-300 {
 	--tw-border-opacity: 1;
 	border-color: rgb(32 33 26/var(--tw-border-opacity))
 }

 .border-brand-neutral-100 {
 	--tw-border-opacity: 1;
 	border-color: rgb(244 244 244/var(--tw-border-opacity))
 }

 .border-brand-neutral-200 {
 	--tw-border-opacity: 1;
 	border-color: rgb(238 238 238/var(--tw-border-opacity))
 }

 .border-brand-neutral-300 {
 	--tw-border-opacity: 1;
 	border-color: rgb(216 216 216/var(--tw-border-opacity))
 }

 .border-brand-neutral-400 {
 	--tw-border-opacity: 1;
 	border-color: rgb(187 187 187/var(--tw-border-opacity))
 }

 .border-brand-neutral-500 {
 	--tw-border-opacity: 1;
 	border-color: rgb(118 118 118/var(--tw-border-opacity))
 }

 .border-brand-red-400 {
 	--tw-border-opacity: 1;
 	border-color: rgb(162 35 16/var(--tw-border-opacity))
 }

 .border-gray-300 {
 	--tw-border-opacity: 1;
 	border-color: rgb(209 213 219/var(--tw-border-opacity))
 }

 .border-transparent {
 	border-color: transparent
 }

 .border-b-brand-neutral-200 {
 	--tw-border-opacity: 1;
 	border-bottom-color: rgb(238 238 238/var(--tw-border-opacity))
 }

 .border-t-brand-cement-200 {
 	--tw-border-opacity: 1;
 	border-top-color: rgb(237 234 230/var(--tw-border-opacity))
 }

 .bg-black {
 	--tw-bg-opacity: 1;
 	background-color: rgb(0 0 0/var(--tw-bg-opacity))
 }

 .bg-brand-cement-100 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(235 235 235/var(--tw-bg-opacity))
 }

 .bg-brand-cement-200 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(237 234 230/var(--tw-bg-opacity))
 }

 .bg-brand-charcoal-300 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(32 33 26/var(--tw-bg-opacity))
 }

 .bg-brand-neutral-100 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(244 244 244/var(--tw-bg-opacity))
 }

 .bg-brand-neutral-200 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(238 238 238/var(--tw-bg-opacity))
 }

 .bg-brand-neutral-300 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(216 216 216/var(--tw-bg-opacity))
 }

 .bg-brand-neutral-500 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(118 118 118/var(--tw-bg-opacity))
 }

 .bg-brand-red-300 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(198 0 0/var(--tw-bg-opacity))
 }

 .bg-green-300 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(134 239 172/var(--tw-bg-opacity))
 }

 .bg-product-pomme-red {
 	--tw-bg-opacity: 1;
 	background-color: rgb(255 35 35/var(--tw-bg-opacity))
 }

 .bg-product-slate-blue {
 	--tw-bg-opacity: 1;
 	background-color: rgb(59 76 93/var(--tw-bg-opacity))
 }

 .bg-transparent {
 	background-color: transparent
 }

 .bg-white {
 	--tw-bg-opacity: 1;
 	background-color: rgb(255 255 255/var(--tw-bg-opacity))
 }

 .bg-opacity-50 {
 	--tw-bg-opacity: 0.5
 }

 .bg-opacity-70 {
 	--tw-bg-opacity: 0.7
 }

 .bg-opacity-75 {
 	--tw-bg-opacity: 0.75
 }

 .bg-opacity-90 {
 	--tw-bg-opacity: 0.9
 }

 .bg-gradient-black-fade {
 	background-image: linear-gradient(180deg, rgba(32, 33, 26, 0) 42.71%, rgba(32, 33, 26, .125) 52.6%, rgba(32, 33, 26, .201) 57.29%, rgba(32, 33, 26, .344) 62.5%, rgba(32, 33, 26, .673) 74.48%, rgba(32, 33, 26, .811) 86.98%, rgba(32, 33, 26, .9))
 }

 

 .bg-cover {
 	background-size: cover
 }

 .bg-clip-content {
 	background-clip: content-box
 }

 .object-contain {
 	object-fit: contain
 }

 .object-cover {
 	object-fit: cover
 }

 .object-bottom {
 	object-position: bottom
 }

 .object-center {
 	object-position: center
 }

 .object-top {
 	object-position: top
 }

 .p-0 {
 	padding: 0
 }

 .p-1 {
 	padding: .25rem
 }

 .p-2 {
 	padding: .5rem
 }

 .p-4 {
 	padding: 1rem
 }

 .p-5 {
 	padding: 1.25rem
 }

 .px-0 {
 	padding-left: 0;
 	padding-right: 0
 }

 .px-1 {
 	padding-left: .25rem;
 	padding-right: .25rem
 }

 .px-2 {
 	padding-left: .5rem;
 	padding-right: .5rem
 }

 .px-2\.5 {
 	padding-left: .625rem;
 	padding-right: .625rem
 }

 .px-4 {
 	padding-left: 1rem;
 	padding-right: 1rem
 }

 .px-5 {
 	padding-left: 1.25rem;
 	padding-right: 1.25rem
 }

 .px-6 {
 	padding-left: 1.5rem;
 	padding-right: 1.5rem
 }

 .px-8 {
 	padding-left: 2rem;
 	padding-right: 2rem
 }

 .py-1 {
 	padding-top: .25rem;
 	padding-bottom: .25rem
 }

 .py-10 {
 	padding-top: 2.5rem;
 	padding-bottom: 2.5rem
 }

 .py-12 {
 	padding-top: 3rem;
 	padding-bottom: 3rem
 }

 .py-2 {
 	padding-top: .5rem;
 	padding-bottom: .5rem
 }

 .py-2\.5 {
 	padding-top: .625rem;
 	padding-bottom: .625rem
 }

 .py-3 {
 	padding-top: .75rem;
 	padding-bottom: .75rem
 }

 .py-4 {
 	padding-top: 1rem;
 	padding-bottom: 1rem
 }

 .py-5 {
 	padding-top: 1.25rem;
 	padding-bottom: 1.25rem
 }

 .py-6 {
 	padding-top: 1.5rem;
 	padding-bottom: 1.5rem
 }

 .py-8 {
 	padding-top: 2rem;
 	padding-bottom: 2rem
 }

 .pb-1 {
 	padding-bottom: .25rem
 }

 .pb-10 {
 	padding-bottom: 2.5rem
 }

 .pb-2 {
 	padding-bottom: .5rem
 }

 .pb-2\.5 {
 	padding-bottom: .625rem
 }

 .pb-20 {
 	padding-bottom: 5rem
 }

 .pb-3 {
 	padding-bottom: .75rem
 }

 .pb-3\.5 {
 	padding-bottom: .875rem
 }

 .pb-4 {
 	padding-bottom: 1rem
 }

 .pb-5 {
 	padding-bottom: 1.25rem
 }

 .pb-6 {
 	padding-bottom: 1.5rem
 }

 .pl-0 {
 	padding-left: 0
 }

 .pl-1 {
 	padding-left: .25rem
 }

 .pl-1\.5 {
 	padding-left: .375rem
 }

 .pl-2 {
 	padding-left: .5rem
 }

 .pl-2\.5 {
 	padding-left: .625rem
 }

 .pl-4 {
 	padding-left: 1rem
 }

 .pl-5 {
 	padding-left: 1.25rem
 }

 .pr-3 {
 	padding-right: .75rem
 }

 .pr-4 {
 	padding-right: 1rem
 }

 .pr-5 {
 	padding-right: 1.25rem
 }

 .pt-0 {
 	padding-top: 0
 }

 .pt-10 {
 	padding-top: 2.5rem
 }

 .pt-16 {
 	padding-top: 4rem
 }

 .pt-2 {
 	padding-top: .5rem
 }

 .pt-2\.5 {
 	padding-top: .625rem
 }

 .pt-3 {
 	padding-top: .75rem
 }

 .pt-4 {
 	padding-top: 1rem
 }

 .pt-5 {
 	padding-top: 1.25rem
 }

 .pt-6 {
 	padding-top: 1.5rem
 }

 .text-left {
 	text-align: left
 }

 .text-center {
 	text-align: center
 }

 .text-right {
 	text-align: right
 }

 .font-semi {
 	font-family: Archivo, sans-serif
 }

 .font-serif {
 	font-family: var(--font-serif), sans-serif
 }

 .text-2xl {
 	font-size: 24px;
 	line-height: 32px;
 	letter-spacing: 1px
 }

 .text-3xl {
 	font-size: 30px;
 	line-height: 36px;
 	letter-spacing: 1px
 }

 .text-4xl {
 	font-size: 36px;
 	line-height: 40px;
 	letter-spacing: 2px
 }

 .text-base {
 	font-size: 16px;
 	line-height: 24px;
 	letter-spacing: .25px
 }

 .text-lg {
 	font-size: 18px;
 	line-height: 28px;
 	letter-spacing: .75px
 }

 .text-sm {
 	font-size: 14px;
 	line-height: 20px
 }

 .text-xl {
 	font-size: 20px;
 	line-height: 28px;
 	letter-spacing: .75px
 }

 .text-xs {
 	font-size: 12px;
 	line-height: 16px
 }

 .text-xxs {
 	font-size: 10px;
 	line-height: 18px
 }

 .font-bold {
 	font-weight: 700
 }

 .font-medium {
 	font-weight: 500
 }

 .font-normal {
 	font-weight: 400
 }

 .font-semibold {
 	font-weight: 600
 }

 .uppercase {
 	text-transform: uppercase
 }

 .italic {
 	font-style: italic
 }

 .leading-10 {
 	line-height: 2.5rem
 }

 .leading-12 {
 	line-height: 48px
 }

 .leading-14 {
 	line-height: 56px
 }

 .leading-4 {
 	line-height: 1rem
 }

 .leading-5 {
 	line-height: 1.25rem
 }

 .leading-6 {
 	line-height: 1.5rem
 }

 .leading-7 {
 	line-height: 1.75rem
 }

 .leading-8 {
 	line-height: 2rem
 }

 .leading-9 {
 	line-height: 2.25rem
 }

 .leading-none {
 	line-height: 1
 }

 .leading-tight {
 	line-height: 1.25
 }

 .tracking-wide {
 	letter-spacing: .025em
 }

 .tracking-widest {
 	letter-spacing: .1em
 }

 .text-black {
 	--tw-text-opacity: 1;
 	color: rgb(0 0 0/var(--tw-text-opacity))
 }

 .text-brand-cement-100 {
 	--tw-text-opacity: 1;
 	color: rgb(246 245 243/var(--tw-text-opacity))
 }

 .text-brand-charcoal-300 {
 	--tw-text-opacity: 1;
 	color: rgb(32 33 26/var(--tw-text-opacity))
 }

 .text-brand-neutral-200 {
 	--tw-text-opacity: 1;
 	color: rgb(238 238 238/var(--tw-text-opacity))
 }

 .text-brand-neutral-300 {
 	--tw-text-opacity: 1;
 	color: rgb(216 216 216/var(--tw-text-opacity))
 }

 .text-brand-neutral-400 {
 	--tw-text-opacity: 1;
 	color: rgb(187 187 187/var(--tw-text-opacity))
 }

 .text-brand-neutral-500 {
 	--tw-text-opacity: 1;
 	color: rgb(118 118 118/var(--tw-text-opacity))
 }

 .text-brand-red-300 {
 	--tw-text-opacity: 1;
 	color: rgb(198 0 0/var(--tw-text-opacity))
 }

 .text-brand-red-400 {
 	--tw-text-opacity: 1;
 	color: rgb(162 35 16/var(--tw-text-opacity))
 }

 .text-gray-400 {
 	--tw-text-opacity: 1;
 	color: rgb(156 163 175/var(--tw-text-opacity))
 }

 .text-gray-500 {
 	--tw-text-opacity: 1;
 	color: rgb(107 114 128/var(--tw-text-opacity))
 }

 .text-gray-800 {
 	--tw-text-opacity: 1;
 	color: rgb(31 41 55/var(--tw-text-opacity))
 }

 .text-gray-900 {
 	--tw-text-opacity: 1;
 	color: rgb(17 24 39/var(--tw-text-opacity))
 }

 .text-white {
 	--tw-text-opacity: 1;
 	color: rgb(255 255 255/var(--tw-text-opacity))
 }

 .underline {
 	text-decoration-line: underline
 }

 .line-through {
 	text-decoration-line: line-through
 }

 .no-underline {
 	text-decoration-line: none
 }

 .underline-offset-1 {
 	text-underline-offset: 1px
 }

 .underline-offset-2 {
 	text-underline-offset: 2px
 }

 .underline-offset-4 {
 	text-underline-offset: 4px
 }

 .antialiased {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale
 }

 .placeholder-neutral-500::placeholder {
 	--tw-placeholder-opacity: 1;
 	color: rgb(115 115 115/var(--tw-placeholder-opacity))
 }

 .opacity-0 {
 	opacity: 0
 }

 .opacity-100 {
 	opacity: 1
 }

 .opacity-50 {
 	opacity: .5
 }

 .shadow-\[0_-3px_5px_\#7171714c\] {
 	--tw-shadow: 0 -3px 5px #7171714c;
 	--tw-shadow-colored: 0 -3px 5px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }

 .ring-1 {
 	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
 }

 .ring-brand-charcoal-300 {
 	--tw-ring-opacity: 1;
 	--tw-ring-color: rgb(32 33 26/var(--tw-ring-opacity))
 }

 .ring-opacity-10 {
 	--tw-ring-opacity: 0.1
 }

 .blur {
 	--tw-blur: blur(8px)
 }

 .blur,
 .grayscale {
 	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }

 .grayscale {
 	--tw-grayscale: grayscale(100%)
 }

 .hue-rotate-180 {
 	--tw-hue-rotate: hue-rotate(180deg)
 }

 .filter,
 .hue-rotate-180 {
 	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }

 .transition {
 	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
 	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
 	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
 	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 	transition-duration: .15s
 }

 .transition-\[filter\] {
 	transition-property: filter;
 	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 	transition-duration: .15s
 }

 .transition-\[max-height\] {
 	transition-property: max-height;
 	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 	transition-duration: .15s
 }

 .transition-all {
 	transition-property: all;
 	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 	transition-duration: .15s
 }

 .transition-colors {
 	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
 	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 	transition-duration: .15s
 }

 .transition-opacity {
 	transition-property: opacity;
 	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 	transition-duration: .15s
 }

 .transition-transform {
 	transition-property: transform;
 	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 	transition-duration: .15s
 }

 .duration-100 {
 	transition-duration: .1s
 }

 .duration-150 {
 	transition-duration: .15s
 }

 .duration-200 {
 	transition-duration: .2s
 }

 .duration-300 {
 	transition-duration: .3s
 }

 .duration-500 {
 	transition-duration: .5s
 }

 .duration-700 {
 	transition-duration: .7s
 }

 .duration-75 {
 	transition-duration: 75ms
 }

 .ease-in {
 	transition-timing-function: cubic-bezier(.4, 0, 1, 1)
 }

 .ease-in-out {
 	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
 }

 .ease-linear {
 	transition-timing-function: linear
 }

 .ease-out {
 	transition-timing-function: cubic-bezier(0, 0, .2, 1)
 }

 .scrollbar-none::-webkit-scrollbar {
 	display: none
 }

 .scrollbar-none {
 	-ms-overflow-style: none;
 	scrollbar-width: none
 }

 @font-face {
 	font-display: swap;
 	font-family: Archivo;
 	font-weight: 100 900;
  }

 #ada-button-frame {
 	z-index: 38 !important
 }

 .mic-scrollbar {
 	-ms-overflow-style: none;
 	scrollbar-width: none
 }

 .mic-scrollbar::-webkit-scrollbar {
 	display: none
 }

 @supports not (-webkit-touch-callout:none) {
 	.mic-scrollbar {
 		-ms-overflow-style: auto;
 		scrollbar-width: auto
 	}

 	.mic-scrollbar::-webkit-scrollbar {
 		display: block
 	}
 }

 .mic-scrollbar::-webkit-scrollbar {
 	height: 23px
 }

 .mic-scrollbar::-webkit-scrollbar-thumb {
 	--tw-bg-opacity: 1;
 	background-color: rgb(198 0 0/var(--tw-bg-opacity));
 	background-clip: content-box;
 	border-bottom: 10px solid transparent;
 	border-top: 10px solid transparent
 }

 @media (hover:hover) and (pointer:fine) {
 	.mic-scrollbar::-webkit-scrollbar-thumb:hover {
 		--tw-bg-opacity: 1;
 		background-color: rgb(162 35 16/var(--tw-bg-opacity))
 	}
 }

 .mic-scrollbar::-webkit-scrollbar-track {
 	--tw-bg-opacity: 1;
 	background-color: rgb(238 238 238/var(--tw-bg-opacity));
 	background-clip: content-box;
 	border-bottom: 10px solid transparent;
 	border-top: 10px solid transparent
 }

 .sezzle-modal {
 	z-index: 50
 }

 .sezzle-bread-logo svg,
 .sezzle-payment-pie-lt svg {
 	display: unset
 }

 .sezzle-payment-amount {
 	font-family: Archivo, sans-serif;
 	font-size: 14px;
 	line-height: 20px;
 	font-weight: 400 !important
 }

 .sezzle-checkout-button-wrapper .sezzle-button-text .szl-dark-image,
 .sezzle-checkout-button-wrapper .sezzle-button-text svg.szl-light-image {
 	margin-top: -.25rem !important;
 	height: .875rem !important
 }

 .sezzle-checkout-button-wrapper .sezzle-button-text {
 	font-weight: 400 !important
 }

 #sezzle-SVGID_3_,
 .sezzle-st0,
 .sezzle-st1,
 .sezzle-st2,
 .sezzle-st3 {
 	fill: #20211a !important
 }

 .youtube-wrapper div {
 	position: relative;
 	height: 0;
 	max-width: 100%;
 	overflow: hidden;
 	padding-bottom: 56.25%
 }

 .youtube-wrapper div iframe {
 	position: absolute;
 	left: 0;
 	top: 0;
 	height: 100%;
 	width: 100%;
 	max-width: 100%
 }

 @media (min-width:1440px) {
 	.\32xl\:container {
 		width: 100%
 	}

 	@media (min-width:640px) {
 		.\32xl\:container {
 			max-width: 640px
 		}
 	}

 	@media (min-width:768px) {
 		.\32xl\:container {
 			max-width: 768px
 		}
 	}

 	@media (min-width:1024px) {
 		.\32xl\:container {
 			max-width: 1024px
 		}
 	}

 	@media (min-width:1280px) {
 		.\32xl\:container {
 			max-width: 1280px
 		}
 	}

 	@media (min-width:1440px) {
 		.\32xl\:container {
 			max-width: 1440px
 		}
 	}
 }

 .marker\:text-brand-charcoal-300 ::marker {
 	color: #20211a
 }

 .marker\:text-brand-charcoal-300::marker {
 	color: #20211a
 }

 .placeholder\:text-base::placeholder {
 	font-size: 16px;
 	line-height: 24px;
 	letter-spacing: .25px
   
 }

 .placeholder\:text-brand-charcoal-200::placeholder {
 	--tw-text-opacity: 1;
 	color: rgb(77 77 72/var(--tw-text-opacity))
 }

 .placeholder\:text-brand-neutral-200::placeholder {
 	--tw-text-opacity: 1;
 	color: rgb(238 238 238/var(--tw-text-opacity))
 }

 .placeholder\:text-brand-neutral-500::placeholder {
 	--tw-text-opacity: 1;
 	color: rgb(118 118 118/var(--tw-text-opacity))
 }

 .after\:absolute:after {
 	content: var(--tw-content);
 	position: absolute
 }

 .after\:right-0:after {
 	content: var(--tw-content);
 	right: 0
 }

 .after\:top-0:after {
 	content: var(--tw-content);
 	top: 0
 }

 .after\:z-10:after {
 	content: var(--tw-content);
 	z-index: 10
 }

 .after\:hidden:after {
 	content: var(--tw-content);
 	display: none
 }

 .after\:h-full:after {
 	content: var(--tw-content);
 	height: 100%
 }

 .after\:w-16:after {
 	content: var(--tw-content);
 	width: 4rem
 }

 .after\:bg-gradient-to-r:after {
 	content: var(--tw-content);
 	background-image: linear-gradient(to right, var(--tw-gradient-stops))
 }

 .after\:from-transparent:after {
 	content: var(--tw-content);
 	--tw-gradient-from: transparent var(--tw-gradient-from-position);
 	--tw-gradient-to: transparent var(--tw-gradient-to-position);
 	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
 }

 .after\:to-white:after {
 	content: var(--tw-content);
 	--tw-gradient-to: #fff var(--tw-gradient-to-position)
 }

 @media (hover:hover) and (pointer:fine) {
 	.hover\:scale-\[112\.5\%\]:hover {
 		--tw-scale-x: 112.5%;
 		--tw-scale-y: 112.5%;
 		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 	}

 	.hover\:cursor-pointer:hover {
 		cursor: pointer
 	}

 	.hover\:border-brand-neutral-500:hover {
 		--tw-border-opacity: 1;
 		border-color: rgb(118 118 118/var(--tw-border-opacity))
 	}

 	.hover\:bg-brand-cement-300:hover {
 		--tw-bg-opacity: 1;
 		background-color: rgb(192 190 183/var(--tw-bg-opacity))
 	}

 	.hover\:bg-brand-charcoal-300:hover {
 		--tw-bg-opacity: 1;
 		background-color: rgb(32 33 26/var(--tw-bg-opacity))
 	}

 	.hover\:bg-brand-neutral-100:hover {
 		--tw-bg-opacity: 1;
 		background-color: rgb(244 244 244/var(--tw-bg-opacity))
 	}

 	.hover\:bg-brand-neutral-200:hover {
 		--tw-bg-opacity: 1;
 		background-color: rgb(238 238 238/var(--tw-bg-opacity))
 	}

 	.hover\:bg-brand-neutral-500:hover {
 		--tw-bg-opacity: 1;
 		background-color: rgb(118 118 118/var(--tw-bg-opacity))
 	}

 	.hover\:bg-brand-red-300:hover {
 		--tw-bg-opacity: 1;
 		background-color: rgb(198 0 0/var(--tw-bg-opacity))
 	}

 	.hover\:bg-brand-red-400:hover {
 		--tw-bg-opacity: 1;
 		background-color: rgb(162 35 16/var(--tw-bg-opacity))
 	}

 	.hover\:bg-opacity-80:hover {
 		--tw-bg-opacity: 0.8
 	}

 	.hover\:text-black:hover {
 		--tw-text-opacity: 1;
 		color: rgb(0 0 0/var(--tw-text-opacity))
 	}

 	.hover\:text-brand-cement-100:hover {
 		--tw-text-opacity: 1;
 		color: rgb(246 245 243/var(--tw-text-opacity))
 	}

 	.hover\:text-brand-charcoal-300:hover {
 		--tw-text-opacity: 1;
 		color: rgb(32 33 26/var(--tw-text-opacity))
 	}

 	.hover\:text-brand-neutral-300:hover {
 		--tw-text-opacity: 1;
 		color: rgb(216 216 216/var(--tw-text-opacity))
 	}

 	.hover\:text-brand-neutral-500:hover {
 		--tw-text-opacity: 1;
 		color: rgb(118 118 118/var(--tw-text-opacity))
 	}

 	.hover\:text-gray-500:hover {
 		--tw-text-opacity: 1;
 		color: rgb(107 114 128/var(--tw-text-opacity))
 	}

 	.hover\:no-underline:hover {
 		text-decoration-line: none
 	}

 	.hover\:opacity-100:hover {
 		opacity: 1
 	}

 	.hover\:outline:hover {
 		outline-style: solid
 	}

 	.hover\:outline-1:hover {
 		outline-width: 1px
 	}

 	.hover\:outline-brand-cement-300:hover {
 		outline-color: #c0beb7
 	}

 	.hover\:grayscale-0:hover {
 		--tw-grayscale: grayscale(0);
 		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 	}
 }

 .focus\:left-6:focus {
 	left: 1.5rem
 }

 .focus\:top-5:focus {
 	top: 1.25rem
 }

 .focus\:z-\[1900000002\]:focus {
 	z-index: 1900000002
 }

 .focus\:m-0:focus {
 	margin: 0
 }

 .focus\:inline-block:focus {
 	display: inline-block
 }

 .focus\:h-auto:focus {
 	height: auto
 }

 .focus\:w-auto:focus {
 	width: auto
 }

 .focus\:rounded-3xl:focus {
 	border-radius: 1.5rem
 }

 .focus\:border-none:focus {
 	border-style: none
 }

 .focus\:bg-white:focus {
 	--tw-bg-opacity: 1;
 	background-color: rgb(255 255 255/var(--tw-bg-opacity))
 }

 .focus\:px-5:focus {
 	padding-left: 1.25rem;
 	padding-right: 1.25rem
 }

 .focus\:py-2:focus {
 	padding-top: .5rem;
 	padding-bottom: .5rem
 }

 .focus\:capitalize:focus {
 	text-transform: capitalize
 }

 .focus\:text-brand-red-300:focus {
 	--tw-text-opacity: 1;
 	color: rgb(198 0 0/var(--tw-text-opacity))
 }

 .focus\:opacity-100:focus {
 	opacity: 1
 }

 .focus\:outline-none:focus {
 	outline: 2px solid transparent;
 	outline-offset: 2px
 }

 .focus\:outline-transparent:focus {
 	outline-color: transparent
 }

 .focus\:ring-0:focus {
 	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)
 }

 .focus\:ring-0:focus,
 .focus\:ring-2:focus {
 	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
 }

 .focus\:ring-2:focus {
 	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
 }

 .focus\:ring-blue-500:focus {
 	--tw-ring-opacity: 1;
 	--tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity))
 }

 .focus\:ring-indigo-500:focus {
 	--tw-ring-opacity: 1;
 	--tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity))
 }

 .focus\:ring-transparent:focus {
 	--tw-ring-color: transparent
 }

 .focus\:ring-offset-2:focus {
 	--tw-ring-offset-width: 2px
 }

 .disabled\:cursor-not-allowed:disabled {
 	cursor: not-allowed
 }

 .disabled\:\!bg-brand-neutral-500:disabled {
 	--tw-bg-opacity: 1 !important;
 	background-color: rgb(118 118 118/var(--tw-bg-opacity)) !important
 }

 .disabled\:bg-brand-neutral-200:disabled {
 	--tw-bg-opacity: 1;
 	background-color: rgb(238 238 238/var(--tw-bg-opacity))
 }

 .disabled\:bg-brand-neutral-400:disabled {
 	--tw-bg-opacity: 1;
 	background-color: rgb(187 187 187/var(--tw-bg-opacity))
 }

 .disabled\:bg-brand-neutral-500:disabled {
 	--tw-bg-opacity: 1;
 	background-color: rgb(118 118 118/var(--tw-bg-opacity))
 }

 .disabled\:\!text-brand-charcoal-200:disabled {
 	--tw-text-opacity: 1 !important;
 	color: rgb(77 77 72/var(--tw-text-opacity)) !important
 }

 .disabled\:\!text-brand-neutral-500:disabled {
 	--tw-text-opacity: 1 !important;
 	color: rgb(118 118 118/var(--tw-text-opacity)) !important
 }

 .disabled\:text-brand-neutral-500:disabled {
 	--tw-text-opacity: 1;
 	color: rgb(118 118 118/var(--tw-text-opacity))
 }

 @media (hover:hover) and (pointer:fine) {
 	.disabled\:hover\:text-brand-cement-100:hover:disabled {
 		--tw-text-opacity: 1;
 		color: rgb(246 245 243/var(--tw-text-opacity))
 	}

 	.group\/card-slider:hover .group-hover\/card-slider\:scale-\[112\.5\%\],
 	.group\/cart-slider:hover .group-hover\/cart-slider\:scale-\[112\.5\%\],
 	.group\/post-card:hover .group-hover\/post-card\:scale-\[112\.5\%\],
 	.group\/posts-widget:hover .group-hover\/posts-widget\:scale-\[112\.5\%\],
 	.group\/variant-card:hover .group-hover\/variant-card\:scale-\[112\.5\%\] {
 		--tw-scale-x: 112.5%;
 		--tw-scale-y: 112.5%;
 		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 	}

 	.group\/posts-slider-cta:hover .group-hover\/posts-slider-cta\:text-brand-red-300,
 	.group\/variants-slider-cta:hover .group-hover\/variants-slider-cta\:text-brand-red-300 {
 		--tw-text-opacity: 1;
 		color: rgb(198 0 0/var(--tw-text-opacity))
 	}

 	.group\/recipe-sheet:hover .group-hover\/recipe-sheet\:no-underline {
 		text-decoration-line: none
 	}

 	.group\/product-gallery-image:hover .group-hover\/product-gallery-image\:opacity-100,
 	.group\/slider:hover .group-hover\/slider\:opacity-100 {
 		opacity: 1
 	}
 }

 .data-is-active\:block[data-is-active=true] {
 	display: block
 }

 .data-is-active\:border-brand-charcoal-300[data-is-active=true] {
 	--tw-border-opacity: 1;
 	border-color: rgb(32 33 26/var(--tw-border-opacity))
 }

 .data-is-active\:bg-brand-charcoal-300[data-is-active=true] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(32 33 26/var(--tw-bg-opacity))
 }

 .data-is-active\:font-bold[data-is-active=true] {
 	font-weight: 700
 }

 .data-is-active\:text-brand-cement-100[data-is-active=true] {
 	--tw-text-opacity: 1;
 	color: rgb(246 245 243/var(--tw-text-opacity))
 }

 @media (hover:hover) and (pointer:fine) {
 	.data-is-active-group\:hover\:border-brand-neutral-200:hover[data-is-active-group=true] {
 		--tw-border-opacity: 1;
 		border-color: rgb(238 238 238/var(--tw-border-opacity))
 	}
 }

 .data-is-featured\:text-brand-red-300[data-is-featured=true] {
 	--tw-text-opacity: 1;
 	color: rgb(198 0 0/var(--tw-text-opacity))
 }

 .data-is-invalid\:border-brand-red-300[data-is-valid=false] {
 	--tw-border-opacity: 1;
 	border-color: rgb(198 0 0/var(--tw-border-opacity))
 }

 .data-is-invalid\:text-brand-red-300[data-is-valid=false] {
 	--tw-text-opacity: 1;
 	color: rgb(198 0 0/var(--tw-text-opacity))
 }

 @media (hover:hover) and (pointer:fine) {
 	.data-is-not-active\:hover\:bg-brand-cement-100:hover[data-is-active=false] {
 		--tw-bg-opacity: 1;
 		background-color: rgb(235 235 235/var(--tw-bg-opacity))
 	}
 }

 .data-\[has-margin\=true\]\:ml-4[data-has-margin=true] {
 	margin-left: 1rem
 }

 .data-\[is-open\=true\]\:\!flex[data-is-open=true] {
 	display: flex !important
 }

 .data-\[is-unavailable\=true\]\:cursor-not-allowed[data-is-unavailable=true] {
 	cursor: not-allowed
 }

 .data-\[is-open\=false\]\:border-b[data-is-open=false] {
 	border-bottom-width: 1px
 }

 .data-\[is-open\=false\]\:border-brand-neutral-200[data-is-open=false] {
 	--tw-border-opacity: 1;
 	border-color: rgb(238 238 238/var(--tw-border-opacity))
 }

 .data-\[is-visible\=true\]\:border-brand-red-300[data-is-visible=true] {
 	--tw-border-opacity: 1;
 	border-color: rgb(198 0 0/var(--tw-border-opacity))
 }

 .data-\[color\=antique-white\]\:bg-product-antique-white[data-color=antique-white] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(239 235 234/var(--tw-bg-opacity))
 }

 .data-\[color\=ash-grey\]\:bg-product-ash-grey[data-color=ash-grey] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(93 93 93/var(--tw-bg-opacity))
 }

 .data-\[color\=beaune-gray\]\:bg-product-beaune-gray[data-color=beaune-gray] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(222 222 222/var(--tw-bg-opacity))
 }

 .data-\[color\=belize-blue\]\:bg-product-belize-blue[data-color=belize-blue] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(31 215 217/var(--tw-bg-opacity))
 }

 .data-\[color\=blood-orange\]\:bg-product-blood-orange[data-color=blood-orange] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(238 118 51/var(--tw-bg-opacity))
 }

 .data-\[color\=champagne\]\:bg-product-champagne[data-color=champagne] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(207 193 184/var(--tw-bg-opacity))
 }

 .data-\[color\=graphite\]\:bg-product-graphite[data-color=graphite] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(93 93 93/var(--tw-bg-opacity))
 }

 .data-\[color\=harbour-blue\]\:bg-product-harbour-blue[data-color=harbour-blue] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(19 37 118/var(--tw-bg-opacity))
 }

 .data-\[color\=hudson-green\]\:bg-product-hudson-green[data-color=hudson-green] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(97 114 104/var(--tw-bg-opacity))
 }

 .data-\[color\=linen\]\:bg-product-linen[data-color=linen] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(239 235 234/var(--tw-bg-opacity))
 }

 .data-\[color\=made-in-red\]\:bg-product-made-in-red[data-color=made-in-red] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(255 35 35/var(--tw-bg-opacity))
 }

 .data-\[color\=olive-green\]\:bg-product-olive-green[data-color=olive-green] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(74 70 50/var(--tw-bg-opacity))
 }

 .data-\[color\=truffle-black\]\:bg-brand-charcoal-300[data-color=truffle-black] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(32 33 26/var(--tw-bg-opacity))
 }

 .data-\[color\=undecorated\]\:bg-product-undecorated[data-color=undecorated],
 .data-\[color\=white\]\:bg-product-undecorated[data-color=white] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(251 250 250/var(--tw-bg-opacity))
 }

 .data-\[is-unavailable\=true\]\:bg-brand-neutral-500[data-is-unavailable=true] {
 	--tw-bg-opacity: 1;
 	background-color: rgb(118 118 118/var(--tw-bg-opacity))
 }

 .data-\[color\=black-rim\]\:bg-gradient-black-rim[data-color=black-rim] {
 	background-image: linear-gradient(90deg, #20211a 50%, #fbfafa 0)
 }

 .data-\[color\=navy-rim\]\:bg-gradient-navy-rim[data-color=navy-rim] {
 	background-image: linear-gradient(90deg, #242a56 50%, #fbfafa 0)
 }

 .data-\[color\=red-rim\]\:bg-gradient-red-rim[data-color=red-rim] {
 	background-image: linear-gradient(90deg, #cc2118 50%, #fbfafa 0)
 }

 .data-\[has-index\=true\]\:text-brand-neutral-500[data-has-index=true] {
 	--tw-text-opacity: 1;
 	color: rgb(118 118 118/var(--tw-text-opacity))
 }

 .prose-headings\:text-xl :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose] *))) {
 	font-size: 20px;
 	line-height: 28px;
 	letter-spacing: .75px
 }

 .prose-headings\:font-medium :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose] *))) {
 	font-weight: 500
 }

 .prose-headings\:text-brand-charcoal-300 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose] *))) {
 	--tw-text-opacity: 1;
 	color: rgb(32 33 26/var(--tw-text-opacity))
 }

 .prose-p\:text-brand-charcoal-300 :is(:where(p):not(:where([class~=not-prose] *))) {
 	--tw-text-opacity: 1;
 	color: rgb(32 33 26/var(--tw-text-opacity))
 }

 @media (hover:hover) and (pointer:fine) {
 	.hover\:prose-a\:no-underline :is(:where(a):not(:where([class~=not-prose] *))):hover {
 		text-decoration-line: none
 	}
 }

 .prose-li\:text-brand-charcoal-300 :is(:where(li):not(:where([class~=not-prose] *))) {
 	--tw-text-opacity: 1;
 	color: rgb(32 33 26/var(--tw-text-opacity))
 }

 @supports not (-webkit-touch-callout:none) {
 	.not-touch\:hidden {
 		display: none
 	}

 	@media (hover:hover) and (pointer:fine) {
 		.group\/variant-card:hover .not-touch\:group-hover\/variant-card\:opacity-100 {
 			opacity: 1
 		}
 	}
 }

 @media print {
 	.print\:hidden {
 		display: none
 	}
 }

 @media (min-width:640px) {
 	.sm\:col-span-6 {
 		grid-column: span 6/span 6
 	}

 	.sm\:col-start-4 {
 		grid-column-start: 4
 	}

 	.sm\:my-8 {
 		margin-top: 2rem;
 		margin-bottom: 2rem
 	}

 	.sm\:flex {
 		display: flex
 	}

 	.sm\:w-full {
 		width: 100%
 	}

 	.sm\:max-w-lg {
 		max-width: 32rem
 	}

 	.sm\:translate-y-0 {
 		--tw-translate-y: 0px
 	}

 	.sm\:scale-100,
 	.sm\:translate-y-0 {
 		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 	}

 	.sm\:scale-100 {
 		--tw-scale-x: 1;
 		--tw-scale-y: 1
 	}

 	.sm\:scale-95 {
 		--tw-scale-x: .95;
 		--tw-scale-y: .95;
 		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 	}

 	.sm\:items-start {
 		align-items: flex-start
 	}

 	.sm\:p-0 {
 		padding: 0
 	}
 }

 @media (min-width:768px) {
 	.md\:left-auto {
 		left: auto
 	}

 	.md\:order-1 {
 		order: 1
 	}

 	.md\:order-2 {
 		order: 2
 	}

 	.md\:col-span-1 {
 		grid-column: span 1/span 1
 	}

 	.md\:col-span-3 {
 		grid-column: span 3/span 3
 	}

 	.md\:col-span-4 {
 		grid-column: span 4/span 4
 	}

 	.md\:col-span-6 {
 		grid-column: span 6/span 6
 	}

	 .md\:col-span-7 {
		grid-column: span 7/span 7
	}

 	.md\:col-span-8 {
 		grid-column: span 8/span 8
 	}

 	.md\:col-span-9 {
 		grid-column: span 9/span 9
 	}

 	.md\:mr-0 {
 		margin-right: 0
 	}

 	.md\:mt-0 {
 		margin-top: 0
 	}

 	.md\:block {
 		display: block
 	}

 	.md\:inline {
 		display: inline
 	}

 	.md\:flex {
 		display: flex
 	}

 	.md\:hidden {
 		display: none
 	}

 	.md\:h-0 {
 		height: 0
 	}

 	.md\:h-10 {
 		height: 2.5rem
 	}

 	.md\:h-12 {
 		height: 3rem
 	}

 	.md\:h-15 {
 		height: 60px
 	}

 	.md\:h-2 {
 		height: .5rem
 	}

 	.md\:h-2\.5 {
 		height: .625rem
 	}

 	.md\:h-20 {
 		height: 5rem
 	}

 	.md\:h-4 {
 		height: 1rem
 	}

 	.md\:h-5 {
 		height: 1.25rem
 	}

 	.md\:h-8 {
 		height: 2rem
 	}

 	.md\:h-full {
 		height: 100%
 	}

 	.md\:min-h-full {
 		min-height: 100%
 	}

 	.md\:w-\[220px\] {
 		width: 220px
 	}

 	.md\:w-full {
 		width: 100%
 	}

 	.md\:max-w-3xl {
 		max-width: 48rem
 	}

 	.md\:flex-row {
 		flex-direction: row
 	}

 	.md\:flex-wrap {
 		flex-wrap: wrap
 	}

 	.md\:gap-x-5 {
 		column-gap: 1.25rem
 	}

 	.md\:p-0 {
 		padding: 0
 	}

 	.md\:px-5 {
 		padding-left: 1.25rem;
 		padding-right: 1.25rem
 	}

 	.md\:py-15 {
 		padding-top: 60px;
 		padding-bottom: 60px
 	}

 	.md\:py-4 {
 		padding-top: 1rem;
 		padding-bottom: 1rem
 	}

 	.md\:text-2xl {
 		font-size: 24px;
 		line-height: 32px;
 		letter-spacing: 1px
 	}

 	.md\:text-3xl {
 		font-size: 30px;
 		line-height: 36px;
 		letter-spacing: 1px
 	}

 	.md\:text-4xl {
 		font-size: 36px;
 		line-height: 40px;
 		letter-spacing: 2px
 	}

 	.md\:text-lg {
 		font-size: 18px;
 		line-height: 28px;
 		letter-spacing: .75px
 	}

 	.md\:text-sm {
 		font-size: 14px;
 		line-height: 20px
 	}

 	.md\:text-xl {
 		font-size: 20px;
 		line-height: 28px;
 		letter-spacing: .75px
 	}

 	.md\:underline-offset-4 {
 		text-underline-offset: 4px
 	}
 }

 @media (min-width:1024px) {
 	.lg\:absolute {
 		position: absolute
 	}

 	.lg\:relative {
 		position: relative
 	}

 	.lg\:inset-5 {
 		inset: 1.25rem
 	}

 	.lg\:inset-auto {
 		inset: auto
 	}

 	.lg\:-left-112 {
 		left: -448px
 	}

 	.lg\:left-5 {
 		left: 1.25rem
 	}

 	.lg\:right-5 {
 		right: 1.25rem
 	}

 	.lg\:order-1 {
 		order: 1
 	}

 	.lg\:order-2 {
 		order: 2
 	}

 	.lg\:col-span-1 {
 		grid-column: span 1/span 1
 	}

 	.lg\:col-span-2 {
 		grid-column: span 2/span 2
 	}

 	.lg\:col-span-3 {
 		grid-column: span 3/span 3
 	}

 	.lg\:col-span-4 {
 		grid-column: span 4/span 4
 	}

 	.lg\:col-span-6 {
 		grid-column: span 6/span 6
 	}

	 .lg\:col-span-7 {
		grid-column: span 7/span 7
	}

 	.lg\:col-span-8 {
 		grid-column: span 8/span 8
 	}

 	.lg\:col-span-9 {
 		grid-column: span 9/span 9
 	}

 	.lg\:col-span-full {
 		grid-column: 1/-1
 	}

 	.lg\:col-start-2 {
 		grid-column-start: 2
 	}

 	.lg\:col-start-3 {
 		grid-column-start: 3
 	}

 	.lg\:col-start-4 {
 		grid-column-start: 4
 	}

 	.lg\:col-end-10 {
 		grid-column-end: 10
 	}

 	.lg\:col-end-11 {
 		grid-column-end: 11
 	}

 	.lg\:col-end-12 {
 		grid-column-end: 12
 	}

 	.lg\:my-auto {
 		margin-top: auto;
 		margin-bottom: auto
 	}

 	.lg\:mb-0 {
 		margin-bottom: 0
 	}

 	.lg\:mb-auto {
 		margin-bottom: auto
 	}

 	.lg\:mr-4 {
 		margin-right: 1rem
 	}

 	.lg\:mt-0 {
 		margin-top: 0
 	}

 	.lg\:mt-10 {
 		margin-top: 2.5rem
 	}

 	.lg\:mt-5 {
 		margin-top: 1.25rem
 	}

 	.lg\:mt-6 {
 		margin-top: 1.5rem
 	}

 	.lg\:mt-auto {
 		margin-top: auto
 	}

 	.lg\:block {
 		display: block
 	}

 	.lg\:inline {
 		display: inline
 	}

 	.lg\:flex {
 		display: flex
 	}

 	.lg\:inline-flex {
 		display: inline-flex
 	}

 	.lg\:grid {
 		display: grid
 	}

 	.lg\:hidden {
 		display: none
 	}

 	.lg\:aspect-\[2\/1\] {
 		aspect-ratio: 2/1
 	}

 	.lg\:aspect-\[3\/1\] {
 		aspect-ratio: 3/1
 	}

 	.lg\:aspect-\[4\/9\] {
 		aspect-ratio: 4/9
 	}

 	.lg\:aspect-square {
 		aspect-ratio: 1/1
 	}

 	.lg\:aspect-standard {
 		aspect-ratio: 4/3
 	}

 	.lg\:aspect-video {
 		aspect-ratio: 16/9
 	}

 	.lg\:h-10 {
 		height: 2.5rem
 	}

 	.lg\:h-12 {
 		height: 3rem
 	}

 	.lg\:h-24 {
 		height: 6rem
 	}

 	.lg\:h-5 {
 		height: 1.25rem
 	}

 	.lg\:h-7 {
 		height: 1.75rem
 	}

 	.lg\:h-auto {
 		height: auto
 	}

 	.lg\:h-full {
 		height: 100%
 	}

 	.lg\:min-h-full {
 		min-height: 100%
 	}

 	.lg\:w-12 {
 		width: 3rem
 	}

 	.lg\:w-24 {
 		width: 6rem
 	}

 	.lg\:w-5 {
 		width: 1.25rem
 	}

 	.lg\:w-64 {
 		width: 16rem
 	}

 	.lg\:w-8 {
 		width: 2rem
 	}

 	.lg\:w-80 {
 		width: 20rem
 	}

 	.lg\:w-auto {
 		width: auto
 	}

 	.lg\:w-full {
 		width: 100%
 	}

 	.lg\:max-w-2xl {
 		max-width: 42rem
 	}

 	.lg\:max-w-5xl {
 		max-width: 64rem
 	}

 	.lg\:max-w-md {
 		max-width: 28rem
 	}

 	.lg\:snap-proximity {
 		--tw-scroll-snap-strictness: proximity
 	}

 	.lg\:scroll-mt-28 {
 		scroll-margin-top: 7rem
 	}

 	.lg\:grid-cols-12 {
 		grid-template-columns: repeat(12, minmax(0, 1fr))
 	}

 	.lg\:grid-cols-2 {
 		grid-template-columns: repeat(2, minmax(0, 1fr))
 	}

 	.lg\:flex-row {
 		flex-direction: row
 	}

 	.lg\:flex-col {
 		flex-direction: column
 	}

 	.lg\:flex-wrap {
 		flex-wrap: wrap
 	}

 	.lg\:items-end {
 		align-items: flex-end
 	}

 	.lg\:items-center {
 		align-items: center
 	}

 	.lg\:justify-start {
 		justify-content: flex-start
 	}

 	.lg\:justify-end {
 		justify-content: flex-end
 	}

 	.lg\:justify-center {
 		justify-content: center
 	}

 	.lg\:gap-12 {
 		gap: 3rem
 	}

 	.lg\:gap-4 {
 		gap: 1rem
 	}

 	.lg\:gap-5 {
 		gap: 1.25rem
 	}

 	.lg\:gap-x-5 {
 		column-gap: 1.25rem
 	}

 	.lg\:gap-y-10 {
 		row-gap: 2.5rem
 	}

 	.lg\:gap-y-5 {
 		row-gap: 1.25rem
 	}

 	.lg\:overflow-auto {
 		overflow: auto
 	}

 	.lg\:border {
 		border-width: 1px
 	}

 	.lg\:border-l {
 		border-left-width: 1px
 	}

 	.lg\:bg-brand-cement-100 {
 		--tw-bg-opacity: 1;
 		background-color: rgb(235 235 235/var(--tw-bg-opacity))
 	}

 	.lg\:bg-brand-charcoal-300 {
 		--tw-bg-opacity: 1;
 		background-color: rgb(32 33 26/var(--tw-bg-opacity))
 	}

 	.lg\:bg-transparent {
 		background-color: transparent
 	}

 	.lg\:object-center {
 		object-position: center
 	}

 	.lg\:p-0 {
 		padding: 0
 	}

 	.lg\:p-10 {
 		padding: 2.5rem
 	}

 	.lg\:p-5 {
 		padding: 1.25rem
 	}

 	.lg\:px-0 {
 		padding-left: 0;
 		padding-right: 0
 	}

 	.lg\:px-10 {
 		padding-left: 2.5rem;
 		padding-right: 2.5rem
 	}

 	.lg\:px-5 {
 		padding-left: 1.25rem;
 		padding-right: 1.25rem
 	}

 	.lg\:px-8 {
 		padding-left: 2rem;
 		padding-right: 2rem
 	}

 	.lg\:py-2 {
 		padding-top: .5rem;
 		padding-bottom: .5rem
 	}

 	.lg\:py-2\.5 {
 		padding-top: .625rem;
 		padding-bottom: .625rem
 	}

 	.lg\:py-5 {
 		padding-top: 1.25rem;
 		padding-bottom: 1.25rem
 	}

 	.lg\:pb-0 {
 		padding-bottom: 0
 	}

 	.lg\:pb-5 {
 		padding-bottom: 1.25rem
 	}

 	.lg\:pb-8 {
 		padding-bottom: 2rem
 	}

 	.lg\:pl-0 {
 		padding-left: 0
 	}

 	.lg\:pl-5 {
 		padding-left: 1.25rem
 	}

 	.lg\:pt-0 {
 		padding-top: 0
 	}

 	.lg\:pt-15 {
 		padding-top: 60px
 	}

 	.lg\:pt-5 {
 		padding-top: 1.25rem
 	}

 	.lg\:text-center {
 		text-align: center
 	}

 	.lg\:text-right {
 		text-align: right
 	}

 	.lg\:text-2xl {
 		font-size: 24px;
 		line-height: 32px;
 		letter-spacing: 1px
 	}

 	.lg\:text-3xl {
 		font-size: 30px;
 		line-height: 36px;
 		letter-spacing: 1px
 	}

 	.lg\:text-4xl {
 		font-size: 36px;
 		line-height: 40px;
 		letter-spacing: 2px
 	}

 	.lg\:text-5xl {
 		font-size: 48px;
 		line-height: 60px;
 		letter-spacing: 6px;
		 letter-spacing: 3px
 	}

 	.lg\:text-7xl {
 		font-size: 72px;
 		line-height: 90px;
 		letter-spacing: 5px
 	}

 	.lg\:text-base {
 		font-size: 16px;
 		line-height: 24px;
 		letter-spacing: .25px
 	}

 	.lg\:text-lg {
 		font-size: 18px;
 		line-height: 28px;
 		letter-spacing: .75px
 	}

 	.lg\:text-sm {
 		font-size: 14px;
 		line-height: 20px
 	}

 	.lg\:text-xl {
 		font-size: 20px;
 		line-height: 28px;
 		letter-spacing: .75px
 	}

 	.lg\:leading-10 {
 		line-height: 2.5rem
 	}

 	.lg\:leading-6 {
 		line-height: 1.5rem
 	}

 	.lg\:tracking-widest {
 		letter-spacing: .1em
 	}

 	.lg\:text-brand-cement-100 {
 		--tw-text-opacity: 1;
 		color: rgb(246 245 243/var(--tw-text-opacity))
 	}

 	.lg\:text-white {
 		--tw-text-opacity: 1;
 		color: rgb(255 255 255/var(--tw-text-opacity))
 	}

 	.lg\:no-underline {
 		text-decoration-line: none
 	}

 	.lg\:underline-offset-4 {
 		text-underline-offset: 4px
 	}

 	.lg\:underline-offset-8 {
 		text-underline-offset: 8px
 	}

 	.lg\:grayscale {
 		--tw-grayscale: grayscale(100%);
 		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 	}

 	.lg\:after\:block:after {
 		content: var(--tw-content);
 		display: block
 	}

 	@media (hover:hover) and (pointer:fine) {
 		.lg\:hover\:opacity-100:hover {
 			opacity: 1
 		}
 	}

 	.data-is-active\:lg\:col-start-5[data-is-active=true] {
 		grid-column-start: 5
 	}

 	.data-\[size\=lg\]\:lg\:col-span-9[data-size=lg] {
 		grid-column: span 9/span 9
 	}

 	.data-\[size\=md\]\:lg\:col-span-4[data-size=md] {
 		grid-column: span 4/span 4
 	}
 
 	.data-\[is-unavailable\=true\]\:lg\:bg-brand-neutral-500[data-is-unavailable=true] {
 		--tw-bg-opacity: 1;
 		background-color: rgb(118 118 118/var(--tw-bg-opacity))
 	}

 	@supports not (-webkit-touch-callout:none) {
 		.lg\:not-touch\:opacity-0 {
 			opacity: 0
 		}
 	}
 }

 @media (min-width:1280px) {
 	.xl\:order-2 {
 		order: 2
 	}

 	.xl\:order-3 {
 		order: 3
 	}

 	.xl\:col-span-1 {
 		grid-column: span 1/span 1
 	}

 	.xl\:col-span-10 {
 		grid-column: span 10/span 10
 	}

 	.xl\:col-span-2 {
 		grid-column: span 2/span 2
 	}

 	.xl\:col-span-3 {
 		grid-column: span 3/span 3
 	}

 	.xl\:col-span-4 {
 		grid-column: span 4/span 4
 	}

 	.xl\:col-span-6 {
 		grid-column: span 5/span 5
 	}

	 .xl\:col-span-5 {
		grid-column: span 6/span 6
	}

	.xl\:col-span-7{
		grid-column: span 7/span 7
	}
 	.xl\:mt-10 {
 		margin-top: 2.5rem
 	}

 	.xl\:block {
 		display: block
 	}

 	.xl\:w-96 {
 		width: 24rem
 	}

 	.xl\:max-w-3xl {
 		max-width: 48rem
 	}

 	.xl\:pl-5 {
 		padding-left: 1.25rem
 	}

 	.xl\:text-3xl {
 		font-size: 30px;
 		line-height: 36px;
 		letter-spacing: 1px
 	}

 	.xl\:text-4xl {
 		font-size: 36px;
 		line-height: 40px;
 		letter-spacing: 2px
 	}

 	.xl\:text-7xl {
 		font-size: 72px;
 		line-height: 90px;
 		letter-spacing: 5px
 	}

 	.xl\:decoration-4 {
 		text-decoration-thickness: 4px
 	}

 	.xl\:underline-offset-4 {
 		text-underline-offset: 4px
 	}

 	.data-\[size\=lg\]\:xl\:col-span-6[data-size=lg] {
 		grid-column: span 6/span 6
 	}

 	.data-\[size\=md\]\:xl\:col-span-3[data-size=md] {
 		grid-column: span 3/span 3
 	}
 }

 @media (min-width:1440px) {
 	.\32xl\:w-80 {
 		width: 20rem
 	}

 	.\32xl\:text-3xl {
 		font-size: 30px;
 		line-height: 36px;
 		letter-spacing: 1px
 	}
 }

 .\[\&\>\*\]\:w-48>* {
 	width: 12rem
 }

 .\[\&\>\*\]\:shrink-0>* {
 	flex-shrink: 0
 }

 .\[\&\>\*\]\:snap-start>* {
 	scroll-snap-align: start
 }

 @media (min-width:1024px) {
 	.\[\&\>\*\]\:lg\:w-64>* {
 		width: 16rem
 	}
 }

 @media (min-width:1440px) {
 	.\[\&\>\*\]\:2xl\:w-80>* {
 		width: 20rem
 	}
 }