@font-face {
	font-family: 'Shapiro Body';
	font-weight: normal;
	src: url('/static/fonts/Shapiro 45 Welter Text.otf');
}

@font-face {
	font-family: 'Shapiro Body';
	font-weight: bold;
	src: url('/static/fonts/Shapiro 55 Middle Wide.otf');
}

@font-face {
	font-family: 'Shapiro Label';
	font-weight: normal;
	src: url('/static/fonts/Shapiro 65 Light Heavy Wide.otf');
}

@font-face {
	font-family: 'Shapiro Title';
	font-weight: normal;
	src: url('/static/fonts/Shapiro 55 Middle Wide.otf');
}

@font-face {
	font-family: 'Shapiro Heading';
	font-weight: normal;
	src: url('/static/fonts/Shapiro 95 Super Extd.otf');
}

@font-face {
	font-family: 'Shapiro Heading Outline';
	font-weight: normal;
	src: url('/static/fonts/Shapiro 97 Air Extd.otf');
}

/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  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"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

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

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

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

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

:root {
	--h-screen: 100vh;
	--gap-width: 20px;
	--gutter-width: 20px;
	--scrollbar-width: 0px;
	--grid-width: calc(100vw - var(--scrollbar-width) - (2 * var(--gutter-width)));
	--column-width: calc( (
							var(--grid-width)
							-
							(11 * var(--gap-width))
						)
						/
						12
					);
}

@media (min-width: 768px) {

	:root {
		--gutter-width: 30px;
		--gap-width: 40px;
	}
}

@media (min-width: 1200px) {

	:root {
		--gutter-width: 80px;
		--gap-width: 50px;
	}
}

@media (min-width: 1600px) {

	:root {
		--gutter-width: 60px;
	}
}

@media (min-width: 3000px) {

	:root {
		--gutter-width: 100px;
		--grid-width: 2600px;
	}
}

*, ::before, ::after {
	--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: rgb(59 130 246 / 0.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: rgb(59 130 246 / 0.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:  ;
}

html, body {
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	--tw-bg-opacity: 0.3;
	font-family: "Shapiro Body", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1 {
	margin-bottom: 1em;
	font-family: "Shapiro Heading", sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	line-height: 0.9;
}

@media (min-width: 768px) {

	h1 {
		font-size: 35px;
	}
}

@media (min-width: 1200px) {

	h1 {
		font-size: 45px;
	}
}

h2 {
	margin-bottom: 1em;
	font-family: "Shapiro Heading", sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	line-height: 0.9;
}

@media (min-width: 768px) {

	h2 {
		font-size: 30px;
		line-height: 0.9;
	}
}

h3 {
	margin-bottom: 1em;
	font-family: "Shapiro Heading", sans-serif;
	font-size: 20px;
	line-height: 1.35;
}

@media (min-width: 768px) {

	h3 {
		font-size: 25px;
	}
}

@media (min-width: 1600px) {

	h3 {
		font-size: 30px;
	}
}

h4 {
	margin-bottom: 1em;
	font-family: "Shapiro Heading", sans-serif;
	font-size: 18px;
	line-height: 1.35;
}

@media (min-width: 768px) {

	h4 {
		font-size: 20px;
		line-height: 1.35;
	}
}

button {
	cursor: pointer;
	outline: 2px solid transparent;
	outline-offset: 2px;
}

button:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.container {
	width: 100%;
}

@media (min-width: 768px) {

	.container {
		max-width: 768px;
	}
}

@media (min-width: 1024px) {

	.container {
		max-width: 1024px;
	}
}

@media (min-width: 1200px) {

	.container {
		max-width: 1200px;
	}
}

@media (min-width: 1600px) {

	.container {
		max-width: 1600px;
	}
}

@media (min-width: 3000px) {

	.container {
		max-width: 3000px;
	}
}

.cs-form-black input:-webkit-autofill {
	box-shadow: 0 0 0 1000px black inset;
	-webkit-text-fill-color: white;
}

.cs-form-white input:-webkit-autofill {
	box-shadow: 0 0 0 1000px white inset;
	-webkit-text-fill-color: black;
}

.container {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--grid-width);
}

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity));
}

.article h2 {
	margin-bottom: 1em;
}

.article h2 {
	font-family: "Shapiro Title", sans-serif;
}

.article h2 {
	font-size: 20px;
}

.article h2 {
	text-transform: none;
}

.article h2 {
	line-height: 1.35;
}

@media (min-width: 768px) {

	.article h2 {
		font-size: 22px;
	}
}

.article h3 {
	margin-bottom: 1em;
}

.article h3 {
	font-family: "Shapiro Title", sans-serif;
}

.article h3 {
	font-size: 20px;
}

.article h3 {
	line-height: 1.35;
}

@media (min-width: 768px) {

	.article h3 {
		font-size: 18px;
	}
}

@media (min-width: 1200px) {

	.article h3 {
		font-size: 20px;
	}
}

.article p {
	margin-bottom: 1.5em;
}

.article ul {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.article li {
	margin-left: 1em;
}

.article li {
	list-style-type: disc;
}

.article a {
	text-decoration-line: underline;
}

.article a {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.article a:hover {
	--tw-text-opacity: 1;
	color: rgb(255 78 0 / var(--tw-text-opacity));
}

.cs-article-inline a {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.cs-article-inline a:hover {
	--tw-text-opacity: 1;
	color: rgb(255 78 0 / var(--tw-text-opacity));
}

.cs-article-inline p {
	margin-top: 0;
	margin-bottom: 0;
}

.cs-subheading {
	white-space: nowrap;
	font-family: "Shapiro Heading Outline", sans-serif;
	font-size: 27px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 0.30;
	--tw-text-opacity: 1;
	color: rgb(51 51 51 / var(--tw-text-opacity));
}

@media (min-width: 1200px) {

	.cs-subheading {
		font-size: 60px;
	}
}

.cs-label {
	margin-bottom: 10px;
	font-family: "Shapiro label", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

@media (min-width: 768px) {

	.cs-label {
		margin-bottom: 20px;
		font-size: 12px;
		letter-spacing: 0.1em;
	}
}

.cs-cta {
	display: inline-block;
	cursor: none;
	font-family: "Shapiro label", sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}

.cs-image {
	-o-object-fit: cover;
	   object-fit: cover;
	opacity: 0;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
}

.cs-image--loaded {
	opacity: 1;
}

.cs-description a {
	font-weight: 700;
}

.cs-description a {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.cs-description a:hover {
	--tw-text-opacity: 1;
	color: rgb(255 78 0 / var(--tw-text-opacity));
}

.cs-arrow {
	margin-left: -10px;
	margin-right: -10px;
	display: inline-block;
	cursor: pointer;
	align-self: flex-start;
	padding-left: 10px;
	padding-right: 10px;
}

/** Blocks **/

.cs-block-media-gallery {
	position: relative;
	height: var(--h-screen);
}

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

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

.visible {
	visibility: visible;
}

.invisible {
	visibility: hidden;
}

.collapse {
	visibility: collapse;
}

.fixed {
	position: fixed;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.sticky {
	position: sticky;
}

.inset-0 {
	inset: 0;
}

.bottom-0 {
	bottom: 0;
}

.bottom-\[15px\] {
	bottom: 15px;
}

.bottom-auto {
	bottom: auto;
}

.bottom-full {
	bottom: 100%;
}

.left-0 {
	left: 0;
}

.left-1\/2 {
	left: 50%;
}

.left-auto {
	left: auto;
}

.left-full {
	left: 100%;
}

.right-0 {
	right: 0;
}

.right-\[25px\] {
	right: 25px;
}

.right-auto {
	right: auto;
}

.right-full {
	right: 100%;
}

.top-0 {
	top: 0;
}

.top-1\/2 {
	top: 50%;
}

.top-auto {
	top: auto;
}

.top-full {
	top: 100%;
}

.z-cursor {
	z-index: 30;
}

.z-header {
	z-index: 10;
}

.z-menu {
	z-index: 20;
}

.z-overlay {
	z-index: 40;
}

.order-first {
	order: -9999;
}

.order-last {
	order: 9999;
}

.-m-px {
	margin: -1px;
}

.m-0 {
	margin: 0;
}

.m-15 {
	margin: 15px;
}

.m-20 {
	margin: 20px;
}

.m-30 {
	margin: 30px;
}

.m-auto {
	margin: auto;
}

.m-gutter {
	margin: var(--gutter-width);
}

.-mx-10 {
	margin-left: -10px;
	margin-right: -10px;
}

.-mx-gutter {
	margin-left: calc(var(--gutter-width) * -1);
	margin-right: calc(var(--gutter-width) * -1);
}

.-my-60 {
	margin-top: -60px;
	margin-bottom: -60px;
}

.mx-10 {
	margin-left: 10px;
	margin-right: 10px;
}

.mx-20 {
	margin-left: 20px;
	margin-right: 20px;
}

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

.mx-gutter {
	margin-left: var(--gutter-width);
	margin-right: var(--gutter-width);
}

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

.my-0\.5em {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.my-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.my-2em {
	margin-top: 2em;
	margin-bottom: 2em;
}

.my-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.my-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.my-50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.my-gaps-1 {
	margin-top: calc(1 * var(--gap-width));
	margin-bottom: calc(1 * var(--gap-width));
}

.my-px {
	margin-top: 1px;
	margin-bottom: 1px;
}

.-mb-20 {
	margin-bottom: -20px;
}

.-mb-5 {
	margin-bottom: -5px;
}

.-mb-px {
	margin-bottom: -1px;
}

.-ml-10 {
	margin-left: -10px;
}

.-ml-13 {
	margin-left: -13px;
}

.-ml-15 {
	margin-left: -15px;
}

.-ml-20 {
	margin-left: -20px;
}

.-ml-4 {
	margin-left: -4px;
}

.-ml-5 {
	margin-left: -5px;
}

.-ml-60 {
	margin-left: -60px;
}

.-ml-9 {
	margin-left: -9px;
}

.-ml-gaps-1 {
	margin-left: calc(calc(1 * var(--gap-width)) * -1);
}

.-ml-gutter {
	margin-left: calc(var(--gutter-width) * -1);
}

.-mr-cols-2 {
	margin-right: calc(calc((2 * var(--column-width)) + (1 * var(--gap-width))) * -1);
}

.-mr-gutter {
	margin-right: calc(var(--gutter-width) * -1);
}

.-mt-10 {
	margin-top: -10px;
}

.-mt-13 {
	margin-top: -13px;
}

.-mt-15 {
	margin-top: -15px;
}

.-mt-20 {
	margin-top: -20px;
}

.-mt-30 {
	margin-top: -30px;
}

.-mt-4 {
	margin-top: -4px;
}

.-mt-5 {
	margin-top: -5px;
}

.-mt-6 {
	margin-top: -6px;
}

.-mt-px {
	margin-top: -1px;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-0\.5em {
	margin-bottom: 0.5em;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mb-120 {
	margin-bottom: 120px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-175 {
	margin-bottom: 175px;
}

.mb-1em {
	margin-bottom: 1em;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-2em {
	margin-bottom: 2em;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-75 {
	margin-bottom: 75px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-gaps-1 {
	margin-bottom: calc(1 * var(--gap-width));
}

.mb-px {
	margin-bottom: 1px;
}

.ml-1\/2 {
	margin-left: 50%;
}

.ml-20 {
	margin-left: 20px;
}

.ml-5 {
	margin-left: 5px;
}

.ml-65 {
	margin-left: 65px;
}

.ml-8 {
	margin-left: 8px;
}

.ml-auto {
	margin-left: auto;
}

.ml-cols-12 {
	margin-left: calc((12 * var(--column-width)) + (11 * var(--gap-width)));
}

.ml-gaps-1 {
	margin-left: calc(1 * var(--gap-width));
}

.ml-gutter {
	margin-left: var(--gutter-width);
}

.ml-px {
	margin-left: 1px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-2 {
	margin-right: 2px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-25 {
	margin-right: 25px;
}

.mr-30 {
	margin-right: 30px;
}

.mr-60 {
	margin-right: 60px;
}

.mr-auto {
	margin-right: auto;
}

.mr-gaps-1 {
	margin-right: calc(1 * var(--gap-width));
}

.mr-gutter {
	margin-right: var(--gutter-width);
}

.mr-px {
	margin-right: 1px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-120 {
	margin-top: 120px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-150 {
	margin-top: 150px;
}

.mt-170 {
	margin-top: 170px;
}

.mt-2 {
	margin-top: 2px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-45 {
	margin-top: 45px;
}

.mt-5 {
	margin-top: 5px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-auto {
	margin-top: auto;
}

.mt-cols-2 {
	margin-top: calc((2 * var(--column-width)) + (1 * var(--gap-width)));
}

.mt-cols-3 {
	margin-top: calc((3 * var(--column-width)) + (2 * var(--gap-width)));
}

.mt-cols-6 {
	margin-top: calc((6 * var(--column-width)) + (5 * var(--gap-width)));
}

.mt-em {
	margin-top: 1em;
}

.mt-px {
	margin-top: 1px;
}

.\!block {
	display: block !important;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.inline {
	display: inline;
}

.flex {
	display: flex;
}

.table {
	display: table;
}

.grid {
	display: grid;
}

.hidden {
	display: none;
}

.h-1 {
	height: 1px;
}

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

.h-10 {
	height: 10px;
}

.h-110 {
	height: 110px;
}

.h-115 {
	height: 115px;
}

.h-120 {
	height: 120px;
}

.h-13 {
	height: 13px;
}

.h-15 {
	height: 15px;
}

.h-17 {
	height: 17px;
}

.h-20 {
	height: 20px;
}

.h-26 {
	height: 26px;
}

.h-27 {
	height: 27px;
}

.h-3 {
	height: 3px;
}

.h-30 {
	height: 30px;
}

.h-32 {
	height: 32px;
}

.h-34 {
	height: 34px;
}

.h-40 {
	height: 40px;
}

.h-50 {
	height: 50px;
}

.h-60 {
	height: 60px;
}

.h-75 {
	height: 75px;
}

.h-8 {
	height: 8px;
}

.h-90 {
	height: 90px;
}

.h-auto {
	height: auto;
}

.h-full {
	height: 100%;
}

.h-screen {
	height: var(--h-screen);
}

.h-screen-1\/2 {
	height: calc(0.5 * var(--h-screen));
}

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

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

.min-h-screen {
	min-height: var(--h-screen);
}

.min-h-screen-1\/2 {
	min-height: calc(0.5 * var(--h-screen));
}

.min-h-screen-1\/4 {
	min-height: calc(0.25 * var(--h-screen));
}

.min-h-screen-4\/5 {
	min-height: calc(0.8 * var(--h-screen));
}

.w-1\/2 {
	width: 50%;
}

.w-1\/4 {
	width: 25%;
}

.w-10 {
	width: 10px;
}

.w-100 {
	width: 100px;
}

.w-110 {
	width: 110px;
}

.w-120 {
	width: 120px;
}

.w-14 {
	width: 14px;
}

.w-15 {
	width: 15px;
}

.w-170 {
	width: 170px;
}

.w-20 {
	width: 20px;
}

.w-200 {
	width: 200px;
}

.w-26 {
	width: 26px;
}

.w-30 {
	width: 30px;
}

.w-32 {
	width: 32px;
}

.w-34 {
	width: 34px;
}

.w-43 {
	width: 43px;
}

.w-50 {
	width: 50px;
}

.w-60 {
	width: 60px;
}

.w-75 {
	width: 75px;
}

.w-77 {
	width: 77px;
}

.w-8 {
	width: 8px;
}

.w-90 {
	width: 90px;
}

.w-auto {
	width: auto;
}

.w-cols-1 {
	width: calc((1 * var(--column-width)) + (0 * var(--gap-width)));
}

.w-cols-10 {
	width: calc((10 * var(--column-width)) + (9 * var(--gap-width)));
}

.w-cols-11 {
	width: calc((11 * var(--column-width)) + (10 * var(--gap-width)));
}

.w-cols-12 {
	width: calc((12 * var(--column-width)) + (11 * var(--gap-width)));
}

.w-cols-2 {
	width: calc((2 * var(--column-width)) + (1 * var(--gap-width)));
}

.w-cols-2-gap {
	width: calc((2 * var(--column-width)) + (2 * var(--gap-width)));
}

.w-cols-3-gap {
	width: calc((3 * var(--column-width)) + (3 * var(--gap-width)));
}

.w-cols-4 {
	width: calc((4 * var(--column-width)) + (3 * var(--gap-width)));
}

.w-cols-5-gap {
	width: calc((5 * var(--column-width)) + (5 * var(--gap-width)));
}

.w-cols-6 {
	width: calc((6 * var(--column-width)) + (5 * var(--gap-width)));
}

.w-cols-7 {
	width: calc((7 * var(--column-width)) + (6 * var(--gap-width)));
}

.w-cols-8 {
	width: calc((8 * var(--column-width)) + (7 * var(--gap-width)));
}

.w-full {
	width: 100%;
}

.w-gaps-1 {
	width: calc(1 * var(--gap-width));
}

.w-px {
	width: 1px;
}

.w-screen {
	width: 100vw;
}

.min-w-min {
	min-width: -moz-min-content;
	min-width: min-content;
}

.max-w-16em {
	max-width: 16em;
}

.max-w-20em {
	max-width: 20em;
}

.max-w-22em {
	max-width: 22em;
}

.max-w-24em {
	max-width: 24em;
}

.max-w-28em {
	max-width: 28em;
}

.max-w-30em {
	max-width: 30em;
}

.max-w-32em {
	max-width: 32em;
}

.max-w-49em {
	max-width: 49em;
}

.max-w-container {
	max-width: calc((2 * var(--gutter-width)) + var(--grid-width));
}

.max-w-grid {
	max-width: var(--grid-width);
}

.max-w-max-content {
	max-width: -moz-max-content;
	max-width: max-content;
}

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

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

.flex-shrink-0 {
	flex-shrink: 0;
}

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

.-translate-x-1\/2 {
	--tw-translate-x: -50%;
	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-1\/2 {
	--tw-translate-y: -50%;
	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-1\/2 {
	--tw-translate-x: 50%;
	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-full {
	--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));
}

.scale-0 {
	--tw-scale-x: 0;
	--tw-scale-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));
}

.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-none {
	cursor: none;
}

.cursor-pointer {
	cursor: pointer;
}

.resize-y {
	resize: vertical;
}

.resize {
	resize: both;
}

.list-disc {
	list-style-type: disc;
}

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

.appearance-none {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.flex-col {
	flex-direction: column;
}

.flex-col-reverse {
	flex-direction: column-reverse;
}

.flex-wrap {
	flex-wrap: wrap;
}

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

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

.items-center {
	align-items: center;
}

.items-baseline {
	align-items: baseline;
}

.items-stretch {
	align-items: stretch;
}

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

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

.justify-center {
	justify-content: center;
}

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

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: center;
}

.overflow-hidden {
	overflow: hidden;
}

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

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

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

.whitespace-nowrap {
	white-space: nowrap;
}

.rounded-10 {
	border-radius: 10px;
}

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

.border {
	border-width: 1px;
}

.border-2 {
	border-width: 2px;
}

.border-b {
	border-bottom-width: 1px;
}

.border-r {
	border-right-width: 1px;
}

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

.border-gray-on-white {
	--tw-border-opacity: 1;
	border-color: rgb(229 229 229 / var(--tw-border-opacity));
}

.border-opacity-10 {
	--tw-border-opacity: 0.1;
}

.border-opacity-20 {
	--tw-border-opacity: 0.2;
}

.border-opacity-50 {
	--tw-border-opacity: 0.5;
}

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

.bg-current {
	background-color: currentColor;
}

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

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

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

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

.bg-white\/70 {
	background-color: rgb(255 255 255 / 0.7);
}

.bg-opacity-0 {
	--tw-bg-opacity: 0;
}

.bg-opacity-20 {
	--tw-bg-opacity: 0.2;
}

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

.bg-opacity-80 {
	--tw-bg-opacity: 0.8;
}

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

.bg-cover {
	background-size: cover;
}

.bg-center {
	background-position: center;
}

.object-contain {
	-o-object-fit: contain;
	   object-fit: contain;
}

.object-cover {
	-o-object-fit: cover;
	   object-fit: cover;
}

.p-2 {
	padding: 2px;
}

.p-20 {
	padding: 20px;
}

.p-3 {
	padding: 3px;
}

.p-40 {
	padding: 40px;
}

.p-50 {
	padding: 50px;
}

.p-80 {
	padding: 80px;
}

.p-cols-1-gap {
	padding: calc((1 * var(--column-width)) + (1 * var(--gap-width)));
}

.p-gutter {
	padding: var(--gutter-width);
}

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

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

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

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

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

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

.px-em {
	padding-left: 1em;
	padding-right: 1em;
}

.px-gutter {
	padding-left: var(--gutter-width);
	padding-right: var(--gutter-width);
}

.py-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

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

.py-2 {
	padding-top: 2px;
	padding-bottom: 2px;
}

.py-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.py-250 {
	padding-top: 250px;
	padding-bottom: 250px;
}

.py-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.py-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.py-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.py-6 {
	padding-top: 6px;
	padding-bottom: 6px;
}

.py-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.py-gutter {
	padding-top: var(--gutter-width);
	padding-bottom: var(--gutter-width);
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-10\/16 {
	padding-bottom: 62.5%;
}

.pb-100 {
	padding-bottom: 100px;
}

.pb-120 {
	padding-bottom: 120px;
}

.pb-1em {
	padding-bottom: 1em;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-9\/16 {
	padding-bottom: 56.25%;
}

.pb-cols-1 {
	padding-bottom: calc((1 * var(--column-width)) + (0 * var(--gap-width)));
}

.pb-cols-12 {
	padding-bottom: calc((12 * var(--column-width)) + (11 * var(--gap-width)));
}

.pb-cols-2 {
	padding-bottom: calc((2 * var(--column-width)) + (1 * var(--gap-width)));
}

.pb-cols-3 {
	padding-bottom: calc((3 * var(--column-width)) + (2 * var(--gap-width)));
}

.pb-cols-4 {
	padding-bottom: calc((4 * var(--column-width)) + (3 * var(--gap-width)));
}

.pb-cols-6 {
	padding-bottom: calc((6 * var(--column-width)) + (5 * var(--gap-width)));
}

.pb-em {
	padding-bottom: 1em;
}

.pb-gutter {
	padding-bottom: var(--gutter-width);
}

.pl-0 {
	padding-left: 0;
}

.pl-40 {
	padding-left: 40px;
}

.pl-gaps-1 {
	padding-left: calc(1 * var(--gap-width));
}

.pl-gutter {
	padding-left: var(--gutter-width);
}

.pr-20 {
	padding-right: 20px;
}

.pr-40 {
	padding-right: 40px;
}

.pr-65 {
	padding-right: 65px;
}

.pr-gutter {
	padding-right: var(--gutter-width);
}

.pt-10 {
	padding-top: 10px;
}

.pt-100 {
	padding-top: 100px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-4 {
	padding-top: 4px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-90 {
	padding-top: 90px;
}

.pt-cols-4 {
	padding-top: calc((4 * var(--column-width)) + (3 * var(--gap-width)));
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.font-body {
	font-family: "Shapiro Body", sans-serif;
}

.font-heading {
	font-family: "Shapiro Heading", sans-serif;
}

.font-heading-outline {
	font-family: "Shapiro Heading Outline", sans-serif;
}

.font-label {
	font-family: "Shapiro label", sans-serif;
}

.font-title {
	font-family: "Shapiro Title", sans-serif;
}

.text-10 {
	font-size: 10px;
}

.text-11 {
	font-size: 11px;
}

.text-12 {
	font-size: 12px;
}

.text-14 {
	font-size: 14px;
}

.text-16 {
	font-size: 16px;
}

.text-18 {
	font-size: 18px;
}

.text-20 {
	font-size: 20px;
}

.text-22 {
	font-size: 22px;
}

.text-24 {
	font-size: 24px;
}

.text-25 {
	font-size: 25px;
}

.text-27 {
	font-size: 27px;
}

.text-30 {
	font-size: 30px;
}

.text-90 {
	font-size: 90px;
}

.font-bold {
	font-weight: 700;
}

.uppercase {
	text-transform: uppercase;
}

.normal-case {
	text-transform: none;
}

.italic {
	font-style: italic;
}

.leading-100 {
	line-height: 1;
}

.leading-115 {
	line-height: 1.15;
}

.leading-135 {
	line-height: 1.35;
}

.leading-150 {
	line-height: 1.5;
}

.leading-200 {
	line-height: 2;
}

.leading-30 {
	line-height: 0.30;
}

.leading-90 {
	line-height: 0.9;
}

.leading-normal {
	line-height: 1.6;
}

.tracking-wider {
	letter-spacing: 0.05em;
}

.text-\[\#dc2626\] {
	--tw-text-opacity: 1;
	color: rgb(220 38 38 / var(--tw-text-opacity));
}

.text-\[\#ef4444\] {
	--tw-text-opacity: 1;
	color: rgb(239 68 68 / var(--tw-text-opacity));
}

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

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

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

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

.text-inherit {
	color: inherit;
}

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

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

.underline {
	text-decoration-line: underline;
}

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

.opacity-0 {
	opacity: 0;
}

.opacity-15 {
	opacity: 0.15;
}

.opacity-20 {
	opacity: 0.2;
}

.opacity-45 {
	opacity: 0.45;
}

.opacity-50 {
	opacity: 0.5;
}

.opacity-60 {
	opacity: 0.6;
}

.opacity-70 {
	opacity: 0.7;
}

.opacity-80 {
	opacity: 0.8;
}

.shadow {
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.outline {
	outline-style: solid;
}

.outline-1 {
	outline-width: 1px;
}

.outline-black {
	outline-color: #000000;
}

.outline-black\/10 {
	outline-color: rgb(0 0 0 / 0.1);
}

.outline-gray {
	outline-color: #333333;
}

.outline-gray-on-white {
	outline-color: #666666;
}

.outline-white\/20 {
	outline-color: rgb(255 255 255 / 0.2);
}

.blur {
	--tw-blur: blur(8px);
	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);
}

.drop-shadow {
	--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
	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);
}

.filter {
	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);
}

.backdrop-blur-sm {
	--tw-backdrop-blur: blur(4px);
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.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(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.transition-all {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.transition-colors {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.transition-opacity {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.transition-transform {
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.duration-200 {
	transition-duration: 200ms;
}

.duration-300 {
	transition-duration: 300ms;
}

.duration-500 {
	transition-duration: 500ms;
}

.ease-in-out {
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

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

.page-transition-enter-active {
	transition: transform 0.8s cubic-bezier(0.87, 0, 0.13, 1);
}

.page-transition-leave-active {
	transition: transform 2s cubic-bezier(0.87, 0, 0.13, 1);
}

.page-transition-enter {
	transform: translate3d(0, 0, 0);
}

.page-transition-enter-to,
.page-transition-leave {
	transform: translate3d(50%, 0, 0);
}

.page-transition-leave-to {
	transform: translate3d(100%, 0, 0);
}

@keyframes cs-anim-rotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.cs-anim-home-rotate {
	animation: 6s cs-anim-rotate infinite;
	animation-timing-function: cubic-bezier(0.5, 0, 0.13, 1);
}

.hover\:bg-opacity-90:hover {
	--tw-bg-opacity: 0.9;
}

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

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

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

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

.hover\:opacity-50:hover {
	opacity: 0.5;
}

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

@media (hover: hover) {

	.can-hover\:hidden {
		display: none;
	}
}

@media (hover: none) {

	.no-hover\:mr-gaps-1 {
		margin-right: calc(1 * var(--gap-width));
	}

	.no-hover\:hidden {
		display: none;
	}

	.no-hover\:w-cols-11 {
		width: calc((11 * var(--column-width)) + (10 * var(--gap-width)));
	}
}

@media (max-width: 1220px) {

	.max-\[1220px\]\:ml-30 {
		margin-left: 30px;
	}
}

@media (max-width: 1000px) {

	.max-\[1000px\]\:w-full {
		width: 100%;
	}
}

@media (min-width: 768px) {

	.sm\:static {
		position: static;
	}

	.sm\:absolute {
		position: absolute;
	}

	.sm\:relative {
		position: relative;
	}

	.sm\:sticky {
		position: sticky;
	}

	.sm\:inset-0 {
		inset: 0;
	}

	.sm\:bottom-0 {
		bottom: 0;
	}

	.sm\:left-auto {
		left: auto;
	}

	.sm\:m-0 {
		margin: 0;
	}

	.sm\:-mx-gaps-1 {
		margin-left: calc(calc(1 * var(--gap-width)) * -1);
		margin-right: calc(calc(1 * var(--gap-width)) * -1);
	}

	.sm\:-mx-gutter {
		margin-left: calc(var(--gutter-width) * -1);
		margin-right: calc(var(--gutter-width) * -1);
	}

	.sm\:mx-15 {
		margin-left: 15px;
		margin-right: 15px;
	}

	.sm\:mx-50 {
		margin-left: 50px;
		margin-right: 50px;
	}

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

	.sm\:my-0 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.sm\:my-60 {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.sm\:-mb-40 {
		margin-bottom: -40px;
	}

	.sm\:-ml-0 {
		margin-left: 0;
	}

	.sm\:-ml-15 {
		margin-left: -15px;
	}

	.sm\:-ml-8 {
		margin-left: -8px;
	}

	.sm\:-ml-gaps-1 {
		margin-left: calc(calc(1 * var(--gap-width)) * -1);
	}

	.sm\:-mr-8 {
		margin-right: -8px;
	}

	.sm\:-mt-9 {
		margin-top: -9px;
	}

	.sm\:mb-0 {
		margin-bottom: 0;
	}

	.sm\:mb-120 {
		margin-bottom: 120px;
	}

	.sm\:mb-155 {
		margin-bottom: 155px;
	}

	.sm\:mb-20 {
		margin-bottom: 20px;
	}

	.sm\:mb-200 {
		margin-bottom: 200px;
	}

	.sm\:mb-30 {
		margin-bottom: 30px;
	}

	.sm\:mb-40 {
		margin-bottom: 40px;
	}

	.sm\:mb-50 {
		margin-bottom: 50px;
	}

	.sm\:mb-60 {
		margin-bottom: 60px;
	}

	.sm\:mb-70 {
		margin-bottom: 70px;
	}

	.sm\:mb-80 {
		margin-bottom: 80px;
	}

	.sm\:mb-90 {
		margin-bottom: 90px;
	}

	.sm\:mb-gaps-1 {
		margin-bottom: calc(1 * var(--gap-width));
	}

	.sm\:mb-gaps-2 {
		margin-bottom: calc(2 * var(--gap-width));
	}

	.sm\:ml-0 {
		margin-left: 0;
	}

	.sm\:ml-130 {
		margin-left: 130px;
	}

	.sm\:ml-250 {
		margin-left: 250px;
	}

	.sm\:ml-40 {
		margin-left: 40px;
	}

	.sm\:ml-60 {
		margin-left: 60px;
	}

	.sm\:ml-80 {
		margin-left: 80px;
	}

	.sm\:ml-auto {
		margin-left: auto;
	}

	.sm\:ml-gaps-1 {
		margin-left: calc(1 * var(--gap-width));
	}

	.sm\:ml-gutter {
		margin-left: var(--gutter-width);
	}

	.sm\:mr-0 {
		margin-right: 0;
	}

	.sm\:mr-10 {
		margin-right: 10px;
	}

	.sm\:mr-130 {
		margin-right: 130px;
	}

	.sm\:mr-170 {
		margin-right: 170px;
	}

	.sm\:mr-180 {
		margin-right: 180px;
	}

	.sm\:mr-30 {
		margin-right: 30px;
	}

	.sm\:mr-40 {
		margin-right: 40px;
	}

	.sm\:mr-gaps-1 {
		margin-right: calc(1 * var(--gap-width));
	}

	.sm\:mt-0 {
		margin-top: 0;
	}

	.sm\:mt-120 {
		margin-top: 120px;
	}

	.sm\:mt-20 {
		margin-top: 20px;
	}

	.sm\:mt-240 {
		margin-top: 240px;
	}

	.sm\:mt-300 {
		margin-top: 300px;
	}

	.sm\:mt-40 {
		margin-top: 40px;
	}

	.sm\:mt-60 {
		margin-top: 60px;
	}

	.sm\:mt-80 {
		margin-top: 80px;
	}

	.sm\:mt-90 {
		margin-top: 90px;
	}

	.sm\:mt-auto {
		margin-top: auto;
	}

	.sm\:mt-gaps-4 {
		margin-top: calc(4 * var(--gap-width));
	}

	.sm\:block {
		display: block;
	}

	.sm\:flex {
		display: flex;
	}

	.sm\:inline-flex {
		display: inline-flex;
	}

	.sm\:hidden {
		display: none;
	}

	.sm\:h-140 {
		height: 140px;
	}

	.sm\:h-15 {
		height: 15px;
	}

	.sm\:h-150 {
		height: 150px;
	}

	.sm\:h-220 {
		height: 220px;
	}

	.sm\:h-50 {
		height: 50px;
	}

	.sm\:h-90 {
		height: 90px;
	}

	.sm\:h-full {
		height: 100%;
	}

	.sm\:h-screen {
		height: var(--h-screen);
	}

	.sm\:h-screen-1\/2 {
		height: calc(0.5 * var(--h-screen));
	}

	.sm\:min-h-screen {
		min-height: var(--h-screen);
	}

	.sm\:w-1\/2 {
		width: 50%;
	}

	.sm\:w-140 {
		width: 140px;
	}

	.sm\:w-15 {
		width: 15px;
	}

	.sm\:w-150 {
		width: 150px;
	}

	.sm\:w-180 {
		width: 180px;
	}

	.sm\:w-200 {
		width: 200px;
	}

	.sm\:w-220 {
		width: 220px;
	}

	.sm\:w-50 {
		width: 50px;
	}

	.sm\:w-auto {
		width: auto;
	}

	.sm\:w-cols-10 {
		width: calc((10 * var(--column-width)) + (9 * var(--gap-width)));
	}

	.sm\:w-cols-3 {
		width: calc((3 * var(--column-width)) + (2 * var(--gap-width)));
	}

	.sm\:w-cols-3-gap {
		width: calc((3 * var(--column-width)) + (3 * var(--gap-width)));
	}

	.sm\:w-cols-4 {
		width: calc((4 * var(--column-width)) + (3 * var(--gap-width)));
	}

	.sm\:w-cols-5 {
		width: calc((5 * var(--column-width)) + (4 * var(--gap-width)));
	}

	.sm\:w-cols-6 {
		width: calc((6 * var(--column-width)) + (5 * var(--gap-width)));
	}

	.sm\:w-cols-7 {
		width: calc((7 * var(--column-width)) + (6 * var(--gap-width)));
	}

	.sm\:w-cols-7-gap {
		width: calc((7 * var(--column-width)) + (7 * var(--gap-width)));
	}

	.sm\:w-cols-8 {
		width: calc((8 * var(--column-width)) + (7 * var(--gap-width)));
	}

	.sm\:w-cols-9 {
		width: calc((9 * var(--column-width)) + (8 * var(--gap-width)));
	}

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

	.sm\:max-w-23em {
		max-width: 23em;
	}

	.sm\:max-w-30em {
		max-width: 30em;
	}

	.sm\:flex-1 {
		flex: 1 1 0%;
	}

	.sm\:columns-2 {
		-moz-columns: 2;
		     columns: 2;
	}

	.sm\:flex-row {
		flex-direction: row;
	}

	.sm\:flex-nowrap {
		flex-wrap: nowrap;
	}

	.sm\:items-center {
		align-items: center;
	}

	.sm\:justify-between {
		justify-content: space-between;
	}

	.sm\:border-0 {
		border-width: 0px;
	}

	.sm\:border-t-0 {
		border-top-width: 0px;
	}

	.sm\:bg-transparent {
		background-color: transparent;
	}

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

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

	.sm\:p-cols-1-gap {
		padding: calc((1 * var(--column-width)) + (1 * var(--gap-width)));
	}

	.sm\:px-30 {
		padding-left: 30px;
		padding-right: 30px;
	}

	.sm\:px-cols-1 {
		padding-left: calc((1 * var(--column-width)) + (0 * var(--gap-width)));
		padding-right: calc((1 * var(--column-width)) + (0 * var(--gap-width)));
	}

	.sm\:py-120 {
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.sm\:py-20 {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.sm\:py-25 {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.sm\:py-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.sm\:py-40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sm\:py-80 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.sm\:py-cols-1-gap {
		padding-top: calc((1 * var(--column-width)) + (1 * var(--gap-width)));
		padding-bottom: calc((1 * var(--column-width)) + (1 * var(--gap-width)));
	}

	.sm\:py-cols-2 {
		padding-top: calc((2 * var(--column-width)) + (1 * var(--gap-width)));
		padding-bottom: calc((2 * var(--column-width)) + (1 * var(--gap-width)));
	}

	.sm\:py-gutter {
		padding-top: var(--gutter-width);
		padding-bottom: var(--gutter-width);
	}

	.sm\:pb-0 {
		padding-bottom: 0;
	}

	.sm\:pb-10\/16 {
		padding-bottom: 62.5%;
	}

	.sm\:pb-120 {
		padding-bottom: 120px;
	}

	.sm\:pb-55 {
		padding-bottom: 55px;
	}

	.sm\:pb-80 {
		padding-bottom: 80px;
	}

	.sm\:pb-cols-6-gap {
		padding-bottom: calc((6 * var(--column-width)) + (6 * var(--gap-width)));
	}

	.sm\:pb-cols-7-gap {
		padding-bottom: calc((7 * var(--column-width)) + (7 * var(--gap-width)));
	}

	.sm\:pl-60 {
		padding-left: 60px;
	}

	.sm\:pt-0 {
		padding-top: 0;
	}

	.sm\:pt-10 {
		padding-top: 10px;
	}

	.sm\:pt-100 {
		padding-top: 100px;
	}

	.sm\:pt-20 {
		padding-top: 20px;
	}

	.sm\:pt-200 {
		padding-top: 200px;
	}

	.sm\:pt-30 {
		padding-top: 30px;
	}

	.sm\:pt-40 {
		padding-top: 40px;
	}

	.sm\:pt-80 {
		padding-top: 80px;
	}

	.sm\:text-center {
		text-align: center;
	}

	.sm\:text-12 {
		font-size: 12px;
	}

	.sm\:text-14 {
		font-size: 14px;
	}

	.sm\:text-16 {
		font-size: 16px;
	}

	.sm\:text-18 {
		font-size: 18px;
	}

	.sm\:text-19 {
		font-size: 19px;
	}

	.sm\:text-20 {
		font-size: 20px;
	}

	.sm\:text-200 {
		font-size: 200px;
	}

	.sm\:text-26 {
		font-size: 26px;
	}

	.sm\:text-30 {
		font-size: 30px;
	}

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

	.sm\:opacity-100 {
		opacity: 1;
	}

	.sm\:opacity-60 {
		opacity: 0.6;
	}

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

	.sm\:outline {
		outline-style: solid;
	}

	.sm\:outline-1 {
		outline-width: 1px;
	}

	.sm\:outline-black {
		outline-color: #000000;
	}

	.sm\:columns-2 {
		-moz-columns: 2;
		     columns: 2;
	}
}

@media (min-width: 1000px) {

	.min-\[1000px\]\:w-1\/3 {
		width: 33.333333%;
	}
}

@media (min-width: 1200px) {

	.md\:absolute {
		position: absolute;
	}

	.md\:top-auto {
		top: auto;
	}

	.md\:order-none {
		order: 0;
	}

	.md\:m-0 {
		margin: 0;
	}

	.md\:-mx-gaps-1 {
		margin-left: calc(calc(1 * var(--gap-width)) * -1);
		margin-right: calc(calc(1 * var(--gap-width)) * -1);
	}

	.md\:mx-20 {
		margin-left: 20px;
		margin-right: 20px;
	}

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

	.md\:my-40 {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.md\:my-gutter {
		margin-top: var(--gutter-width);
		margin-bottom: var(--gutter-width);
	}

	.md\:-mb-80 {
		margin-bottom: -80px;
	}

	.md\:-ml-20 {
		margin-left: -20px;
	}

	.md\:-ml-cols-1-gap {
		margin-left: calc(calc((1 * var(--column-width)) + (1 * var(--gap-width))) * -1);
	}

	.md\:-ml-gaps-2 {
		margin-left: calc(calc(2 * var(--gap-width)) * -1);
	}

	.md\:-mt-gaps-1 {
		margin-top: calc(calc(1 * var(--gap-width)) * -1);
	}

	.md\:mb-0 {
		margin-bottom: 0;
	}

	.md\:mb-100 {
		margin-bottom: 100px;
	}

	.md\:mb-140 {
		margin-bottom: 140px;
	}

	.md\:mb-180 {
		margin-bottom: 180px;
	}

	.md\:mb-50 {
		margin-bottom: 50px;
	}

	.md\:ml-130 {
		margin-left: 130px;
	}

	.md\:ml-280 {
		margin-left: 280px;
	}

	.md\:ml-auto {
		margin-left: auto;
	}

	.md\:ml-cols-1-gap {
		margin-left: calc((1 * var(--column-width)) + (1 * var(--gap-width)));
	}

	.md\:ml-cols-4 {
		margin-left: calc((4 * var(--column-width)) + (3 * var(--gap-width)));
	}

	.md\:ml-gaps-2 {
		margin-left: calc(2 * var(--gap-width));
	}

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

	.md\:mr-30 {
		margin-right: 30px;
	}

	.md\:mr-cols-1 {
		margin-right: calc((1 * var(--column-width)) + (0 * var(--gap-width)));
	}

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

	.md\:mt-10 {
		margin-top: 10px;
	}

	.md\:mt-140 {
		margin-top: 140px;
	}

	.md\:mt-20 {
		margin-top: 20px;
	}

	.md\:mt-30 {
		margin-top: 30px;
	}

	.md\:mt-40 {
		margin-top: 40px;
	}

	.md\:mt-auto {
		margin-top: auto;
	}

	.md\:block {
		display: block;
	}

	.md\:flex {
		display: flex;
	}

	.md\:hidden {
		display: none;
	}

	.md\:h-auto {
		height: auto;
	}

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

	.md\:h-screen {
		height: var(--h-screen);
	}

	.md\:max-h-\[37vw\] {
		max-height: 37vw;
	}

	.md\:max-h-screen-4\/5 {
		max-height: calc(0.8 * var(--h-screen));
	}

	.md\:min-h-screen {
		min-height: var(--h-screen);
	}

	.md\:min-h-screen-w\/out-90 {
		min-height: calc(var(--h-screen) - 90px);
	}

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

	.md\:w-3\/4 {
		width: 75%;
	}

	.md\:w-40 {
		width: 40px;
	}

	.md\:w-auto {
		width: auto;
	}

	.md\:w-cols-1 {
		width: calc((1 * var(--column-width)) + (0 * var(--gap-width)));
	}

	.md\:w-cols-1-gap {
		width: calc((1 * var(--column-width)) + (1 * var(--gap-width)));
	}

	.md\:w-cols-2 {
		width: calc((2 * var(--column-width)) + (1 * var(--gap-width)));
	}

	.md\:w-cols-3 {
		width: calc((3 * var(--column-width)) + (2 * var(--gap-width)));
	}

	.md\:w-cols-3-gap {
		width: calc((3 * var(--column-width)) + (3 * var(--gap-width)));
	}

	.md\:w-cols-4 {
		width: calc((4 * var(--column-width)) + (3 * var(--gap-width)));
	}

	.md\:w-cols-4-gap {
		width: calc((4 * var(--column-width)) + (4 * var(--gap-width)));
	}

	.md\:w-cols-5 {
		width: calc((5 * var(--column-width)) + (4 * var(--gap-width)));
	}

	.md\:w-cols-5-gap {
		width: calc((5 * var(--column-width)) + (5 * var(--gap-width)));
	}

	.md\:w-cols-6 {
		width: calc((6 * var(--column-width)) + (5 * var(--gap-width)));
	}

	.md\:w-cols-6-gap {
		width: calc((6 * var(--column-width)) + (6 * var(--gap-width)));
	}

	.md\:w-cols-7 {
		width: calc((7 * var(--column-width)) + (6 * var(--gap-width)));
	}

	.md\:w-cols-8 {
		width: calc((8 * var(--column-width)) + (7 * var(--gap-width)));
	}

	.md\:w-cols-9 {
		width: calc((9 * var(--column-width)) + (8 * var(--gap-width)));
	}

	.md\:w-cols-9-gap {
		width: calc((9 * var(--column-width)) + (9 * var(--gap-width)));
	}

	.md\:flex-1 {
		flex: 1 1 0%;
	}

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

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

	.md\:flex-col {
		flex-direction: column;
	}

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

	.md\:items-center {
		align-items: center;
	}

	.md\:justify-center {
		justify-content: center;
	}

	.md\:border-0 {
		border-width: 0px;
	}

	.md\:border-r {
		border-right-width: 1px;
	}

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

	.md\:p-40 {
		padding: 40px;
	}

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

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

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

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

	.md\:pb-0 {
		padding-bottom: 0;
	}

	.md\:pb-40 {
		padding-bottom: 40px;
	}

	.md\:pb-50 {
		padding-bottom: 50px;
	}

	.md\:pb-80 {
		padding-bottom: 80px;
	}

	.md\:pb-cols-4 {
		padding-bottom: calc((4 * var(--column-width)) + (3 * var(--gap-width)));
	}

	.md\:pl-0 {
		padding-left: 0;
	}

	.md\:pl-120 {
		padding-left: 120px;
	}

	.md\:pl-cols-1 {
		padding-left: calc((1 * var(--column-width)) + (0 * var(--gap-width)));
	}

	.md\:pr-0 {
		padding-right: 0;
	}

	.md\:pr-100 {
		padding-right: 100px;
	}

	.md\:pt-0 {
		padding-top: 0;
	}

	.md\:pt-60 {
		padding-top: 60px;
	}

	.md\:pt-90 {
		padding-top: 90px;
	}

	.md\:text-center {
		text-align: center;
	}

	.md\:text-12 {
		font-size: 12px;
	}

	.md\:text-16 {
		font-size: 16px;
	}

	.md\:text-20 {
		font-size: 20px;
	}

	.md\:text-22 {
		font-size: 22px;
	}

	.md\:text-26 {
		font-size: 26px;
	}

	.md\:text-30 {
		font-size: 30px;
	}

	.md\:text-32 {
		font-size: 32px;
	}

	.md\:text-40 {
		font-size: 40px;
	}

	.md\:text-45 {
		font-size: 45px;
	}

	.md\:text-60 {
		font-size: 60px;
	}

	.md\:opacity-45 {
		opacity: 0.45;
	}
}

@media (min-width: 1220px) {

	.min-\[1220px\]\:ml-40 {
		margin-left: 40px;
	}
}

@media (min-width: 1600px) {

	.lg\:my-gaps-2 {
		margin-top: calc(2 * var(--gap-width));
		margin-bottom: calc(2 * var(--gap-width));
	}

	.lg\:-ml-gaps-3 {
		margin-left: calc(calc(3 * var(--gap-width)) * -1);
	}

	.lg\:-ml-gaps-4 {
		margin-left: calc(calc(4 * var(--gap-width)) * -1);
	}

	.lg\:-mr-gaps-3 {
		margin-right: calc(calc(3 * var(--gap-width)) * -1);
	}

	.lg\:-mr-gaps-4 {
		margin-right: calc(calc(4 * var(--gap-width)) * -1);
	}

	.lg\:mb-60 {
		margin-bottom: 60px;
	}

	.lg\:mb-gaps-1 {
		margin-bottom: calc(1 * var(--gap-width));
	}

	.lg\:mb-gaps-2 {
		margin-bottom: calc(2 * var(--gap-width));
	}

	.lg\:ml-gaps-2 {
		margin-left: calc(2 * var(--gap-width));
	}

	.lg\:ml-gaps-3 {
		margin-left: calc(3 * var(--gap-width));
	}

	.lg\:mr-0 {
		margin-right: 0;
	}

	.lg\:mr-40 {
		margin-right: 40px;
	}

	.lg\:mr-gaps-2 {
		margin-right: calc(2 * var(--gap-width));
	}

	.lg\:mr-gaps-3 {
		margin-right: calc(3 * var(--gap-width));
	}

	.lg\:mt-30 {
		margin-top: 30px;
	}

	.lg\:mt-40 {
		margin-top: 40px;
	}

	.lg\:mt-45 {
		margin-top: 45px;
	}

	.lg\:mt-55 {
		margin-top: 55px;
	}

	.lg\:mt-80 {
		margin-top: 80px;
	}

	.lg\:mt-gaps-4 {
		margin-top: calc(4 * var(--gap-width));
	}

	.lg\:mt-gaps-6 {
		margin-top: calc(6 * var(--gap-width));
	}

	.lg\:block {
		display: block;
	}

	.lg\:h-auto {
		height: auto;
	}

	.lg\:max-h-screen-4\/5 {
		max-height: calc(0.8 * var(--h-screen));
	}

	.lg\:w-1\/2 {
		width: 50%;
	}

	.lg\:w-cols-1 {
		width: calc((1 * var(--column-width)) + (0 * var(--gap-width)));
	}

	.lg\:w-cols-10 {
		width: calc((10 * var(--column-width)) + (9 * var(--gap-width)));
	}

	.lg\:w-cols-2 {
		width: calc((2 * var(--column-width)) + (1 * var(--gap-width)));
	}

	.lg\:w-cols-2-gap {
		width: calc((2 * var(--column-width)) + (2 * var(--gap-width)));
	}

	.lg\:w-cols-3 {
		width: calc((3 * var(--column-width)) + (2 * var(--gap-width)));
	}

	.lg\:w-cols-3-gap {
		width: calc((3 * var(--column-width)) + (3 * var(--gap-width)));
	}

	.lg\:w-cols-4 {
		width: calc((4 * var(--column-width)) + (3 * var(--gap-width)));
	}

	.lg\:w-cols-5 {
		width: calc((5 * var(--column-width)) + (4 * var(--gap-width)));
	}

	.lg\:w-cols-6 {
		width: calc((6 * var(--column-width)) + (5 * var(--gap-width)));
	}

	.lg\:w-cols-7-gap {
		width: calc((7 * var(--column-width)) + (7 * var(--gap-width)));
	}

	.lg\:w-cols-8 {
		width: calc((8 * var(--column-width)) + (7 * var(--gap-width)));
	}

	.lg\:w-cols-9 {
		width: calc((9 * var(--column-width)) + (8 * var(--gap-width)));
	}

	.lg\:w-gaps-4 {
		width: calc(4 * var(--gap-width));
	}

	.lg\:w-gaps-6 {
		width: calc(6 * var(--gap-width));
	}

	.lg\:max-w-6em {
		max-width: 6em;
	}

	.lg\:flex-row {
		flex-direction: row;
	}

	.lg\:items-center {
		align-items: center;
	}

	.lg\:pb-cols-7-gap {
		padding-bottom: calc((7 * var(--column-width)) + (7 * var(--gap-width)));
	}

	.lg\:pb-gaps-4 {
		padding-bottom: calc(4 * var(--gap-width));
	}

	.lg\:pb-gaps-6 {
		padding-bottom: calc(6 * var(--gap-width));
	}

	.lg\:pr-30 {
		padding-right: 30px;
	}

	.lg\:pr-40 {
		padding-right: 40px;
	}

	.lg\:pt-200 {
		padding-top: 200px;
	}

	.lg\:pt-80 {
		padding-top: 80px;
	}

	.lg\:text-20 {
		font-size: 20px;
	}

	.lg\:text-24 {
		font-size: 24px;
	}

	.lg\:text-400 {
		font-size: 400px;
	}

	.lg\:text-45 {
		font-size: 45px;
	}
}

@media (min-width: 3000px) {

	.xl\:-ml-gaps-2 {
		margin-left: calc(calc(2 * var(--gap-width)) * -1);
	}

	.xl\:-mr-gaps-1 {
		margin-right: calc(calc(1 * var(--gap-width)) * -1);
	}

	.xl\:mb-gaps-2 {
		margin-bottom: calc(2 * var(--gap-width));
	}

	.xl\:mb-gaps-5 {
		margin-bottom: calc(5 * var(--gap-width));
	}

	.xl\:ml-gaps-1 {
		margin-left: calc(1 * var(--gap-width));
	}

	.xl\:ml-gaps-10 {
		margin-left: calc(10 * var(--gap-width));
	}

	.xl\:ml-gaps-7 {
		margin-left: calc(7 * var(--gap-width));
	}

	.xl\:mr-0 {
		margin-right: 0;
	}

	.xl\:mr-gaps-6 {
		margin-right: calc(6 * var(--gap-width));
	}

	.xl\:mr-gaps-9 {
		margin-right: calc(9 * var(--gap-width));
	}

	.xl\:mt-120 {
		margin-top: 120px;
	}

	.xl\:mt-60 {
		margin-top: 60px;
	}

	.xl\:mt-gaps-6 {
		margin-top: calc(6 * var(--gap-width));
	}

	.xl\:block {
		display: block;
	}

	.xl\:max-h-screen-4\/5 {
		max-height: calc(0.8 * var(--h-screen));
	}

	.xl\:min-h-screen-4\/5 {
		min-height: calc(0.8 * var(--h-screen));
	}

	.xl\:w-cols-2-gap {
		width: calc((2 * var(--column-width)) + (2 * var(--gap-width)));
	}

	.xl\:w-cols-3-gap {
		width: calc((3 * var(--column-width)) + (3 * var(--gap-width)));
	}

	.xl\:w-cols-4 {
		width: calc((4 * var(--column-width)) + (3 * var(--gap-width)));
	}

	.xl\:w-cols-8 {
		width: calc((8 * var(--column-width)) + (7 * var(--gap-width)));
	}

	.xl\:w-gaps-6 {
		width: calc(6 * var(--gap-width));
	}

	.xl\:w-gaps-8 {
		width: calc(8 * var(--gap-width));
	}

	.xl\:pb-gaps-4 {
		padding-bottom: calc(4 * var(--gap-width));
	}

	.xl\:pb-gaps-6 {
		padding-bottom: calc(6 * var(--gap-width));
	}

	.xl\:pb-gaps-8 {
		padding-bottom: calc(8 * var(--gap-width));
	}

	.xl\:text-20 {
		font-size: 20px;
	}
}