@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}*,:after,:before{box-sizing:border-box;outline:0;-webkit-tap-highlight-color:transparent}body,html{height:100%;margin:0;padding:0}body,img{display:grid}body{position:relative;font-family:"Font1 Standard",sans-serif}@media (max-width:1600px){body{zoom:.9}}@media (max-width:1400px){body{zoom:.7}}@media (max-width:1150px){body{zoom:.65}}@media (max-width:1050px){body{zoom:1}}img{max-width:100%}.button,input[type=checkbox],input[type=date],input[type=email],input[type=file],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=text]{display:grid;align-items:center;align-content:center;font-family:inherit;font-size:inherit;padding:.5rem;border:solid 1px rgba(0,0,0,.4);background-color:#fff;color:#000}select,textarea{display:grid;align-items:center;align-content:center;font-family:inherit;font-size:inherit;border:solid 1px rgba(0,0,0,.4);color:#000;background-color:#fff}textarea{height:auto;padding:.7rem}select{padding:.5rem;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTIyNS45MjMgMzU0LjcwNmMtOC4wOTggMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcgMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3IDAtNDQuNzUxIDEyLjM1NC0xMi4zNTQgMzIuMzg4LTEyLjM1NCA0NC43NDggMGwxNzEuOTA1IDE3MS45MTUgMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQgMzIuMzkxLTEyLjM1NCA0NC43NDQgMCAxMi4zNjUgMTIuMzU0IDEyLjM2NSAzMi4zOTIgMCA0NC43NTFMMjQ4LjI5MiAzNDUuNDQ5Yy02LjE3NyA2LjE3Mi0xNC4yNzQgOS4yNTctMjIuMzY5IDkuMjU3eiIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=);background-position:center right .6rem;background-size:auto .7rem;background-repeat:no-repeat}button{cursor:pointer}input[type=email]{text-transform:lowercase}form input,form select,form textarea{width:100%;color:#000}input[type=checkbox],input[type=radio]{width:1.1em;height:1.1rem;accent-color:#000;padding:0;margin:0;margin-top:.15rem}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none;margin:0}input[name=h]{display:none}input::placeholder,textarea::placeholder{opacity:.65}label:not(.nolabel){display:grid;grid-auto-flow:column;justify-self:left;align-items:start;font-size:.85rem;margin-bottom:.5rem;color:#000}
@keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } }
@keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } }

*, :after, :before { box-sizing: border-box; outline: 0; -webkit-tap-highlight-color: transparent }
body, html { height: 100%; margin: 0; padding: 0 }
body, img { display: grid }
body { position: relative; font-family: "Font1 Standard", sans-serif }
@media (max-width:1600px) { body { zoom: .9; } }
@media (max-width:1400px) { body { zoom: .7; } }
@media (max-width:1150px) { body { zoom: .65; } }
@media (max-width:1050px) { body { zoom: 1; } }
img { max-width: 100% }

input[type=checkbox],
input[type=date],
input[type=email],
input[type=file],
input[type=number],
input[type=password],
input[type=radio],
input[type=search],
input[type=text] {
	display: grid;
	align-items: center;
	align-content: center;
	font-family: inherit;
	font-size: inherit;
	padding: .5rem;
	border: solid 1px rgba(0, 0, 0, .2);
	background-color: #fff;
	color: #000;
}
select, textarea { display: grid; font-family: inherit; font-size: inherit; border: solid 1px rgba(0, 0, 0, .2); color: #000; background-color: #fff }
textarea { height: auto; padding: .7rem }
select { padding: .5rem; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTIyNS45MjMgMzU0LjcwNmMtOC4wOTggMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcgMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3IDAtNDQuNzUxIDEyLjM1NC0xMi4zNTQgMzIuMzg4LTEyLjM1NCA0NC43NDggMGwxNzEuOTA1IDE3MS45MTUgMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQgMzIuMzkxLTEyLjM1NCA0NC43NDQgMCAxMi4zNjUgMTIuMzU0IDEyLjM2NSAzMi4zOTIgMCA0NC43NTFMMjQ4LjI5MiAzNDUuNDQ5Yy02LjE3NyA2LjE3Mi0xNC4yNzQgOS4yNTctMjIuMzY5IDkuMjU3eiIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=); background-position: center right .6rem; background-size: auto .7rem; background-repeat: no-repeat }
button { cursor: pointer }
input[type=email] { text-transform: lowercase }
form input, form select, form textarea { width: 100%; color: #000 }
input[type=checkbox],input[type=radio] { width: 1.1em; height: 1.1rem; accent-color: #000; padding: 0; margin: 0; margin-top: .15rem }
input[type=number] { appearance: textfield }
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none; margin: 0 }
input[name=h] { display: none }
input::placeholder, textarea::placeholder { opacity: .65 }
label:not(.nolabel) { display: grid; grid-auto-flow: column; justify-self: left; align-items: start; font-size: .85rem; margin-bottom: .5rem; color: #000 }
.button,
input[type=date],
input[type=email],
input[type=file],
input[type=number],
input[type=password],
input[type=search],
input[type=text] {
	height: 2.5rem;
}

.button {
	border: none;
	color: #383C40;
	background: #fff;
	background-size: 1.5rem;
	border-radius: 10rem;
	border: solid 1px rgba(0, 0, 0, .3);
	padding: 0 2rem;
	height: 2.625rem;
	text-transform: uppercase;
	font-family: 'Font1 Bold';
	font-size: 1rem;
	transition: all .2s ease-in-out;
}
.button:hover {
	color: #fff;
	background-color: #000;
}
.button:disabled {
	opacity: 0.3;
}
.button-pill {
	border: none;
	color: #fff;
	background: #383C40;
	background-size: 1.5rem;
	border-radius: 10rem;
	padding: 0 2rem;
	height: 2.625rem;
	text-transform: uppercase;
	font-family: 'Font1 Bold';
	font-size: 1rem;
	transition: all .2s ease-in-out;
}
.button-pill2 {
	background-color: #fff;
	color: #000;
	border: solid 2px rgba(0, 0, 0, 1);
}
.button-pill-ico {
	padding-right: 4rem;
}
.button-pill-cart {
	background: #383C40 url(../ico/shopping-bag2-fff.svg) right 1.6rem center no-repeat;
	padding-right: 4rem;
	background-size: 1.2rem;
}
.button-pill-paga {
	background: #383C40 url(../ico/cards-fff.svg) right 1.6rem center no-repeat;
	padding-right: 4rem;
	background-size: 1.2rem;
}
.button-pill-send {
	background: #383C40 url(../ico/send-fff.svg) right 1.6rem center no-repeat;
	padding-right: 3.5rem;
	background-size: 1rem;
}
.button-pill:hover {
	background-color: #000000;
	transition: all .2s ease-in-out;
}
.button-modal {
	border: solid 1px rgba(0, 0, 0, .4);
	background-color: #fff;
	color: #000;
	font-size: .9rem;
	border-radius: 10rem;
	padding: 0 1rem;
	height: 2.3rem;
	text-transform: uppercase;
	font-family: 'Font1 Bold';
	transition: all .2s ease-in-out;
}
.button-modal:hover {
	color: #fff;
	background-color: #000;
	border-color: rgba(0, 0, 0, .4) !important;
}
























/* ================= TYPOGRAPHY & TEXT ================= */
.b { font-weight: 700; }
.u { text-decoration: underline; }
.nw, .wnw { white-space: nowrap; }
.tuc { text-transform: uppercase; }
.ttn { text-transform: none; }
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }

/* Font Size */
.fs-0_6 { font-size: .6rem; } .fs-0_7 { font-size: .7rem; } .fs-0_8 { font-size: .8rem; }
.fs-0_9 { font-size: .9rem; } .fs-0_95 { font-size: .95rem; } .fs-1 { font-size: 1rem; }
.fs-1_1 { font-size: 1.1rem; } .fs-1_2 { font-size: 1.2rem; } .fs-1_3 { font-size: 1.3rem; }
.fs-1_4 { font-size: 1.4rem; } .fs-1_5 { font-size: 1.5rem; } .fs-1_6 { font-size: 1.6rem; }
.fs-1_7 { font-size: 1.7rem; } .fs-1_8 { font-size: 1.8rem; } .fs-1_9 { font-size: 1.9rem; }
.fs-2 { font-size: 2rem; } .fs-2_5 { font-size: 2.5rem; } .fs-2_75 { font-size: 2.75rem; }
.fs-3 { font-size: 3rem; } .fs-3_5 { font-size: 3.5rem; } .fs-4 { font-size: 4rem; }
.fs-4_5 { font-size: 4.5rem; } .fs-5 { font-size: 5rem; }

/* Line Height */
.lh-0_8 { line-height: .8; } .lh-0_9 { line-height: 0; } .lh-1 { line-height: 1; }
.lh-1_1 { line-height: 1.1; } .lh-1_2 { line-height: 1.2; } .lh-1_3 { line-height: 1.3; }
.lh-1_4 { line-height: 1.4; } .lh-1_5 { line-height: 1.5; } .lh-1_6 { line-height: 1.6; }
.lh-1_7 { line-height: 1.7; }

/* Text Clamp */
.clamp-3, .clamp-4, .clamp-5, .clamp-6 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.clamp-3 { -webkit-line-clamp: 3; }
.clamp-4 { -webkit-line-clamp: 4; }
.clamp-5 { -webkit-line-clamp: 5; }
.clamp-6 { -webkit-line-clamp: 6; }

/* ================= LAYOUT & POSITIONING ================= */
.pointer { cursor: pointer; }
.default { cursor: default; }
.block { display: block; }
.posf { position: fixed; }
.posa { position: absolute; }
.posr { position: relative; }
.hidden { display: none !important; }
.ovh, .of-h { overflow: hidden; }
.of-a { overflow: auto; }
.z-1 { z-index: 1; }
.z-100 { z-index: 100; }
.ar-1 { aspect-ratio: 1; }
.ar-16-9 { aspect-ratio: 16/9; }
.sha-1 { filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .15)); }

/* Grid Layout */
.g { display: grid; }
.g-pcc { place-content: center; }
.g-gaf { grid-auto-flow: column; }
.g-gafj { grid-auto-flow: column; justify-content: space-between; }
.g-jil { justify-items: left; } .g-jic { justify-items: center; } .g-jir { justify-items: right; }
.g-jcl { justify-content: left; } .g-jcc { justify-content: center; } .g-jcr { justify-content: right; }
.g-jsc { justify-self: center; } .g-jsl { justify-self: left; } .g-jsr { justify-self: right; }
.g-ass { align-self: start; } .g-asc { align-self: center; } .g-ase { align-self: end; }
.g-ais { align-items: start; } .g-aic { align-items: center; } .g-aie { align-items: end; }
.g-acs { align-content: start; } .g-acc { align-content: center; } .g-ace { align-content: end; }
.g-jss { justify-self: stretch; }
.g-gsa { grid-column: 1/-1; }

.gtr-1-a { grid-template-rows: 1fr auto; } .gtr-a-1 { grid-template-rows: auto 1fr; }
.gtr-1-1-1 { grid-template-rows: repeat(3, 1fr); } .gtr-a-a-a { grid-template-rows: repeat(3, auto); }
.gtr-1-1-1-1 { grid-template-rows: repeat(4, 1fr); }

.gtc-1-1 { grid-template-columns: repeat(2, 1fr); } .gtc-1-1-1 { grid-template-columns: repeat(3, 1fr); }
.gtc-1-1-1-1 { grid-template-columns: repeat(4, 1fr); } .gtc-1-1-1-1-1 { grid-template-columns: repeat(5, 1fr); }
.gtc-3-2 { grid-template-columns: 3fr 2fr; } .gtc-2-3 { grid-template-columns: 2fr 3fr; }
.gtc-5-2 { grid-template-columns: 5fr 2fr; } .gtc-a-1 { grid-template-columns: auto 1fr; }
.gtc-1-a { grid-template-columns: 1fr auto; } .gtc-a-a { grid-template-columns: auto auto; }
.gtc-1-a-1 { grid-template-columns: 1fr auto 1fr; } .gtc-a-1-a { grid-template-columns: auto 1fr auto; }
.gtc-1-a-1-a-1 { grid-template-columns: 1fr auto 1fr auto 1fr; } .gtc-a-a-a { grid-template-columns: auto auto auto; }

/* Grid Gaps */
.gg-0 { grid-gap: 0; } .gg-0_5 { grid-gap: .5rem; } .gg-0_75 { grid-gap: .75rem; }
.gg-1 { grid-gap: 1rem; } .gg-1_5 { grid-gap: 1.5rem; } .gg-2 { grid-gap: 2rem; }
.gg-3 { grid-gap: 3rem; } .gg-4 { grid-gap: 4rem; } .gg-5 { grid-gap: 5rem; }
.gg-6 { grid-gap: 6rem; } .gg-7 { grid-gap: 7rem; } .gg-8 { grid-gap: 8rem; }
.gg-9 { grid-gap: 9rem; } .gg-10 { grid-gap: 10rem; }
.gcg-0_5 { grid-column-gap: .5rem; } .gcg-1 { grid-column-gap: 1rem; } .gcg-2 { grid-column-gap: 2rem; } .gcg-3 { grid-column-gap: 3rem; }
.grg-0 { grid-row-gap: 0; } .grg-1 { grid-row-gap: 1rem; } .grg-2 { grid-row-gap: 2rem; }
.grg-3 { grid-row-gap: 3rem; } .grg-4 { grid-row-gap: 4rem; } .grg-5 { grid-row-gap: 5rem; } .grg-6 { grid-row-gap: 6rem; }

/* ================= SIZING ================= */
.w-100 { width: 100%; }
.mw-30 { max-width: 30%; } .mw-40 { max-width: 40%; } .mw-50 { max-width: 50%; }
.mw-60 { max-width: 60%; } .mw-70 { max-width: 70%; }

.w-1 { width: 1rem; } .w-1_1 { width: 1.1rem; } .w-1_2 { width: 1.2rem; } .w-1_3 { width: 1.3rem; }
.w-1_4 { width: 1.4rem; } .w-1_5 { width: 1.5rem; } .w-2 { width: 2rem; } .w-3 { width: 3rem; }
.w-3_5 { width: 3.5rem; } .w-4 { width: 4rem; } .w-5 { width: 5rem; } .w-6 { width: 6rem; }
.w-7 { width: 7rem; } .w-8 { width: 8rem; } .w-9 { width: 9rem; } .w-10 { width: 10rem; }

.h-0_25 { height: .25rem; } .h-0_4 { height: .4rem; } .h-0_5 { height: .5rem; } .h-0_75 { height: .75rem; }
.h-0_9 { height: .9rem; } .h-1 { height: 1rem; } .h-1_1 { height: 1.1rem; } .h-1_2 { height: 1.2rem; }
.h-1_3 { height: 1.3rem; } .h-1_5 { height: 1.5rem; } .h-1_75 { height: 1.75rem; } .h-2 { height: 2rem; }
.h-2_2 { height: 2.2rem; } .h-2_5 { height: 2.5rem; } .h-3 { height: 3rem; } .h-3_2 { height: 3.2rem; }
.h-3_5 { height: 3.5rem; } .h-4 { height: 4rem; } .h-4_5 { height: 4.5rem; } .h-5 { height: 5rem; }
.h-6 { height: 6rem; } .h-7 { height: 7rem; } .h-8 { height: 8rem; } .h-9 { height: 9rem; }
.h-10 { height: 10rem; } .h-11 { height: 11rem; } .h-12 { height: 12rem; } .h-13 { height: 13rem; }
.h-14 { height: 14rem; } .h-15 { height: 15rem; } .h-16 { height: 16rem; }

/* ================= SPACING (Margin & Padding) ================= */
.m-0 { margin: 0; }
.padded { padding-left: 1rem; padding-right: 1rem; }

.p-0 { padding: 0; } .p-0_5 { padding: .5rem; } .p-1 { padding: 1rem; } .p-1_5 { padding: 1.5rem; }
.p-2 { padding: 2rem; } .p-3 { padding: 3rem; } .p-4 { padding: 4rem; } .p-5 { padding: 5rem; }
.p-6 { padding: 6rem; } .p-7 { padding: 7rem; } .p-8 { padding: 8rem; }

.pt-0 { padding-top: 0; } .pt-0_5 { padding-top: .5rem; } .pt-1 { padding-top: 1rem; }
.pt-1_5 { padding-top: 1.5rem; } .pt-2 { padding-top: 2rem; } .pt-3 { padding-top: 3rem; }
.pt-4 { padding-top: 4rem; } .pt-5 { padding-top: 5rem; } .pt-6 { padding-top: 6rem; }
.pt-7 { padding-top: 7rem; } .pt-8 { padding-top: 8rem; } .pt-9 { padding-top: 9rem; }
.pt-10 { padding-top: 10rem; } .pt-11 { padding-top: 11rem; } .pt-12 { padding-top: 12rem; }
.pt-13 { padding-top: 13rem; } .pt-14 { padding-top: 14rem; } .pt-15 { padding-top: 15rem; }
.pt-20 { padding-top: 20rem; } .pt-25 { padding-top: 25rem; } .pt-35 { padding-top: 35rem; }
.pt-40 { padding-top: 40rem; }

.pb-0 { padding-bottom: 0; } .pb-0_5 { padding-bottom: .5rem; } .pb-1 { padding-bottom: 1rem; }
.pb-1_5 { padding-bottom: 1.5rem; } .pb-2 { padding-bottom: 2rem; } .pb-3 { padding-bottom: 3rem; }
.pb-4 { padding-bottom: 4rem; } .pb-5 { padding-bottom: 5rem; } .pb-6 { padding-bottom: 6rem; }
.pb-7 { padding-bottom: 7rem; } .pb-8 { padding-bottom: 8rem; } .pb-9 { padding-bottom: 9rem; }
.pb-10 { padding-bottom: 10rem; } .pb-11 { padding-bottom: 11rem; } .pb-12 { padding-bottom: 12rem; }

.pl-1 { padding-left: 1rem; } .pl-1_5 { padding-left: 1.5rem; } .pl-2 { padding-left: 2rem; }
.pl-3 { padding-left: 3rem; } .pl-4 { padding-left: 4rem; } .pl-5 { padding-left: 5rem; }

.pr-1 { padding-right: 1rem; } .pr-2 { padding-right: 2rem; } .pr-3 { padding-right: 3rem; }
.pr-4 { padding-right: 4rem; } .pr-5 { padding-right: 5rem; }

.mt-0 { margin-top: 0; } .mt-0_5 { margin-top: .5rem; } .mt-1 { margin-top: 1rem; }
.mt-1_5 { margin-top: 1.5rem; } .mt-2 { margin-top: 2rem; } .mt-2_5 { margin-top: 2.5rem; }
.mt-3 { margin-top: 3rem; } .mt-4 { margin-top: 4rem; } .mt-5 { margin-top: 5rem; }
.mt-6 { margin-top: 6rem; } .mt-7 { margin-top: 7rem; } .mt-8 { margin-top: 8rem; }
.mt-9 { margin-top: 9rem; } .mt-10 { margin-top: 10rem; } .mt-11 { margin-top: 11rem; }
.mt-12 { margin-top: 12rem; } .mt-15 { margin-top: 15rem; } .mt-16 { margin-top: 16rem; }
.mt-17 { margin-top: 17rem; }

.mb-0 { margin-bottom: 0; } .mb-0_25 { margin-bottom: .25rem; } .mb-0_5 { margin-bottom: .5rem; }
.mb-0_75 { margin-bottom: .75rem; } .mb-1 { margin-bottom: 1rem; } .mb-1_5 { margin-bottom: 1.5rem; }
.mb-2 { margin-bottom: 2rem; } .mb-2_5 { margin-bottom: 2.5rem; } .mb-3 { margin-bottom: 3rem; }
.mb-4 { margin-bottom: 4rem; } .mb-5 { margin-bottom: 5rem; } .mb-6 { margin-bottom: 6rem; }
.mb-7 { margin-bottom: 7rem; } .mb-8 { margin-bottom: 8rem; } .mb-9 { margin-bottom: 9rem; }
.mb-10 { margin-bottom: 10rem; } .mb-11 { margin-bottom: 11rem; } .mb-12 { margin-bottom: 12rem; }

.b-0 { bottom: 0; } .b-1 { bottom: 1rem; } .b-2 { bottom: 2rem; } .b-3 { bottom: 3rem; }
.r-0 { right: 0; } .r-1 { right: 1rem; }

/* ================= UTILS (Visuals, Animations) ================= */
.o-0 { opacity: 0 !important; } .o-02 { opacity: .2 !important; } .o-03 { opacity: .3 !important; }
.o-04 { opacity: .4 !important; } .o-05 { opacity: .5 !important; } .o-06 { opacity: .6 !important; }
.o-07 { opacity: .7 !important; } .o-08 { opacity: .9 !important; } .o-1 { opacity: 1 !important; }

.br-05 { border-radius: .5rem; } .br-1 { border-radius: 1rem; } .br-1_5 { border-radius: 1.5rem; }
.br-2 { border-radius: 2rem; } .br-3 { border-radius: 3rem; } .br-4 { border-radius: 4rem; }
.br-5 { border-radius: 5rem; }

.nort .rt { opacity: 1; transform: translateY(0); }
.rt, .rt-show { transition: all .2s ease-in-out; }
.rt { position: relative; opacity: 0; transform: translateY(2rem); }
.rt-show { transform: translateY(0); opacity: 1; }
.ri { opacity: 0; transition: all .9s; }
.ri-show { opacity: 1; }
.fade-in { opacity: 0; animation: fadeIn .4s ease-in forwards; }
.fade-out { opacity: 1; animation: fadeOut .4s ease-in forwards; }
.fade, .fade.active { opacity: 0; transition: opacity .6s ease-in-out; }
.fade.active { opacity: 1; }
.nobr br { display: none; }

/* ================= DESKTOP STYLES (min-width: 1050px) ================= */
@media (min-width:1050px) {
	.d-block { display: block; } .d-fixed { position: fixed; } .d-absolute { position: absolute; }
	.d-relative { position: relative; } .d-hidden { display: none; }
	.d-tar { text-align: right; } .d-tac { text-align: center; } .d-tal { text-align: left; }
	
	.h-d-10 { height: 10%; } .h-d-20 { height: 20%; } .h-d-30 { height: 30%; } .h-d-40 { height: 40%; }
	.h-d-50 { height: 50%; } .h-d-60 { height: 60%; } .h-d-70 { height: 70%; } .h-d-80 { height: 80%; }
	.h-d-85 { height: 85%; } .h-d-90 { height: 90%; } .h-d-95 { height: 95%; } .h-d-100 { height: 100%; }

	.w-d-10 { width: 10%; } .w-d-20 { width: 20%; } .w-d-30 { width: 30%; } .w-d-40 { width: 40%; }
	.w-d-50 { width: 50%; } .w-d-60 { width: 60%; } .w-d-70 { width: 70%; } .w-d-80 { width: 80%; }
	.w-d-85 { width: 85%; } .w-d-90 { width: 90%; } .w-d-95 { width: 95%; } .w-d-100 { width: 100%; }

	.mw-d-10 { max-width: 10%; } .mw-d-20 { max-width: 20%; } .mw-d-25 { max-width: 25%; }
	.mw-d-30 { max-width: 30%; } .mw-d-40 { max-width: 40%; } .mw-d-50 { max-width: 50%; }
	.mw-d-60 { max-width: 60%; } .mw-d-70 { max-width: 70%; } .mw-d-80 { max-width: 80%; }
	.mw-d-85 { max-width: 85%; } .mw-d-90 { max-width: 90%; } .mw-d-95 { max-width: 95%; } .mw-d-100 { max-width: 100%; }

	.d-mih-30 { min-height: 30rem; } .d-mih-35 { min-height: 35rem; } .d-mih-40, .d-mih-50 { min-height: 40rem; }
	.d-mih-60 { min-height: 60rem; } .d-mih-70 { min-height: 70rem; }

	.g-d-jsc { justify-self: center; } .g-d-jsl { justify-self: left; } .g-d-jsr { justify-self: right; }
	.g-d-ass { align-self: start; } .g-d-asc { align-self: center; } .g-d-ase { align-self: end; }
	.g-d-ais { align-items: start; } .g-d-aic { align-items: center; } .g-d-aie { align-items: end; }
	.g-d-acs { align-content: start; } .g-d-acc { align-content: center; } .g-d-ace { align-content: end; }
	.g-d-jss { justify-self: stretch; } .g-d-gsa { grid-column: 1/-1; }
	
	.d-nobr br, .nodesktop { display: none !important; }
}

/* ================= MOBILE STYLES (max-width: 1050px) ================= */
@media (max-width:1050px) {
	.m-ar-a { aspect-ratio: auto; }
	.m-fullw { margin-left: -1rem; width: calc(100% + 2rem); }
	.m-block { display: block; } .m-fixed { position: fixed; } .m-absolute { position: absolute; }
	.m-relative { position: relative; } .m-hidden { display: none; }
	.m-tar { text-align: right; } .m-tac { text-align: center; } .m-tal { text-align: left; }
	
	.m-fs-0_7 { font-size: .7rem; } .m-fs-0_8 { font-size: .8rem; } .m-fs-0_9 { font-size: .9rem; }
	.m-fs-1 { font-size: 1rem; } .m-fs-1_1 { font-size: 1.1rem; } .m-fs-1_2 { font-size: 1.2rem; }
	.m-fs-1_3 { font-size: 1.3rem; } .m-fs-1_4 { font-size: 1.4rem; } .m-fs-1_5 { font-size: 1.5rem; }
	.m-fs-1_6 { font-size: 1.6rem; } .m-fs-1_7 { font-size: 1.7rem; } .m-fs-1_8 { font-size: 1.8rem; }
	.m-fs-1_9 { font-size: 1.9rem; } .m-fs-2 { font-size: 2rem; } .m-fs-2_5 { font-size: 2.5rem; }
	.m-fs-3 { font-size: 3rem; }

	.m-lh-0_9 { line-height: 0; } .m-lh-1 { line-height: 1; } .m-lh-1_1 { line-height: 1.1; }
	.m-lh-1_2 { line-height: 1.2; } .m-lh-1_3 { line-height: 1.3; } .m-lh-1_4 { line-height: 1.4; }
	.m-lh-1_5 { line-height: 1.5; } .m-lh-1_6 { line-height: 1.6; } .m-lh-1_7 { line-height: 1.7; }

	.g-m-jil { justify-items: left; } .g-m-jic { justify-items: center; } .g-m-jir { justify-items: right; }
	.g-m-jcl { justify-content: left; } .g-m-jcc { justify-content: center; } .g-m-jcr { justify-content: right; } /* Fixed duplicated .g-m-jir to .g-m-jcr based on context */
	.g-m-jsc { justify-self: center; } .g-m-jsl { justify-self: left; } .g-m-jsr { justify-self: right; }
	.g-m-ass { align-self: start; } .g-m-asc { align-self: center; } .g-m-ase { align-self: end; }
	.g-m-ais { align-items: start; } .g-m-aic { align-items: center; } .g-m-aie { align-items: end; }
	.g-m-acs { align-content: start; } .g-m-acc { align-content: center; } .g-m-ace { align-content: end; }
	.g-m-jss { justify-self: stretch; } .g-m-gsa { grid-column: 1/-1; }

	.m-gtc-1   { grid-template-columns: 1fr;     grid-auto-flow: inherit; }
	.m-gtc-1-1 { grid-template-columns: 1fr 1fr; grid-auto-flow: inherit;}

	.m-gg-0 { grid-gap: 0; } .m-gg-0_5 { grid-gap: .5rem; } .m-gg-1, .m-gg-1_5 { grid-gap: 1rem; }
	.m-gg-2 { grid-gap: 2rem; } .m-gg-3 { grid-gap: 3rem; } .m-gg-4 { grid-gap: 4rem; }
	.m-gg-5 { grid-gap: 5rem; } .m-gg-6 { grid-gap: 6rem; }
	.m-gcg-1 { grid-column-gap: 1rem; } .m-gcg-2 { grid-column-gap: 2rem; } .m-gcg-3 { grid-column-gap: 3rem; }
	.m-grg-1 { grid-row-gap: 1rem; } .m-grg-2 { grid-row-gap: 2rem; } .m-grg-3 { grid-row-gap: 3rem; } .m-grg-4 { grid-row-gap: 4rem; }

	.h-m-10 { height: 10%; } .h-m-20 { height: 20%; } .h-m-30 { height: 30%; } .h-m-40 { height: 40%; }
	.h-m-50 { height: 50%; } .h-m-60 { height: 60%; } .h-m-70 { height: 70%; } .h-m-80 { height: 80%; }
	.h-m-85 { height: 85%; } .h-m-90 { height: 90%; } .h-m-95 { height: 95%; } .h-m-100 { height: 100%; }

	.w-m-10 { width: 10%; } .w-m-20 { width: 20%; } .w-m-30 { width: 30%; } .w-m-40 { width: 40%; }
	.w-m-50 { width: 50%; } .w-m-60 { width: 60%; } .w-m-70 { width: 70%; } .w-m-80 { width: 80%; }
	.w-m-85 { width: 85%; } .w-m-90 { width: 90%; } .w-m-95 { width: 95%; } .w-m-100 { width: 100%; }

	.mw-m-10 { max-width: 10%; } .mw-m-20 { max-width: 20%; } .mw-m-30, .m-mw-30 { max-width: 30%; }
	.mw-m-40, .m-mw-40 { max-width: 40%; } .mw-m-50, .m-mw-50 { max-width: 50%; } .mw-m-60 { max-width: 60%; }
	.mw-m-70, .m-mw-70 { max-width: 70%; } .mw-m-80 { max-width: 80%; } .mw-m-85 { max-width: 85%; }
	.mw-m-90 { max-width: 90%; } .mw-m-95 { max-width: 95%; } .mw-m-100, .m-mw-100 { max-width: 100%; }

	.m-h-1 { height: 1rem; } .m-h-2 { height: 2rem; } .m-h-2_5 { height: 2.5rem; } .m-h-3 { height: 3rem; }
	.m-h-3_5 { height: 3.5rem; } .m-h-4 { height: 4rem; } .m-h-5 { height: 5rem; } .m-h-6 { height: 6rem; }
	.m-h-7 { height: 7rem; } .m-h-8 { height: 8rem; } .m-h-9 { height: 9rem; } .m-h-10 { height: 10rem; }

	.m-w-1 { width: 1rem; } .m-w-2 { width: 2rem; } .m-w-3 { width: 3rem; } .m-w-3_5 { width: 3.5rem; }
	.m-w-4 { width: 4rem; } .m-w-5 { width: 5rem; } .m-w-6 { width: 6rem; } .m-w-7 { width: 7rem; }
	.m-w-8 { width: 8rem; } .m-w-9 { width: 9rem; } .m-w-10 { width: 10rem; }

	.m-padded { padding-left: 1rem; padding-right: 1rem; } .m-nopadded { padding-left: 0; padding-right: 0; }

	.m-m-0 { margin: 0; }
	.m-p-0 { padding: 0; } .m-p-1 { padding: 1rem; } .m-p-1_5 { padding: 1.5rem; }
	.m-p-2 { padding: 2rem; } .m-p-3 { padding: 3rem; }

	.m-pt-0 { padding-top: 0; } .m-pt-1 { padding-top: 1rem; } .m-pt-2 { padding-top: 2rem; }
	.m-pt-3 { padding-top: 3rem; } .m-pt-4 { padding-top: 4rem; } .m-pt-5 { padding-top: 5rem; }
	.m-pt-6 { padding-top: 6rem; } .m-pt-7 { padding-top: 7rem; } .m-pt-8 { padding-top: 8rem; }
	.m-pt-9 { padding-top: 9rem; } .m-pt-10 { padding-top: 10rem; } .m-pt-11 { padding-top: 11rem; }
	.m-pt-12 { padding-top: 12rem; } .m-pt-13 { padding-top: 13rem; } .m-pt-14 { padding-top: 14rem; }

	.m-pb-0 { padding-bottom: 0; } .m-pb-1 { padding-bottom: 1rem; } .m-pb-2 { padding-bottom: 2rem; }
	.m-pb-3 { padding-bottom: 3rem; } .m-pb-4 { padding-bottom: 4rem; } .m-pb-5 { padding-bottom: 5rem; }
	.m-pb-6 { padding-bottom: 6rem; } .m-pb-7 { padding-bottom: 7rem; } .m-pb-8 { padding-bottom: 8rem; }
	.m-pb-9 { padding-bottom: 9rem; } .m-pb-10 { padding-bottom: 10rem; } .m-pb-11 { padding-bottom: 11rem; }
	.m-pb-12 { padding-bottom: 12rem; }

	.m-pl-1 { padding-left: 1rem; } .m-pl-2 { padding-left: 2rem; }
	.m-pr-1 { padding-right: 1rem; } .m-pr-2 { padding-right: 2rem; }

	.m-mt-0 { margin-top: 0; } .m-mt-1 { margin-top: 1rem; } .m-mt-1_5 { margin-top: 1.5rem; }
	.m-mt-2 { margin-top: 2rem; } .m-mt-3 { margin-top: 3rem; } .m-mt-4 { margin-top: 4rem; }
	.m-mt-5 { margin-top: 5rem; } .m-mt-6 { margin-top: 6rem; } .m-mt-7 { margin-top: 7rem; }
	.m-mt-8 { margin-top: 8rem; }

	.m-mb-0 { margin-bottom: 0; } .m-mb-0_5 { margin-bottom: .5rem; } .m-mb-1 { margin-bottom: 1rem; }
	.m-mb-1_5 { margin-bottom: 1.5rem; } .m-mb-2 { margin-bottom: 2rem; } .m-mb-3 { margin-bottom: 3rem; }
	.m-mb-4 { margin-bottom: 4rem; } .m-mb-5 { margin-bottom: 5rem; } .m-mb-6 { margin-bottom: 6rem; }
	.m-mb-7 { margin-bottom: 7rem; } .m-mb-8 { margin-bottom: 8rem; }

	.d-nobr br, .nodesktop { display: grid; }
	.m-nobr br, .nomobile { display: none !important; }
}