/* Hi, I don't know why you're looking at this but enjoy my CSS I suppose. */

/*===== Resets =====*/
*,*::before,*::after {
	box-sizing: border-box;
}

html,body {
	height: 100%;
}

body {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

img,picture,video,canvas,svg {
	display: block;
	max-width: 100%;
}

input,button,textarea,select {
	font: inherit;
}

p,h1,h2,h3,h4,h5,h6 {
	overflow-wrap: break-word;
}

:focus:not(:focus-visible) {
	outline: none;
}

label,button,select,summary,[type=radio],[type=submit],[type=checkbox] {
	cursor: pointer;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    width: 100%;;
}

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}


/* ===== Note: Site should be designed mobile-first if using this. ===== */
/* For all codes there is a responsive equivalent which is meant to occur after reaching the specificed breakpoint or bigger. */
/* Example: If you just put class="text-center" the text would be centered always. If you want the text to be on the left for medium screens or larger however, you could do so by making it class="text-center md-text-left" */

:root {
	/* md-: Defines what is considered the 'medium' screen breakpoint.  */
	--md-screen: 48em; /* 768 Pixels */
}

/*===== Custom =====*/

/* Hopefully makes it a little more visually clear something it unavailable right now. Don't forget to give the HTML tag tabindex="-1" so it cannot be selected with tab. */
.disable {pointer-events:none; opacity:0.5; user-select: none;}

/* Tries to puts it in the vertical center of its parent box. */
.center-y {display: flex; flex-grow: 1; align-items:center;}

/* Makes the image expand to the parent container. Object-position makes it so it's zoomed in a little higher up rather than the dead center due to personal preference (zooms into upper body / head). */
.expand-img {
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center 20%;
}

/*== Quick Flex ==*/
/* A few custom classes to let me quickly set up flex-related content */

/* Makes it so the current element will be equal with the others if they also have flex equal */
.flex-equal {flex-basis: 0; flex-grow:1;}

/*===== Tailwind Inspired =====*/
/* I enjoyed working with Tailwind due to clear terms, but I did not need everything. I took the classes I enjoyed. I want to be upfront with that. Starting with a few custom classes I did not take from it, but  */

/* Display */
.block {display: block;}
.inline-block {display: inline-block;}
.inline {display: inline;}
.flex {display: flex;}
.inline-flex {display: inline-flex;}
.hidden {display: none;}

/* Text Related */
.whitespace-pre-line {white-space: pre-line;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

.text-2xs	{
  font-size: 0.6rem;
  line-height: 1rem;
}

.text-xs	{
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* Flex & Grid */
/* Deviates from Tailwind to auto include display:flex; */
.flex-col {display: flex; flex-direction: column;}
.flex-row {display: flex; flex-direction: row;}

.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}
.flex-basis-0 {flex-basis: 0;}
.flex-shrink-0 {flex-shrink: 0;}
.flex-grow-0 {flex-grow: 0;}
.flex-grow {flex-grow: 1;}
.flex-grow-2 {flex-grow: 2;}
.flex-grow-3 {flex-grow: 3;}

.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.justify-evenly {justify-content: space-evenly;}

.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;}

/* Margin */
.m-0 {margin: 0rem}
.m-1 {margin: 0.25rem}
.m-2 {margin: 0.5rem}
.m-4 {margin: 1rem}

.mt-0 {margin-top: 0rem;}
.mt-1 {margin-top: 0.25rem;}
.mt-2 {margin-top: 0.5rem;}
.mt-4 {margin-top: 1rem;}

.mr-0 {margin-right: 0rem;}
.mr-1 {margin-right: 0.25rem;}
.mr-2 {margin-right: 0.5rem;}
.mr-4 {margin-right: 1rem;}

.mb-0 {margin-bottom: 0rem;}
.mb-1 {margin-bottom: 0.25rem;}
.mb-2 {margin-bottom: 0.5rem;}
.mb-4 {margin-bottom: 1rem;}

.ml-0 {margin-left: 0rem;}
.ml-1 {margin-left: 0.25rem;}
.ml-2 {margin-left: 0.5rem;}
.ml-4 {margin-left: 1rem;}

.mx-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

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

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

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

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

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

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

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* Padding */
.p-0 {padding: 0rem}
.p-1 {padding: 0.25rem}
.p-2 {padding: 0.5rem}
.p-4 {padding: 1rem}

.pt-0 {padding-top: 0rem;}
.pt-1 {padding-top: 0.25rem;}
.pt-2 {padding-top: 0.5rem;}
.pt-4 {padding-top: 1rem;}

.pr-0 {padding-right: 0rem;}
.pr-1 {padding-right: 0.25rem;}
.pr-2 {padding-right: 0.5rem;}
.pr-4 {padding-right: 1rem;}

.pb-0 {padding-bottom: 0rem;}
.pb-1 {padding-bottom: 0.25rem;}
.pb-2 {padding-bottom: 0.5rem;}
.pb-4 {padding-bottom: 1rem;}

.pl-0 {padding-left: 0rem;}
.pl-1 {padding-left: 0.25rem;}
.pl-2 {padding-left: 0.5rem;}
.pl-4 {padding-left: 1rem;}

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

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

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

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

.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

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

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

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

/* Width */

.w-full {width: 100%;}
.w-1-2 {width: 50%;}
.w-1-3 {width: 33.333333%;}
.w-2-3 {width: 66.666667%;}

.max-w-full {max-width: 100%;}
.max-w-1-2 {max-width: 50%;}
.max-w-1-3 {max-width: 33.333333%;}
.max-w-2-3 {max-width: 66.666667%;}

/* Border */
.border-solid {border-style: solid;}
.border-dashed {border-style: dashed;}
.border-dotted {border-style: dotted;}
.border-groove {border-style: groove;}
.border-ridge {border-style: ridge;}
.border-inset {border-style: inset;}
.border-outset {border-style: outset;}
.border-double {border-style: double; border-width:6px}
.border-none {border-style: none;}

.border-0 {border-width:0;}
.border-t-0 {border-top-width: 0;}
.border-r-0 {border-right-width: 0;}
.border-b-0 {border-bottom-width: 0;}
.border-l-0 {border-left-width: 0;}

.border-2 {border-width: 2px;}
.border-t-2 {border-top-width: 2px;}
.border-r-2 {border-right-width: 2px;}
.border-b-2 {border-bottom-width: 2px;}
.border-l-2 {border-left-width: 2px;}

.border-4 {border-width: 4px;}
.border-t-4 {border-top-width: 4px;}
.border-r-4 {border-right-width: 4px;}
.border-b-4 {border-bottom-width: 4px;}
.border-l-4 {border-left-width: 4px;}

.border-8 {border-width: 8px;}
.border-t-8 {border-top-width: 8px;}
.border-r-8 {border-right-width: 8px;}
.border-b-8 {border-bottom-width: 8px;}
.border-l-8 {border-left-width: 8px;}

.border-x-0 {border-left-width: 0px; border-right-width: 0px;}
.border-x-2 {border-left-width: 2px; border-right-width: 2px;}
.border-x-4 {border-left-width: 4px; border-right-width: 4px;}
.border-x-8 {border-left-width: 8px; border-right-width: 8px;}

.border-y-0 {border-top-width: 0px; border-bottom-width: 0px;}
.border-y-2 {border-top-width: 2px; border-bottom-width: 2px;}
.border-y-4 {border-top-width: 4px; border-bottom-width: 4px;}
.border-y-8 {border-top-width: 8px; border-bottom-width: 8px;}

/* Rounded Corners */
.rounded-none {border-radius: 0;}
.rounded-sm {border-radius: 0.125rem;}
.rounded {border-radius: 0.25rem;}
.rounded-lg {border-radius: 0.5rem;}
.rounded-full {border-radius: 9999px;}
.rounded-t-none {border-top-left-radius: 0;   border-top-right-radius: 0;}
.rounded-r-none {border-top-right-radius: 0;   border-bottom-right-radius: 0;}
.rounded-b-none {border-bottom-right-radius: 0;   border-bottom-left-radius: 0;}
.rounded-l-none {border-top-left-radius: 0;   border-bottom-left-radius: 0;}
.rounded-t-sm {border-top-left-radius: 0.125rem;   border-top-right-radius: 0.125rem;}
.rounded-r-sm {border-top-right-radius: 0.125rem;   border-bottom-right-radius: 0.125rem;}
.rounded-b-sm {border-bottom-right-radius: 0.125rem;   border-bottom-left-radius: 0.125rem;}
.rounded-l-sm {border-top-left-radius: 0.125rem;   border-bottom-left-radius: 0.125rem;}
.rounded-t {border-top-left-radius: 0.25rem;   border-top-right-radius: 0.25rem;}
.rounded-r {border-top-right-radius: 0.25rem;   border-bottom-right-radius: 0.25rem;}
.rounded-b {border-bottom-right-radius: 0.25rem;   border-bottom-left-radius: 0.25rem;}
.rounded-l {border-top-left-radius: 0.25rem;   border-bottom-left-radius: 0.25rem;}
.rounded-t-md {border-top-left-radius: 0.375rem;   border-top-right-radius: 0.375rem;}
.rounded-r-md {border-top-right-radius: 0.375rem;   border-bottom-right-radius: 0.375rem;}
.rounded-b-md {border-bottom-right-radius: 0.375rem;   border-bottom-left-radius: 0.375rem;}
.rounded-l-md {border-top-left-radius: 0.375rem;   border-bottom-left-radius: 0.375rem;}
.rounded-t-lg {border-top-left-radius: 0.5rem;   border-top-right-radius: 0.5rem;}
.rounded-r-lg {border-top-right-radius: 0.5rem;   border-bottom-right-radius: 0.5rem;}
.rounded-b-lg {border-bottom-right-radius: 0.5rem;   border-bottom-left-radius: 0.5rem;}
.rounded-l-lg {border-top-left-radius: 0.5rem;   border-bottom-left-radius: 0.5rem;}
.rounded-t-full {border-top-left-radius: 9999px;   border-top-right-radius: 9999px;}
.rounded-r-full {border-top-right-radius: 9999px;   border-bottom-right-radius: 9999px;}
.rounded-b-full {border-bottom-right-radius: 9999px;   border-bottom-left-radius: 9999px;}
.rounded-l-full {border-top-left-radius: 9999px;   border-bottom-left-radius: 9999px;}

/* Overflow */
.overflow-auto {overflow: auto;}
.overflow-hidden {overflow: hidden;}
.overflow-visible {overflow: visible;}
.overflow-scroll {overflow: scroll;}
.overflow-x-auto {overflow-x: auto;}
.overflow-y-auto {overflow-y: auto;}
.overflow-x-hidden {overflow-x: hidden;}
.overflow-y-hidden {overflow-y: hidden;}
.overflow-x-visible {overflow-x: visible;}
.overflow-y-visible {overflow-y: visible;}
.overflow-x-scroll {overflow-x: scroll;}
.overflow-y-scroll {overflow-y: scroll;}

/* Position */
.static {position: static;}
.fixed {position: fixed;}
.absolute {position: absolute;}
.relative {position: relative;}

.top-0 {top: 0;}
.right-0 {right: 0;}
.bottom-0 {bottom: 0;}
.left-0 {left: 0;}

/*========= Medium screens and larger (md-) ==========*/

@media only screen and (min-width: 48em) {
	/* Single class to (s)witch direction on medium+ screens */
	.md-flex-row-s {display: flex; flex-direction:row;}
	@media only screen and (min-width: var(--md-screen)) {.md-flex-row-s {flex-direction:column;}}
	.md-flex-col-s {display: flex; flex-direction:column;}
	@media only screen and (min-width: var(--md-screen)) {.md-flex-col-s {flex-direction:row;}}
	
	/* Repeats of normal */
	.md-disable {pointer-events:none; opacity:0.5; user-select: none;}
	.md-center-y {display: flex; flex-grow: 1; align-items:center;}
	.md-expand-img {
	  min-width: 100%;
	  max-width: 100%;
	  min-height: 100%;
	  max-height: 100%;
	  object-fit: cover;
	  object-position: center 20%;
	}
	.md-flex-equal {flex:1 1 0;}
	.md-block {display: block;}
	.md-inline-block {display: inline-block;}
	.md-inline {display: inline;}
	.md-flex {display: flex;}
	.md-inline-flex {display: inline-flex;}
	.md-hidden {display: none;}
	.md-whitespace-pre-line {white-space: pre-line;}
	.md-text-left {text-align: left;}
	.md-text-center {text-align: center;}
	.md-text-right {text-align: right;}
	.md-text-justify {text-align: justify;}
	.md-text-2xs	{
	  font-size: 0.6rem;
	  line-height: 1rem;
	}
	.md-text-xs	{
	  font-size: 0.75rem;
	  line-height: 1rem;
	}
	.md-text-sm {
	  font-size: 0.875rem;
	  line-height: 1.25rem;
	}
	.md-text-base {
	  font-size: 1rem;
	  line-height: 1.5rem;
	}
	.md-text-lg {
	  font-size: 1.125rem;
	  line-height: 1.75rem;
	}
	.md-text-xl {
	  font-size: 1.25rem;
	  line-height: 1.75rem;
	}
	.md-flex-col {flex-direction: column;}
	.md-flex-row {flex-direction: row;}
	.md-flex-wrap {flex-wrap: wrap;}
	.md-flex-nowrap {flex-wrap: nowrap;}
	.md-flex-basis-0 {flex-basis: 0;}
	.md-flex-shrink-0 {flex-shrink: 0;}
	.md-flex-grow-0 {flex-grow: 0;}
	.md-flex-grow {flex-grow: 1;}
	.md-flex-grow-2 {flex-grow: 2;}
	.md-flex-grow-3 {flex-grow: 3;}
	.md-justify-start {justify-content: flex-start;}
	.md-justify-end {justify-content: flex-end;}
	.md-justify-center {justify-content: center;}
	.md-justify-between {justify-content: space-between;}
	.md-justify-around {justify-content: space-around;}
	.md-justify-evenly {justify-content: space-evenly;}
	.md-items-start {align-items: flex-start;}
	.md-items-end {align-items: flex-end;}
	.md-items-center {align-items: center;}
	.md-items-baseline {align-items: baseline;}
	.md-items-stretch {align-items: stretch;}
	.md-m-0 {margin: 0rem}
	.md-m-1 {margin: 0.25rem}
	.md-m-2 {margin: 0.5rem}
	.md-m-4 {margin: 1rem}
	.md-mt-0 {margin-top: 0rem;}
	.md-mt-1 {margin-top: 0.25rem;}
	.md-mt-2 {margin-top: 0.5rem;}
	.md-mt-4 {margin-top: 1rem;}
	.md-mr-0 {margin-right: 0rem;}
	.md-mr-1 {margin-right: 0.25rem;}
	.md-mr-2 {margin-right: 0.5rem;}
	.md-mr-4 {margin-right: 1rem;}
	.md-mb-0 {margin-bottom: 0rem;}
	.md-mb-1 {margin-bottom: 0.25rem;}
	.md-mb-2 {margin-bottom: 0.5rem;}
	.md-mb-4 {margin-bottom: 1rem;}
	.md-ml-0 {margin-left: 0rem;}
	.md-ml-1 {margin-left: 0.25rem;}
	.md-ml-2 {margin-left: 0.5rem;}
	.md-ml-4 {margin-left: 1rem;}
	.md-mx-0 {
	  margin-left: 0rem;
	  margin-right: 0rem;
	}
	.md-mx-1 {
	  margin-left: 0.25rem;
	  margin-right: 0.25rem;
	}
	.md-mx-2 {
	  margin-left: 0.5rem;
	  margin-right: 0.5rem;
	}
	.md-mx-4 {
	  margin-left: 1rem;
	  margin-right: 1rem;
	}
	.md-my-0 {
	  margin-top: 0rem;
	  margin-bottom: 0rem;
	}
	.md-my-1 {
	  margin-top: 0.25rem;
	  margin-bottom: 0.25rem;
	}
	.md-my-2 {
	  margin-top: 0.5rem;
	  margin-bottom: 0.5rem;
	}
	.md-my-4 {
	  margin-top: 1rem;
	  margin-bottom: 1rem;
	}
	.md-p-0 {padding: 0rem}
	.md-p-1 {padding: 0.25rem}
	.md-p-2 {padding: 0.5rem}
	.md-p-4 {padding: 1rem}
	.md-pt-0 {padding-top: 0rem;}
	.md-pt-1 {padding-top: 0.25rem;}
	.md-pt-2 {padding-top: 0.5rem;}
	.md-pt-4 {padding-top: 1rem;}
	.md-pr-0 {padding-right: 0rem;}
	.md-pr-1 {padding-right: 0.25rem;}
	.md-pr-2 {padding-right: 0.5rem;}
	.md-pr-4 {padding-right: 1rem;}
	.md-pb-0 {padding-bottom: 0rem;}
	.md-pb-1 {padding-bottom: 0.25rem;}
	.md-pb-2 {padding-bottom: 0.5rem;}
	.md-pb-4 {padding-bottom: 1rem;}
	.md-pl-0 {padding-left: 0rem;}
	.md-pl-1 {padding-left: 0.25rem;}
	.md-pl-2 {padding-left: 0.5rem;}
	.md-pl-4 {padding-left: 1rem;}
	.md-px-0 {
	  padding-left: 0rem;
	  padding-right: 0rem;
	}
	.md-px-1 {
	  padding-left: 0.25rem;
	  padding-right: 0.25rem;
	}
	.md-px-2 {
	  padding-left: 0.5rem;
	  padding-right: 0.5rem;
	}
	.md-px-4 {
	  padding-left: 1rem;
	  padding-right: 1rem;
	}
	.md-py-0 {
	  padding-top: 0rem;
	  padding-bottom: 0rem;
	}
	.md-py-1 {
	  padding-top: 0.25rem;
	  padding-bottom: 0.25rem;
	}
	.md-py-2 {
	  padding-top: 0.5rem;
	  padding-bottom: 0.5rem;
	}
	.md-py-4 {
	  padding-top: 1rem;
	  padding-bottom: 1rem;
	}
	.md-w-full {width: 100%;}
	.md-w-1-2 {width: 50%;}
	.md-w-1-3 {width: 33.333333%;}
	.md-w-2-3 {width: 66.666667%;}
	.md-max-w-full {max-width: 100%;}
	.md-max-w-1-2 {max-width: 50%;}
	.md-max-w-1-3 {max-width: 33.333333%;}
	.md-max-w-2-3 {max-width: 66.666667%;}
	.md-border-solid {border-style: solid;}
	.md-border-dashed {border-style: dashed;}
	.md-border-dotted {border-style: dotted;}
	.md-border-groove {border-style: groove;}
	.md-border-ridge {border-style: ridge;}
	.md-border-inset {border-style: inset;}
	.md-border-outset {border-style: outset;}
	.md-border-double {border-style: double; border-width:6px}
	.md-border-none {border-style: none;}
	.md-border-0 {border-width:0;}
	.md-border-t-0 {border-top-width: 0;}
	.md-border-r-0 {border-right-width: 0;}
	.md-border-b-0 {border-bottom-width: 0;}
	.md-border-l-0 {border-left-width: 0;}
	.md-border-2 {border-width: 2px;}
	.md-border-t-2 {border-top-width: 2px;}
	.md-border-r-2 {border-right-width: 2px;}
	.md-border-b-2 {border-bottom-width: 2px;}
	.md-border-l-2 {border-left-width: 2px;}
	.md-border-4 {border-width: 4px;}
	.md-border-t-4 {border-top-width: 4px;}
	.md-border-r-4 {border-right-width: 4px;}
	.md-border-b-4 {border-bottom-width: 4px;}
	.md-border-l-4 {border-left-width: 4px;}
	.md-border-8 {border-width: 8px;}
	.md-border-t-8 {border-top-width: 8px;}
	.md-border-r-8 {border-right-width: 8px;}
	.md-border-b-8 {border-bottom-width: 8px;}
	.md-border-l-8 {border-left-width: 8px;}
	.md-border-x-0 {border-left-width: 0px; border-right-width: 0px;}
	.md-border-x-2 {border-left-width: 2px; border-right-width: 2px;}
	.md-border-x-4 {border-left-width: 4px; border-right-width: 4px;}
	.md-border-x-8 {border-left-width: 8px; border-right-width: 8px;}
	.md-border-y-0 {border-top-width: 0px; border-bottom-width: 0px;}
	.md-border-y-2 {border-top-width: 2px; border-bottom-width: 2px;}
	.md-border-y-4 {border-top-width: 4px; border-bottom-width: 4px;}
	.md-border-y-8 {border-top-width: 8px; border-bottom-width: 8px;}
	.md-rounded-none {border-radius: 0;}
	.md-rounded-sm {border-radius: 0.125rem;}
	.md-rounded {border-radius: 0.25rem;}
	.md-rounded-lg {border-radius: 0.5rem;}
	.md-rounded-full {border-radius: 9999px;}
	.md-rounded-t-none {border-top-left-radius: 0;   border-top-right-radius: 0;}
	.md-rounded-r-none {border-top-right-radius: 0;   border-bottom-right-radius: 0;}
	.md-rounded-b-none {border-bottom-right-radius: 0;   border-bottom-left-radius: 0;}
	.md-rounded-l-none {border-top-left-radius: 0;   border-bottom-left-radius: 0;}
	.md-rounded-t-sm {border-top-left-radius: 0.125rem;   border-top-right-radius: 0.125rem;}
	.md-rounded-r-sm {border-top-right-radius: 0.125rem;   border-bottom-right-radius: 0.125rem;}
	.md-rounded-b-sm {border-bottom-right-radius: 0.125rem;   border-bottom-left-radius: 0.125rem;}
	.md-rounded-l-sm {border-top-left-radius: 0.125rem;   border-bottom-left-radius: 0.125rem;}
	.md-rounded-t {border-top-left-radius: 0.25rem;   border-top-right-radius: 0.25rem;}
	.md-rounded-r {border-top-right-radius: 0.25rem;   border-bottom-right-radius: 0.25rem;}
	.md-rounded-b {border-bottom-right-radius: 0.25rem;   border-bottom-left-radius: 0.25rem;}
	.md-rounded-l {border-top-left-radius: 0.25rem;   border-bottom-left-radius: 0.25rem;}
	.md-rounded-t-md {border-top-left-radius: 0.375rem;   border-top-right-radius: 0.375rem;}
	.md-rounded-r-md {border-top-right-radius: 0.375rem;   border-bottom-right-radius: 0.375rem;}
	.md-rounded-b-md {border-bottom-right-radius: 0.375rem;   border-bottom-left-radius: 0.375rem;}
	.md-rounded-l-md {border-top-left-radius: 0.375rem;   border-bottom-left-radius: 0.375rem;}
	.md-rounded-t-lg {border-top-left-radius: 0.5rem;   border-top-right-radius: 0.5rem;}
	.md-rounded-r-lg {border-top-right-radius: 0.5rem;   border-bottom-right-radius: 0.5rem;}
	.md-rounded-b-lg {border-bottom-right-radius: 0.5rem;   border-bottom-left-radius: 0.5rem;}
	.md-rounded-l-lg {border-top-left-radius: 0.5rem;   border-bottom-left-radius: 0.5rem;}
	.md-rounded-t-full {border-top-left-radius: 9999px;   border-top-right-radius: 9999px;}
	.md-rounded-r-full {border-top-right-radius: 9999px;   border-bottom-right-radius: 9999px;}
	.md-rounded-b-full {border-bottom-right-radius: 9999px;   border-bottom-left-radius: 9999px;}
	.md-rounded-l-full {border-top-left-radius: 9999px;   border-bottom-left-radius: 9999px;}
	.md-overflow-auto {overflow: auto;}
	.md-overflow-hidden {overflow: hidden;}
	.md-overflow-visible {overflow: visible;}
	.md-overflow-scroll {overflow: scroll;}
	.md-overflow-x-auto {overflow-x: auto;}
	.md-overflow-y-auto {overflow-y: auto;}
	.md-overflow-x-hidden {overflow-x: hidden;}
	.md-overflow-y-hidden {overflow-y: hidden;}
	.md-overflow-x-visible {overflow-x: visible;}
	.md-overflow-y-visible {overflow-y: visible;}
	.md-overflow-x-scroll {overflow-x: scroll;}
	.md-overflow-y-scroll {overflow-y: scroll;}
	.md-static {position: static;}
	.md-fixed {position: fixed;}
	.md-absolute {position: absolute;}
	.md-relative {position: relative;}
	.md-top-0 {top: 0;}
	.md-right-0 {right: 0;}
	.md-bottom-0 {bottom: 0;}
	.md-left-0 {left: 0;}
}