stylescape/css/stylescape.css

Stylescape is a visual identity framework developed by Scape Agency.

@charset "UTF-8";
*,
a,
abbr,
acronym,
address,
applet,
area,
article,
aside,
audio,
b,
base,
basefont,
bb,
bdo,
big,
blockquote,
body,
br,
button,
canvas,
caption,
center,
cite,
code,
col,
colgroup,
command,
datalist,
dd,
del,
details,
dfn,
dialog,
dir,
div,
dl,
dt,
em,
embed,
eventsource,
fieldset,
figcaption,
figure,
font,
footer,
form,
frame,
frameset,
h1,
h2,
h3,
h4,
h5,
h6,
head,
header,
hgroup,
hr,
html,
i,
iframe,
img,
input,
ins,
isindex,
kbd,
keygen,
label,
legend,
li,
link,
map,
mark,
menu,
meta,
meter,
nav,
noframes,
noscript,
object,
ol,
optgroup,
option,
output,
p,
param,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
script,
section,
select,
small,
source,
span,
strike,
strong,
style,
sub,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
title,
tr,
track,
tt,
u,
ul,
var,
video,
wbr {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

.aspect_ratio--1x1 {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
}
.aspect_ratio--1x1 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--1x2 {
  position: relative;
  width: 100%;
  aspect-ratio: 0.5;
}
.aspect_ratio--1x2 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--2x1 {
  position: relative;
  width: 100%;
  aspect-ratio: 2;
}
.aspect_ratio--2x1 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--1x3 {
  position: relative;
  width: 100%;
  aspect-ratio: 0.3333333333;
}
.aspect_ratio--1x3 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--3x1 {
  position: relative;
  width: 100%;
  aspect-ratio: 3;
}
.aspect_ratio--3x1 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--1x4 {
  position: relative;
  width: 100%;
  aspect-ratio: 0.25;
}
.aspect_ratio--1x4 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--4x1 {
  position: relative;
  width: 100%;
  aspect-ratio: 4;
}
.aspect_ratio--4x1 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--3x2 {
  position: relative;
  width: 100%;
  aspect-ratio: 1.5;
}
.aspect_ratio--3x2 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--2x3 {
  position: relative;
  width: 100%;
  aspect-ratio: 0.6666666667;
}
.aspect_ratio--2x3 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--4x3 {
  position: relative;
  width: 100%;
  aspect-ratio: 1.3333333333;
}
.aspect_ratio--4x3 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--3x4 {
  position: relative;
  width: 100%;
  aspect-ratio: 0.75;
}
.aspect_ratio--3x4 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--16x9 {
  position: relative;
  width: 100%;
  aspect-ratio: 1.7777777778;
}
.aspect_ratio--16x9 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--16x10 {
  position: relative;
  width: 100%;
  aspect-ratio: 1.6;
}
.aspect_ratio--16x10 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.guide {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
  opacity: 1;
  min-height: 100vh;
  background-attachment: local;
}

.guide--layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  pointer-events: none;
  z-index: 9999;
}
.guide--layer.active {
  display: block !important;
}

.guide--graph {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
  opacity: 1;
  min-height: 100vh;
  background-attachment: local;
  background-repeat: repeat;
  background-size: 1.25rem 1.25rem;
  background-image: repeating-linear-gradient(to right, rgba(139, 139, 139, 0.5) 0, rgba(139, 139, 139, 0.5) 1px, transparent 1px, transparent 1.25rem), repeating-linear-gradient(to bottom, rgba(139, 139, 139, 0.5) 0, rgba(139, 139, 139, 0.5) 1px, transparent 1px, transparent 1.25rem);
}

.guide--graph_centered {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
  opacity: 1;
  min-height: 100vh;
  background-attachment: local;
  background-repeat: repeat;
  background-size: 1.25rem 1.25rem;
  background-position: calc(50% - 15rem / 2) 0;
  background-image: repeating-linear-gradient(to right, rgba(139, 139, 139, 0.5) 0, rgba(139, 139, 139, 0.5) 1px, transparent 1px, transparent 1.25rem), repeating-linear-gradient(to bottom, rgba(139, 139, 139, 0.5) 0, rgba(139, 139, 139, 0.5) 1px, transparent 1px, transparent 1.25rem);
}

.guide--baseline {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
  opacity: 1;
  min-height: 100vh;
  background-attachment: local;
  background-repeat: repeat;
  background-size: 100% 1.25rem;
  background-image: repeating-linear-gradient(to bottom, #019baa 0 1px, transparent 1px 100%);
}

.p_q0 {
  padding: 0rem;
}

.pt_q0 {
  padding-top: 0rem;
}

.pr_q0 {
  padding-right: 0rem;
}

.pb_q0 {
  padding-bottom: 0rem;
}

.pl_q0 {
  padding-left: 0rem;
}

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

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

.p_q1 {
  padding: 0.0625rem;
}

.pt_q1 {
  padding-top: 0.0625rem;
}

.pr_q1 {
  padding-right: 0.0625rem;
}

.pb_q1 {
  padding-bottom: 0.0625rem;
}

.pl_q1 {
  padding-left: 0.0625rem;
}

.px_q1 {
  padding-left: 0.0625rem;
  padding-right: 0.0625rem;
}

.py_q1 {
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
}

.p_q2 {
  padding: 0.125rem;
}

.pt_q2 {
  padding-top: 0.125rem;
}

.pr_q2 {
  padding-right: 0.125rem;
}

.pb_q2 {
  padding-bottom: 0.125rem;
}

.pl_q2 {
  padding-left: 0.125rem;
}

.px_q2 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.py_q2 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.p_q4 {
  padding: 0.25rem;
}

.pt_q4 {
  padding-top: 0.25rem;
}

.pr_q4 {
  padding-right: 0.25rem;
}

.pb_q4 {
  padding-bottom: 0.25rem;
}

.pl_q4 {
  padding-left: 0.25rem;
}

.px_q4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py_q4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.p_q6 {
  padding: 0.375rem;
}

.pt_q6 {
  padding-top: 0.375rem;
}

.pr_q6 {
  padding-right: 0.375rem;
}

.pb_q6 {
  padding-bottom: 0.375rem;
}

.pl_q6 {
  padding-left: 0.375rem;
}

.px_q6 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.py_q6 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.p_q8 {
  padding: 0.5rem;
}

.pt_q8 {
  padding-top: 0.5rem;
}

.pr_q8 {
  padding-right: 0.5rem;
}

.pb_q8 {
  padding-bottom: 0.5rem;
}

.pl_q8 {
  padding-left: 0.5rem;
}

.px_q8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py_q8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p_q12 {
  padding: 0.75rem;
}

.pt_q12 {
  padding-top: 0.75rem;
}

.pr_q12 {
  padding-right: 0.75rem;
}

.pb_q12 {
  padding-bottom: 0.75rem;
}

.pl_q12 {
  padding-left: 0.75rem;
}

.px_q12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py_q12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.p_q16 {
  padding: 1rem;
}

.pt_q16 {
  padding-top: 1rem;
}

.pr_q16 {
  padding-right: 1rem;
}

.pb_q16 {
  padding-bottom: 1rem;
}

.pl_q16 {
  padding-left: 1rem;
}

.px_q16 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py_q16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p_q20 {
  padding: 1.25rem;
}

.pt_q20 {
  padding-top: 1.25rem;
}

.pr_q20 {
  padding-right: 1.25rem;
}

.pb_q20 {
  padding-bottom: 1.25rem;
}

.pl_q20 {
  padding-left: 1.25rem;
}

.px_q20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py_q20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.p_q24 {
  padding: 1.5rem;
}

.pt_q24 {
  padding-top: 1.5rem;
}

.pr_q24 {
  padding-right: 1.5rem;
}

.pb_q24 {
  padding-bottom: 1.5rem;
}

.pl_q24 {
  padding-left: 1.5rem;
}

.px_q24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py_q24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.p_q32 {
  padding: 2rem;
}

.pt_q32 {
  padding-top: 2rem;
}

.pr_q32 {
  padding-right: 2rem;
}

.pb_q32 {
  padding-bottom: 2rem;
}

.pl_q32 {
  padding-left: 2rem;
}

.px_q32 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py_q32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p_q40 {
  padding: 2.5rem;
}

.pt_q40 {
  padding-top: 2.5rem;
}

.pr_q40 {
  padding-right: 2.5rem;
}

.pb_q40 {
  padding-bottom: 2.5rem;
}

.pl_q40 {
  padding-left: 2.5rem;
}

.px_q40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py_q40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.p_q48 {
  padding: 3rem;
}

.pt_q48 {
  padding-top: 3rem;
}

.pr_q48 {
  padding-right: 3rem;
}

.pb_q48 {
  padding-bottom: 3rem;
}

.pl_q48 {
  padding-left: 3rem;
}

.px_q48 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py_q48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.p_q56 {
  padding: 3.5rem;
}

.pt_q56 {
  padding-top: 3.5rem;
}

.pr_q56 {
  padding-right: 3.5rem;
}

.pb_q56 {
  padding-bottom: 3.5rem;
}

.pl_q56 {
  padding-left: 3.5rem;
}

.px_q56 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.py_q56 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.p_q64 {
  padding: 4rem;
}

.pt_q64 {
  padding-top: 4rem;
}

.pr_q64 {
  padding-right: 4rem;
}

.pb_q64 {
  padding-bottom: 4rem;
}

.pl_q64 {
  padding-left: 4rem;
}

.px_q64 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py_q64 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.p_q72 {
  padding: 4.5rem;
}

.pt_q72 {
  padding-top: 4.5rem;
}

.pr_q72 {
  padding-right: 4.5rem;
}

.pb_q72 {
  padding-bottom: 4.5rem;
}

.pl_q72 {
  padding-left: 4.5rem;
}

.px_q72 {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}

.py_q72 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.p_q80 {
  padding: 5rem;
}

.pt_q80 {
  padding-top: 5rem;
}

.pr_q80 {
  padding-right: 5rem;
}

.pb_q80 {
  padding-bottom: 5rem;
}

.pl_q80 {
  padding-left: 5rem;
}

.px_q80 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py_q80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.p_q96 {
  padding: 6rem;
}

.pt_q96 {
  padding-top: 6rem;
}

.pr_q96 {
  padding-right: 6rem;
}

.pb_q96 {
  padding-bottom: 6rem;
}

.pl_q96 {
  padding-left: 6rem;
}

.px_q96 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py_q96 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.p_q112 {
  padding: 7rem;
}

.pt_q112 {
  padding-top: 7rem;
}

.pr_q112 {
  padding-right: 7rem;
}

.pb_q112 {
  padding-bottom: 7rem;
}

.pl_q112 {
  padding-left: 7rem;
}

.px_q112 {
  padding-left: 7rem;
  padding-right: 7rem;
}

.py_q112 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.p_q128 {
  padding: 8rem;
}

.pt_q128 {
  padding-top: 8rem;
}

.pr_q128 {
  padding-right: 8rem;
}

.pb_q128 {
  padding-bottom: 8rem;
}

.pl_q128 {
  padding-left: 8rem;
}

.px_q128 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py_q128 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.p_q144 {
  padding: 9rem;
}

.pt_q144 {
  padding-top: 9rem;
}

.pr_q144 {
  padding-right: 9rem;
}

.pb_q144 {
  padding-bottom: 9rem;
}

.pl_q144 {
  padding-left: 9rem;
}

.px_q144 {
  padding-left: 9rem;
  padding-right: 9rem;
}

.py_q144 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.p_q160 {
  padding: 10rem;
}

.pt_q160 {
  padding-top: 10rem;
}

.pr_q160 {
  padding-right: 10rem;
}

.pb_q160 {
  padding-bottom: 10rem;
}

.pl_q160 {
  padding-left: 10rem;
}

.px_q160 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.py_q160 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.p_q192 {
  padding: 12rem;
}

.pt_q192 {
  padding-top: 12rem;
}

.pr_q192 {
  padding-right: 12rem;
}

.pb_q192 {
  padding-bottom: 12rem;
}

.pl_q192 {
  padding-left: 12rem;
}

.px_q192 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.py_q192 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.p_q224 {
  padding: 14rem;
}

.pt_q224 {
  padding-top: 14rem;
}

.pr_q224 {
  padding-right: 14rem;
}

.pb_q224 {
  padding-bottom: 14rem;
}

.pl_q224 {
  padding-left: 14rem;
}

.px_q224 {
  padding-left: 14rem;
  padding-right: 14rem;
}

.py_q224 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.p_q256 {
  padding: 16rem;
}

.pt_q256 {
  padding-top: 16rem;
}

.pr_q256 {
  padding-right: 16rem;
}

.pb_q256 {
  padding-bottom: 16rem;
}

.pl_q256 {
  padding-left: 16rem;
}

.px_q256 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.py_q256 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.m_q0 {
  margin: 0rem;
}

.mt_q0 {
  margin-top: 0rem;
}

.mr_q0 {
  margin-right: 0rem;
}

.mb_q0 {
  margin-bottom: 0rem;
}

.ml_q0 {
  margin-left: 0rem;
}

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

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

.m_q1 {
  margin: 0.0625rem;
}

.mt_q1 {
  margin-top: 0.0625rem;
}

.mr_q1 {
  margin-right: 0.0625rem;
}

.mb_q1 {
  margin-bottom: 0.0625rem;
}

.ml_q1 {
  margin-left: 0.0625rem;
}

.mx_q1 {
  margin-left: 0.0625rem;
  margin-right: 0.0625rem;
}

.my_q1 {
  margin-top: 0.0625rem;
  margin-bottom: 0.0625rem;
}

.m_q2 {
  margin: 0.125rem;
}

.mt_q2 {
  margin-top: 0.125rem;
}

.mr_q2 {
  margin-right: 0.125rem;
}

.mb_q2 {
  margin-bottom: 0.125rem;
}

.ml_q2 {
  margin-left: 0.125rem;
}

.mx_q2 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.my_q2 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.m_q4 {
  margin: 0.25rem;
}

.mt_q4 {
  margin-top: 0.25rem;
}

.mr_q4 {
  margin-right: 0.25rem;
}

.mb_q4 {
  margin-bottom: 0.25rem;
}

.ml_q4 {
  margin-left: 0.25rem;
}

.mx_q4 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my_q4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.m_q6 {
  margin: 0.375rem;
}

.mt_q6 {
  margin-top: 0.375rem;
}

.mr_q6 {
  margin-right: 0.375rem;
}

.mb_q6 {
  margin-bottom: 0.375rem;
}

.ml_q6 {
  margin-left: 0.375rem;
}

.mx_q6 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

.my_q6 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.m_q8 {
  margin: 0.5rem;
}

.mt_q8 {
  margin-top: 0.5rem;
}

.mr_q8 {
  margin-right: 0.5rem;
}

.mb_q8 {
  margin-bottom: 0.5rem;
}

.ml_q8 {
  margin-left: 0.5rem;
}

.mx_q8 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my_q8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.m_q12 {
  margin: 0.75rem;
}

.mt_q12 {
  margin-top: 0.75rem;
}

.mr_q12 {
  margin-right: 0.75rem;
}

.mb_q12 {
  margin-bottom: 0.75rem;
}

.ml_q12 {
  margin-left: 0.75rem;
}

.mx_q12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my_q12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.m_q16 {
  margin: 1rem;
}

.mt_q16 {
  margin-top: 1rem;
}

.mr_q16 {
  margin-right: 1rem;
}

.mb_q16 {
  margin-bottom: 1rem;
}

.ml_q16 {
  margin-left: 1rem;
}

.mx_q16 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my_q16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m_q20 {
  margin: 1.25rem;
}

.mt_q20 {
  margin-top: 1.25rem;
}

.mr_q20 {
  margin-right: 1.25rem;
}

.mb_q20 {
  margin-bottom: 1.25rem;
}

.ml_q20 {
  margin-left: 1.25rem;
}

.mx_q20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my_q20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.m_q24 {
  margin: 1.5rem;
}

.mt_q24 {
  margin-top: 1.5rem;
}

.mr_q24 {
  margin-right: 1.5rem;
}

.mb_q24 {
  margin-bottom: 1.5rem;
}

.ml_q24 {
  margin-left: 1.5rem;
}

.mx_q24 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my_q24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.m_q32 {
  margin: 2rem;
}

.mt_q32 {
  margin-top: 2rem;
}

.mr_q32 {
  margin-right: 2rem;
}

.mb_q32 {
  margin-bottom: 2rem;
}

.ml_q32 {
  margin-left: 2rem;
}

.mx_q32 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my_q32 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m_q40 {
  margin: 2.5rem;
}

.mt_q40 {
  margin-top: 2.5rem;
}

.mr_q40 {
  margin-right: 2.5rem;
}

.mb_q40 {
  margin-bottom: 2.5rem;
}

.ml_q40 {
  margin-left: 2.5rem;
}

.mx_q40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my_q40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.m_q48 {
  margin: 3rem;
}

.mt_q48 {
  margin-top: 3rem;
}

.mr_q48 {
  margin-right: 3rem;
}

.mb_q48 {
  margin-bottom: 3rem;
}

.ml_q48 {
  margin-left: 3rem;
}

.mx_q48 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my_q48 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.m_q56 {
  margin: 3.5rem;
}

.mt_q56 {
  margin-top: 3.5rem;
}

.mr_q56 {
  margin-right: 3.5rem;
}

.mb_q56 {
  margin-bottom: 3.5rem;
}

.ml_q56 {
  margin-left: 3.5rem;
}

.mx_q56 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.my_q56 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.m_q64 {
  margin: 4rem;
}

.mt_q64 {
  margin-top: 4rem;
}

.mr_q64 {
  margin-right: 4rem;
}

.mb_q64 {
  margin-bottom: 4rem;
}

.ml_q64 {
  margin-left: 4rem;
}

.mx_q64 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my_q64 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.m_q72 {
  margin: 4.5rem;
}

.mt_q72 {
  margin-top: 4.5rem;
}

.mr_q72 {
  margin-right: 4.5rem;
}

.mb_q72 {
  margin-bottom: 4.5rem;
}

.ml_q72 {
  margin-left: 4.5rem;
}

.mx_q72 {
  margin-left: 4.5rem;
  margin-right: 4.5rem;
}

.my_q72 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}

.m_q80 {
  margin: 5rem;
}

.mt_q80 {
  margin-top: 5rem;
}

.mr_q80 {
  margin-right: 5rem;
}

.mb_q80 {
  margin-bottom: 5rem;
}

.ml_q80 {
  margin-left: 5rem;
}

.mx_q80 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my_q80 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.m_q96 {
  margin: 6rem;
}

.mt_q96 {
  margin-top: 6rem;
}

.mr_q96 {
  margin-right: 6rem;
}

.mb_q96 {
  margin-bottom: 6rem;
}

.ml_q96 {
  margin-left: 6rem;
}

.mx_q96 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my_q96 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.m_q112 {
  margin: 7rem;
}

.mt_q112 {
  margin-top: 7rem;
}

.mr_q112 {
  margin-right: 7rem;
}

.mb_q112 {
  margin-bottom: 7rem;
}

.ml_q112 {
  margin-left: 7rem;
}

.mx_q112 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.my_q112 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.m_q128 {
  margin: 8rem;
}

.mt_q128 {
  margin-top: 8rem;
}

.mr_q128 {
  margin-right: 8rem;
}

.mb_q128 {
  margin-bottom: 8rem;
}

.ml_q128 {
  margin-left: 8rem;
}

.mx_q128 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my_q128 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.m_q144 {
  margin: 9rem;
}

.mt_q144 {
  margin-top: 9rem;
}

.mr_q144 {
  margin-right: 9rem;
}

.mb_q144 {
  margin-bottom: 9rem;
}

.ml_q144 {
  margin-left: 9rem;
}

.mx_q144 {
  margin-left: 9rem;
  margin-right: 9rem;
}

.my_q144 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.m_q160 {
  margin: 10rem;
}

.mt_q160 {
  margin-top: 10rem;
}

.mr_q160 {
  margin-right: 10rem;
}

.mb_q160 {
  margin-bottom: 10rem;
}

.ml_q160 {
  margin-left: 10rem;
}

.mx_q160 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.my_q160 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.m_q192 {
  margin: 12rem;
}

.mt_q192 {
  margin-top: 12rem;
}

.mr_q192 {
  margin-right: 12rem;
}

.mb_q192 {
  margin-bottom: 12rem;
}

.ml_q192 {
  margin-left: 12rem;
}

.mx_q192 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.my_q192 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.m_q224 {
  margin: 14rem;
}

.mt_q224 {
  margin-top: 14rem;
}

.mr_q224 {
  margin-right: 14rem;
}

.mb_q224 {
  margin-bottom: 14rem;
}

.ml_q224 {
  margin-left: 14rem;
}

.mx_q224 {
  margin-left: 14rem;
  margin-right: 14rem;
}

.my_q224 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.m_q256 {
  margin: 16rem;
}

.mt_q256 {
  margin-top: 16rem;
}

.mr_q256 {
  margin-right: 16rem;
}

.mb_q256 {
  margin-bottom: 16rem;
}

.ml_q256 {
  margin-left: 16rem;
}

.mx_q256 {
  margin-left: 16rem;
  margin-right: 16rem;
}

.my_q256 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.gap_q0 {
  gap: 0rem;
}

.gap_col_q0 {
  -moz-column-gap: 0rem;
       column-gap: 0rem;
}

.gap_row_q0 {
  row-gap: 0rem;
}

.gap_q1 {
  gap: 0.0625rem;
}

.gap_col_q1 {
  -moz-column-gap: 0.0625rem;
       column-gap: 0.0625rem;
}

.gap_row_q1 {
  row-gap: 0.0625rem;
}

.gap_q2 {
  gap: 0.125rem;
}

.gap_col_q2 {
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
}

.gap_row_q2 {
  row-gap: 0.125rem;
}

.gap_q4 {
  gap: 0.25rem;
}

.gap_col_q4 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap_row_q4 {
  row-gap: 0.25rem;
}

.gap_q6 {
  gap: 0.375rem;
}

.gap_col_q6 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.gap_row_q6 {
  row-gap: 0.375rem;
}

.gap_q8 {
  gap: 0.5rem;
}

.gap_col_q8 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap_row_q8 {
  row-gap: 0.5rem;
}

.gap_q12 {
  gap: 0.75rem;
}

.gap_col_q12 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap_row_q12 {
  row-gap: 0.75rem;
}

.gap_q16 {
  gap: 1rem;
}

.gap_col_q16 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap_row_q16 {
  row-gap: 1rem;
}

.gap_q20 {
  gap: 1.25rem;
}

.gap_col_q20 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap_row_q20 {
  row-gap: 1.25rem;
}

.gap_q24 {
  gap: 1.5rem;
}

.gap_col_q24 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap_row_q24 {
  row-gap: 1.5rem;
}

.gap_q32 {
  gap: 2rem;
}

.gap_col_q32 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap_row_q32 {
  row-gap: 2rem;
}

.gap_q40 {
  gap: 2.5rem;
}

.gap_col_q40 {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.gap_row_q40 {
  row-gap: 2.5rem;
}

.gap_q48 {
  gap: 3rem;
}

.gap_col_q48 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.gap_row_q48 {
  row-gap: 3rem;
}

.gap_q56 {
  gap: 3.5rem;
}

.gap_col_q56 {
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
}

.gap_row_q56 {
  row-gap: 3.5rem;
}

.gap_q64 {
  gap: 4rem;
}

.gap_col_q64 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.gap_row_q64 {
  row-gap: 4rem;
}

.gap_q72 {
  gap: 4.5rem;
}

.gap_col_q72 {
  -moz-column-gap: 4.5rem;
       column-gap: 4.5rem;
}

.gap_row_q72 {
  row-gap: 4.5rem;
}

.gap_q80 {
  gap: 5rem;
}

.gap_col_q80 {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.gap_row_q80 {
  row-gap: 5rem;
}

.gap_q96 {
  gap: 6rem;
}

.gap_col_q96 {
  -moz-column-gap: 6rem;
       column-gap: 6rem;
}

.gap_row_q96 {
  row-gap: 6rem;
}

.gap_q112 {
  gap: 7rem;
}

.gap_col_q112 {
  -moz-column-gap: 7rem;
       column-gap: 7rem;
}

.gap_row_q112 {
  row-gap: 7rem;
}

.gap_q128 {
  gap: 8rem;
}

.gap_col_q128 {
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

.gap_row_q128 {
  row-gap: 8rem;
}

.gap_q144 {
  gap: 9rem;
}

.gap_col_q144 {
  -moz-column-gap: 9rem;
       column-gap: 9rem;
}

.gap_row_q144 {
  row-gap: 9rem;
}

.gap_q160 {
  gap: 10rem;
}

.gap_col_q160 {
  -moz-column-gap: 10rem;
       column-gap: 10rem;
}

.gap_row_q160 {
  row-gap: 10rem;
}

.gap_q192 {
  gap: 12rem;
}

.gap_col_q192 {
  -moz-column-gap: 12rem;
       column-gap: 12rem;
}

.gap_row_q192 {
  row-gap: 12rem;
}

.gap_q224 {
  gap: 14rem;
}

.gap_col_q224 {
  -moz-column-gap: 14rem;
       column-gap: 14rem;
}

.gap_row_q224 {
  row-gap: 14rem;
}

.gap_q256 {
  gap: 16rem;
}

.gap_col_q256 {
  -moz-column-gap: 16rem;
       column-gap: 16rem;
}

.gap_row_q256 {
  row-gap: 16rem;
}

.w_q0 {
  width: 0rem;
}

.min_w_q0 {
  min-width: 0rem;
}

.max_w_q0 {
  max-width: 0rem;
}

.w_q1 {
  width: 0.0625rem;
}

.min_w_q1 {
  min-width: 0.0625rem;
}

.max_w_q1 {
  max-width: 0.0625rem;
}

.w_q2 {
  width: 0.125rem;
}

.min_w_q2 {
  min-width: 0.125rem;
}

.max_w_q2 {
  max-width: 0.125rem;
}

.w_q4 {
  width: 0.25rem;
}

.min_w_q4 {
  min-width: 0.25rem;
}

.max_w_q4 {
  max-width: 0.25rem;
}

.w_q6 {
  width: 0.375rem;
}

.min_w_q6 {
  min-width: 0.375rem;
}

.max_w_q6 {
  max-width: 0.375rem;
}

.w_q8 {
  width: 0.5rem;
}

.min_w_q8 {
  min-width: 0.5rem;
}

.max_w_q8 {
  max-width: 0.5rem;
}

.w_q12 {
  width: 0.75rem;
}

.min_w_q12 {
  min-width: 0.75rem;
}

.max_w_q12 {
  max-width: 0.75rem;
}

.w_q16 {
  width: 1rem;
}

.min_w_q16 {
  min-width: 1rem;
}

.max_w_q16 {
  max-width: 1rem;
}

.w_q20 {
  width: 1.25rem;
}

.min_w_q20 {
  min-width: 1.25rem;
}

.max_w_q20 {
  max-width: 1.25rem;
}

.w_q24 {
  width: 1.5rem;
}

.min_w_q24 {
  min-width: 1.5rem;
}

.max_w_q24 {
  max-width: 1.5rem;
}

.w_q32 {
  width: 2rem;
}

.min_w_q32 {
  min-width: 2rem;
}

.max_w_q32 {
  max-width: 2rem;
}

.w_q40 {
  width: 2.5rem;
}

.min_w_q40 {
  min-width: 2.5rem;
}

.max_w_q40 {
  max-width: 2.5rem;
}

.w_q48 {
  width: 3rem;
}

.min_w_q48 {
  min-width: 3rem;
}

.max_w_q48 {
  max-width: 3rem;
}

.w_q56 {
  width: 3.5rem;
}

.min_w_q56 {
  min-width: 3.5rem;
}

.max_w_q56 {
  max-width: 3.5rem;
}

.w_q64 {
  width: 4rem;
}

.min_w_q64 {
  min-width: 4rem;
}

.max_w_q64 {
  max-width: 4rem;
}

.w_q72 {
  width: 4.5rem;
}

.min_w_q72 {
  min-width: 4.5rem;
}

.max_w_q72 {
  max-width: 4.5rem;
}

.w_q80 {
  width: 5rem;
}

.min_w_q80 {
  min-width: 5rem;
}

.max_w_q80 {
  max-width: 5rem;
}

.w_q96 {
  width: 6rem;
}

.min_w_q96 {
  min-width: 6rem;
}

.max_w_q96 {
  max-width: 6rem;
}

.w_q112 {
  width: 7rem;
}

.min_w_q112 {
  min-width: 7rem;
}

.max_w_q112 {
  max-width: 7rem;
}

.w_q128 {
  width: 8rem;
}

.min_w_q128 {
  min-width: 8rem;
}

.max_w_q128 {
  max-width: 8rem;
}

.w_q144 {
  width: 9rem;
}

.min_w_q144 {
  min-width: 9rem;
}

.max_w_q144 {
  max-width: 9rem;
}

.w_q160 {
  width: 10rem;
}

.min_w_q160 {
  min-width: 10rem;
}

.max_w_q160 {
  max-width: 10rem;
}

.w_q192 {
  width: 12rem;
}

.min_w_q192 {
  min-width: 12rem;
}

.max_w_q192 {
  max-width: 12rem;
}

.w_q224 {
  width: 14rem;
}

.min_w_q224 {
  min-width: 14rem;
}

.max_w_q224 {
  max-width: 14rem;
}

.w_q256 {
  width: 16rem;
}

.min_w_q256 {
  min-width: 16rem;
}

.max_w_q256 {
  max-width: 16rem;
}

.h_q0 {
  height: 0rem;
}

.min_h_q0 {
  min-height: 0rem;
}

.max_h_q0 {
  max-height: 0rem;
}

.h_q1 {
  height: 0.0625rem;
}

.min_h_q1 {
  min-height: 0.0625rem;
}

.max_h_q1 {
  max-height: 0.0625rem;
}

.h_q2 {
  height: 0.125rem;
}

.min_h_q2 {
  min-height: 0.125rem;
}

.max_h_q2 {
  max-height: 0.125rem;
}

.h_q4 {
  height: 0.25rem;
}

.min_h_q4 {
  min-height: 0.25rem;
}

.max_h_q4 {
  max-height: 0.25rem;
}

.h_q6 {
  height: 0.375rem;
}

.min_h_q6 {
  min-height: 0.375rem;
}

.max_h_q6 {
  max-height: 0.375rem;
}

.h_q8 {
  height: 0.5rem;
}

.min_h_q8 {
  min-height: 0.5rem;
}

.max_h_q8 {
  max-height: 0.5rem;
}

.h_q12 {
  height: 0.75rem;
}

.min_h_q12 {
  min-height: 0.75rem;
}

.max_h_q12 {
  max-height: 0.75rem;
}

.h_q16 {
  height: 1rem;
}

.min_h_q16 {
  min-height: 1rem;
}

.max_h_q16 {
  max-height: 1rem;
}

.h_q20 {
  height: 1.25rem;
}

.min_h_q20 {
  min-height: 1.25rem;
}

.max_h_q20 {
  max-height: 1.25rem;
}

.h_q24 {
  height: 1.5rem;
}

.min_h_q24 {
  min-height: 1.5rem;
}

.max_h_q24 {
  max-height: 1.5rem;
}

.h_q32 {
  height: 2rem;
}

.min_h_q32 {
  min-height: 2rem;
}

.max_h_q32 {
  max-height: 2rem;
}

.h_q40 {
  height: 2.5rem;
}

.min_h_q40 {
  min-height: 2.5rem;
}

.max_h_q40 {
  max-height: 2.5rem;
}

.h_q48 {
  height: 3rem;
}

.min_h_q48 {
  min-height: 3rem;
}

.max_h_q48 {
  max-height: 3rem;
}

.h_q56 {
  height: 3.5rem;
}

.min_h_q56 {
  min-height: 3.5rem;
}

.max_h_q56 {
  max-height: 3.5rem;
}

.h_q64 {
  height: 4rem;
}

.min_h_q64 {
  min-height: 4rem;
}

.max_h_q64 {
  max-height: 4rem;
}

.h_q72 {
  height: 4.5rem;
}

.min_h_q72 {
  min-height: 4.5rem;
}

.max_h_q72 {
  max-height: 4.5rem;
}

.h_q80 {
  height: 5rem;
}

.min_h_q80 {
  min-height: 5rem;
}

.max_h_q80 {
  max-height: 5rem;
}

.h_q96 {
  height: 6rem;
}

.min_h_q96 {
  min-height: 6rem;
}

.max_h_q96 {
  max-height: 6rem;
}

.h_q112 {
  height: 7rem;
}

.min_h_q112 {
  min-height: 7rem;
}

.max_h_q112 {
  max-height: 7rem;
}

.h_q128 {
  height: 8rem;
}

.min_h_q128 {
  min-height: 8rem;
}

.max_h_q128 {
  max-height: 8rem;
}

.h_q144 {
  height: 9rem;
}

.min_h_q144 {
  min-height: 9rem;
}

.max_h_q144 {
  max-height: 9rem;
}

.h_q160 {
  height: 10rem;
}

.min_h_q160 {
  min-height: 10rem;
}

.max_h_q160 {
  max-height: 10rem;
}

.h_q192 {
  height: 12rem;
}

.min_h_q192 {
  min-height: 12rem;
}

.max_h_q192 {
  max-height: 12rem;
}

.h_q224 {
  height: 14rem;
}

.min_h_q224 {
  min-height: 14rem;
}

.max_h_q224 {
  max-height: 14rem;
}

.h_q256 {
  height: 16rem;
}

.min_h_q256 {
  min-height: 16rem;
}

.max_h_q256 {
  max-height: 16rem;
}

.inset_q0 {
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
}

.top_q0 {
  top: 0rem;
}

.right_q0 {
  right: 0rem;
}

.bottom_q0 {
  bottom: 0rem;
}

.left_q0 {
  left: 0rem;
}

.inset_x_q0 {
  left: 0rem;
  right: 0rem;
}

.inset_y_q0 {
  top: 0rem;
  bottom: 0rem;
}

.inset_q1 {
  top: 0.0625rem;
  right: 0.0625rem;
  bottom: 0.0625rem;
  left: 0.0625rem;
}

.top_q1 {
  top: 0.0625rem;
}

.right_q1 {
  right: 0.0625rem;
}

.bottom_q1 {
  bottom: 0.0625rem;
}

.left_q1 {
  left: 0.0625rem;
}

.inset_x_q1 {
  left: 0.0625rem;
  right: 0.0625rem;
}

.inset_y_q1 {
  top: 0.0625rem;
  bottom: 0.0625rem;
}

.inset_q2 {
  top: 0.125rem;
  right: 0.125rem;
  bottom: 0.125rem;
  left: 0.125rem;
}

.top_q2 {
  top: 0.125rem;
}

.right_q2 {
  right: 0.125rem;
}

.bottom_q2 {
  bottom: 0.125rem;
}

.left_q2 {
  left: 0.125rem;
}

.inset_x_q2 {
  left: 0.125rem;
  right: 0.125rem;
}

.inset_y_q2 {
  top: 0.125rem;
  bottom: 0.125rem;
}

.inset_q4 {
  top: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  left: 0.25rem;
}

.top_q4 {
  top: 0.25rem;
}

.right_q4 {
  right: 0.25rem;
}

.bottom_q4 {
  bottom: 0.25rem;
}

.left_q4 {
  left: 0.25rem;
}

.inset_x_q4 {
  left: 0.25rem;
  right: 0.25rem;
}

.inset_y_q4 {
  top: 0.25rem;
  bottom: 0.25rem;
}

.inset_q6 {
  top: 0.375rem;
  right: 0.375rem;
  bottom: 0.375rem;
  left: 0.375rem;
}

.top_q6 {
  top: 0.375rem;
}

.right_q6 {
  right: 0.375rem;
}

.bottom_q6 {
  bottom: 0.375rem;
}

.left_q6 {
  left: 0.375rem;
}

.inset_x_q6 {
  left: 0.375rem;
  right: 0.375rem;
}

.inset_y_q6 {
  top: 0.375rem;
  bottom: 0.375rem;
}

.inset_q8 {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
}

.top_q8 {
  top: 0.5rem;
}

.right_q8 {
  right: 0.5rem;
}

.bottom_q8 {
  bottom: 0.5rem;
}

.left_q8 {
  left: 0.5rem;
}

.inset_x_q8 {
  left: 0.5rem;
  right: 0.5rem;
}

.inset_y_q8 {
  top: 0.5rem;
  bottom: 0.5rem;
}

.inset_q12 {
  top: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem;
}

.top_q12 {
  top: 0.75rem;
}

.right_q12 {
  right: 0.75rem;
}

.bottom_q12 {
  bottom: 0.75rem;
}

.left_q12 {
  left: 0.75rem;
}

.inset_x_q12 {
  left: 0.75rem;
  right: 0.75rem;
}

.inset_y_q12 {
  top: 0.75rem;
  bottom: 0.75rem;
}

.inset_q16 {
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}

.top_q16 {
  top: 1rem;
}

.right_q16 {
  right: 1rem;
}

.bottom_q16 {
  bottom: 1rem;
}

.left_q16 {
  left: 1rem;
}

.inset_x_q16 {
  left: 1rem;
  right: 1rem;
}

.inset_y_q16 {
  top: 1rem;
  bottom: 1rem;
}

.inset_q20 {
  top: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
}

.top_q20 {
  top: 1.25rem;
}

.right_q20 {
  right: 1.25rem;
}

.bottom_q20 {
  bottom: 1.25rem;
}

.left_q20 {
  left: 1.25rem;
}

.inset_x_q20 {
  left: 1.25rem;
  right: 1.25rem;
}

.inset_y_q20 {
  top: 1.25rem;
  bottom: 1.25rem;
}

.inset_q24 {
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
}

.top_q24 {
  top: 1.5rem;
}

.right_q24 {
  right: 1.5rem;
}

.bottom_q24 {
  bottom: 1.5rem;
}

.left_q24 {
  left: 1.5rem;
}

.inset_x_q24 {
  left: 1.5rem;
  right: 1.5rem;
}

.inset_y_q24 {
  top: 1.5rem;
  bottom: 1.5rem;
}

.inset_q32 {
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
}

.top_q32 {
  top: 2rem;
}

.right_q32 {
  right: 2rem;
}

.bottom_q32 {
  bottom: 2rem;
}

.left_q32 {
  left: 2rem;
}

.inset_x_q32 {
  left: 2rem;
  right: 2rem;
}

.inset_y_q32 {
  top: 2rem;
  bottom: 2rem;
}

.inset_q40 {
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: 2.5rem;
}

.top_q40 {
  top: 2.5rem;
}

.right_q40 {
  right: 2.5rem;
}

.bottom_q40 {
  bottom: 2.5rem;
}

.left_q40 {
  left: 2.5rem;
}

.inset_x_q40 {
  left: 2.5rem;
  right: 2.5rem;
}

.inset_y_q40 {
  top: 2.5rem;
  bottom: 2.5rem;
}

.inset_q48 {
  top: 3rem;
  right: 3rem;
  bottom: 3rem;
  left: 3rem;
}

.top_q48 {
  top: 3rem;
}

.right_q48 {
  right: 3rem;
}

.bottom_q48 {
  bottom: 3rem;
}

.left_q48 {
  left: 3rem;
}

.inset_x_q48 {
  left: 3rem;
  right: 3rem;
}

.inset_y_q48 {
  top: 3rem;
  bottom: 3rem;
}

.inset_q56 {
  top: 3.5rem;
  right: 3.5rem;
  bottom: 3.5rem;
  left: 3.5rem;
}

.top_q56 {
  top: 3.5rem;
}

.right_q56 {
  right: 3.5rem;
}

.bottom_q56 {
  bottom: 3.5rem;
}

.left_q56 {
  left: 3.5rem;
}

.inset_x_q56 {
  left: 3.5rem;
  right: 3.5rem;
}

.inset_y_q56 {
  top: 3.5rem;
  bottom: 3.5rem;
}

.inset_q64 {
  top: 4rem;
  right: 4rem;
  bottom: 4rem;
  left: 4rem;
}

.top_q64 {
  top: 4rem;
}

.right_q64 {
  right: 4rem;
}

.bottom_q64 {
  bottom: 4rem;
}

.left_q64 {
  left: 4rem;
}

.inset_x_q64 {
  left: 4rem;
  right: 4rem;
}

.inset_y_q64 {
  top: 4rem;
  bottom: 4rem;
}

.inset_q72 {
  top: 4.5rem;
  right: 4.5rem;
  bottom: 4.5rem;
  left: 4.5rem;
}

.top_q72 {
  top: 4.5rem;
}

.right_q72 {
  right: 4.5rem;
}

.bottom_q72 {
  bottom: 4.5rem;
}

.left_q72 {
  left: 4.5rem;
}

.inset_x_q72 {
  left: 4.5rem;
  right: 4.5rem;
}

.inset_y_q72 {
  top: 4.5rem;
  bottom: 4.5rem;
}

.inset_q80 {
  top: 5rem;
  right: 5rem;
  bottom: 5rem;
  left: 5rem;
}

.top_q80 {
  top: 5rem;
}

.right_q80 {
  right: 5rem;
}

.bottom_q80 {
  bottom: 5rem;
}

.left_q80 {
  left: 5rem;
}

.inset_x_q80 {
  left: 5rem;
  right: 5rem;
}

.inset_y_q80 {
  top: 5rem;
  bottom: 5rem;
}

.inset_q96 {
  top: 6rem;
  right: 6rem;
  bottom: 6rem;
  left: 6rem;
}

.top_q96 {
  top: 6rem;
}

.right_q96 {
  right: 6rem;
}

.bottom_q96 {
  bottom: 6rem;
}

.left_q96 {
  left: 6rem;
}

.inset_x_q96 {
  left: 6rem;
  right: 6rem;
}

.inset_y_q96 {
  top: 6rem;
  bottom: 6rem;
}

.inset_q112 {
  top: 7rem;
  right: 7rem;
  bottom: 7rem;
  left: 7rem;
}

.top_q112 {
  top: 7rem;
}

.right_q112 {
  right: 7rem;
}

.bottom_q112 {
  bottom: 7rem;
}

.left_q112 {
  left: 7rem;
}

.inset_x_q112 {
  left: 7rem;
  right: 7rem;
}

.inset_y_q112 {
  top: 7rem;
  bottom: 7rem;
}

.inset_q128 {
  top: 8rem;
  right: 8rem;
  bottom: 8rem;
  left: 8rem;
}

.top_q128 {
  top: 8rem;
}

.right_q128 {
  right: 8rem;
}

.bottom_q128 {
  bottom: 8rem;
}

.left_q128 {
  left: 8rem;
}

.inset_x_q128 {
  left: 8rem;
  right: 8rem;
}

.inset_y_q128 {
  top: 8rem;
  bottom: 8rem;
}

.inset_q144 {
  top: 9rem;
  right: 9rem;
  bottom: 9rem;
  left: 9rem;
}

.top_q144 {
  top: 9rem;
}

.right_q144 {
  right: 9rem;
}

.bottom_q144 {
  bottom: 9rem;
}

.left_q144 {
  left: 9rem;
}

.inset_x_q144 {
  left: 9rem;
  right: 9rem;
}

.inset_y_q144 {
  top: 9rem;
  bottom: 9rem;
}

.inset_q160 {
  top: 10rem;
  right: 10rem;
  bottom: 10rem;
  left: 10rem;
}

.top_q160 {
  top: 10rem;
}

.right_q160 {
  right: 10rem;
}

.bottom_q160 {
  bottom: 10rem;
}

.left_q160 {
  left: 10rem;
}

.inset_x_q160 {
  left: 10rem;
  right: 10rem;
}

.inset_y_q160 {
  top: 10rem;
  bottom: 10rem;
}

.inset_q192 {
  top: 12rem;
  right: 12rem;
  bottom: 12rem;
  left: 12rem;
}

.top_q192 {
  top: 12rem;
}

.right_q192 {
  right: 12rem;
}

.bottom_q192 {
  bottom: 12rem;
}

.left_q192 {
  left: 12rem;
}

.inset_x_q192 {
  left: 12rem;
  right: 12rem;
}

.inset_y_q192 {
  top: 12rem;
  bottom: 12rem;
}

.inset_q224 {
  top: 14rem;
  right: 14rem;
  bottom: 14rem;
  left: 14rem;
}

.top_q224 {
  top: 14rem;
}

.right_q224 {
  right: 14rem;
}

.bottom_q224 {
  bottom: 14rem;
}

.left_q224 {
  left: 14rem;
}

.inset_x_q224 {
  left: 14rem;
  right: 14rem;
}

.inset_y_q224 {
  top: 14rem;
  bottom: 14rem;
}

.inset_q256 {
  top: 16rem;
  right: 16rem;
  bottom: 16rem;
  left: 16rem;
}

.top_q256 {
  top: 16rem;
}

.right_q256 {
  right: 16rem;
}

.bottom_q256 {
  bottom: 16rem;
}

.left_q256 {
  left: 16rem;
}

.inset_x_q256 {
  left: 16rem;
  right: 16rem;
}

.inset_y_q256 {
  top: 16rem;
  bottom: 16rem;
}

.border_q0 {
  border-width: 0rem;
}

.border_t_q0 {
  border-top-width: 0rem;
}

.border_r_q0 {
  border-right-width: 0rem;
}

.border_b_q0 {
  border-bottom-width: 0rem;
}

.border_l_q0 {
  border-left-width: 0rem;
}

.border_x_q0 {
  border-left-width: 0rem;
  border-right-width: 0rem;
}

.border_y_q0 {
  border-top-width: 0rem;
  border-bottom-width: 0rem;
}

.border_q1 {
  border-width: 0.0625rem;
}

.border_t_q1 {
  border-top-width: 0.0625rem;
}

.border_r_q1 {
  border-right-width: 0.0625rem;
}

.border_b_q1 {
  border-bottom-width: 0.0625rem;
}

.border_l_q1 {
  border-left-width: 0.0625rem;
}

.border_x_q1 {
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
}

.border_y_q1 {
  border-top-width: 0.0625rem;
  border-bottom-width: 0.0625rem;
}

.border_q2 {
  border-width: 0.125rem;
}

.border_t_q2 {
  border-top-width: 0.125rem;
}

.border_r_q2 {
  border-right-width: 0.125rem;
}

.border_b_q2 {
  border-bottom-width: 0.125rem;
}

.border_l_q2 {
  border-left-width: 0.125rem;
}

.border_x_q2 {
  border-left-width: 0.125rem;
  border-right-width: 0.125rem;
}

.border_y_q2 {
  border-top-width: 0.125rem;
  border-bottom-width: 0.125rem;
}

.border_q4 {
  border-width: 0.25rem;
}

.border_t_q4 {
  border-top-width: 0.25rem;
}

.border_r_q4 {
  border-right-width: 0.25rem;
}

.border_b_q4 {
  border-bottom-width: 0.25rem;
}

.border_l_q4 {
  border-left-width: 0.25rem;
}

.border_x_q4 {
  border-left-width: 0.25rem;
  border-right-width: 0.25rem;
}

.border_y_q4 {
  border-top-width: 0.25rem;
  border-bottom-width: 0.25rem;
}

.border_q6 {
  border-width: 0.375rem;
}

.border_t_q6 {
  border-top-width: 0.375rem;
}

.border_r_q6 {
  border-right-width: 0.375rem;
}

.border_b_q6 {
  border-bottom-width: 0.375rem;
}

.border_l_q6 {
  border-left-width: 0.375rem;
}

.border_x_q6 {
  border-left-width: 0.375rem;
  border-right-width: 0.375rem;
}

.border_y_q6 {
  border-top-width: 0.375rem;
  border-bottom-width: 0.375rem;
}

.border_q8 {
  border-width: 0.5rem;
}

.border_t_q8 {
  border-top-width: 0.5rem;
}

.border_r_q8 {
  border-right-width: 0.5rem;
}

.border_b_q8 {
  border-bottom-width: 0.5rem;
}

.border_l_q8 {
  border-left-width: 0.5rem;
}

.border_x_q8 {
  border-left-width: 0.5rem;
  border-right-width: 0.5rem;
}

.border_y_q8 {
  border-top-width: 0.5rem;
  border-bottom-width: 0.5rem;
}

.border_q12 {
  border-width: 0.75rem;
}

.border_t_q12 {
  border-top-width: 0.75rem;
}

.border_r_q12 {
  border-right-width: 0.75rem;
}

.border_b_q12 {
  border-bottom-width: 0.75rem;
}

.border_l_q12 {
  border-left-width: 0.75rem;
}

.border_x_q12 {
  border-left-width: 0.75rem;
  border-right-width: 0.75rem;
}

.border_y_q12 {
  border-top-width: 0.75rem;
  border-bottom-width: 0.75rem;
}

.border_q16 {
  border-width: 1rem;
}

.border_t_q16 {
  border-top-width: 1rem;
}

.border_r_q16 {
  border-right-width: 1rem;
}

.border_b_q16 {
  border-bottom-width: 1rem;
}

.border_l_q16 {
  border-left-width: 1rem;
}

.border_x_q16 {
  border-left-width: 1rem;
  border-right-width: 1rem;
}

.border_y_q16 {
  border-top-width: 1rem;
  border-bottom-width: 1rem;
}

.border_q20 {
  border-width: 1.25rem;
}

.border_t_q20 {
  border-top-width: 1.25rem;
}

.border_r_q20 {
  border-right-width: 1.25rem;
}

.border_b_q20 {
  border-bottom-width: 1.25rem;
}

.border_l_q20 {
  border-left-width: 1.25rem;
}

.border_x_q20 {
  border-left-width: 1.25rem;
  border-right-width: 1.25rem;
}

.border_y_q20 {
  border-top-width: 1.25rem;
  border-bottom-width: 1.25rem;
}

.border_q24 {
  border-width: 1.5rem;
}

.border_t_q24 {
  border-top-width: 1.5rem;
}

.border_r_q24 {
  border-right-width: 1.5rem;
}

.border_b_q24 {
  border-bottom-width: 1.5rem;
}

.border_l_q24 {
  border-left-width: 1.5rem;
}

.border_x_q24 {
  border-left-width: 1.5rem;
  border-right-width: 1.5rem;
}

.border_y_q24 {
  border-top-width: 1.5rem;
  border-bottom-width: 1.5rem;
}

.border_q32 {
  border-width: 2rem;
}

.border_t_q32 {
  border-top-width: 2rem;
}

.border_r_q32 {
  border-right-width: 2rem;
}

.border_b_q32 {
  border-bottom-width: 2rem;
}

.border_l_q32 {
  border-left-width: 2rem;
}

.border_x_q32 {
  border-left-width: 2rem;
  border-right-width: 2rem;
}

.border_y_q32 {
  border-top-width: 2rem;
  border-bottom-width: 2rem;
}

.border_q40 {
  border-width: 2.5rem;
}

.border_t_q40 {
  border-top-width: 2.5rem;
}

.border_r_q40 {
  border-right-width: 2.5rem;
}

.border_b_q40 {
  border-bottom-width: 2.5rem;
}

.border_l_q40 {
  border-left-width: 2.5rem;
}

.border_x_q40 {
  border-left-width: 2.5rem;
  border-right-width: 2.5rem;
}

.border_y_q40 {
  border-top-width: 2.5rem;
  border-bottom-width: 2.5rem;
}

.border_q48 {
  border-width: 3rem;
}

.border_t_q48 {
  border-top-width: 3rem;
}

.border_r_q48 {
  border-right-width: 3rem;
}

.border_b_q48 {
  border-bottom-width: 3rem;
}

.border_l_q48 {
  border-left-width: 3rem;
}

.border_x_q48 {
  border-left-width: 3rem;
  border-right-width: 3rem;
}

.border_y_q48 {
  border-top-width: 3rem;
  border-bottom-width: 3rem;
}

.border_q56 {
  border-width: 3.5rem;
}

.border_t_q56 {
  border-top-width: 3.5rem;
}

.border_r_q56 {
  border-right-width: 3.5rem;
}

.border_b_q56 {
  border-bottom-width: 3.5rem;
}

.border_l_q56 {
  border-left-width: 3.5rem;
}

.border_x_q56 {
  border-left-width: 3.5rem;
  border-right-width: 3.5rem;
}

.border_y_q56 {
  border-top-width: 3.5rem;
  border-bottom-width: 3.5rem;
}

.border_q64 {
  border-width: 4rem;
}

.border_t_q64 {
  border-top-width: 4rem;
}

.border_r_q64 {
  border-right-width: 4rem;
}

.border_b_q64 {
  border-bottom-width: 4rem;
}

.border_l_q64 {
  border-left-width: 4rem;
}

.border_x_q64 {
  border-left-width: 4rem;
  border-right-width: 4rem;
}

.border_y_q64 {
  border-top-width: 4rem;
  border-bottom-width: 4rem;
}

.border_q72 {
  border-width: 4.5rem;
}

.border_t_q72 {
  border-top-width: 4.5rem;
}

.border_r_q72 {
  border-right-width: 4.5rem;
}

.border_b_q72 {
  border-bottom-width: 4.5rem;
}

.border_l_q72 {
  border-left-width: 4.5rem;
}

.border_x_q72 {
  border-left-width: 4.5rem;
  border-right-width: 4.5rem;
}

.border_y_q72 {
  border-top-width: 4.5rem;
  border-bottom-width: 4.5rem;
}

.border_q80 {
  border-width: 5rem;
}

.border_t_q80 {
  border-top-width: 5rem;
}

.border_r_q80 {
  border-right-width: 5rem;
}

.border_b_q80 {
  border-bottom-width: 5rem;
}

.border_l_q80 {
  border-left-width: 5rem;
}

.border_x_q80 {
  border-left-width: 5rem;
  border-right-width: 5rem;
}

.border_y_q80 {
  border-top-width: 5rem;
  border-bottom-width: 5rem;
}

.border_q96 {
  border-width: 6rem;
}

.border_t_q96 {
  border-top-width: 6rem;
}

.border_r_q96 {
  border-right-width: 6rem;
}

.border_b_q96 {
  border-bottom-width: 6rem;
}

.border_l_q96 {
  border-left-width: 6rem;
}

.border_x_q96 {
  border-left-width: 6rem;
  border-right-width: 6rem;
}

.border_y_q96 {
  border-top-width: 6rem;
  border-bottom-width: 6rem;
}

.border_q112 {
  border-width: 7rem;
}

.border_t_q112 {
  border-top-width: 7rem;
}

.border_r_q112 {
  border-right-width: 7rem;
}

.border_b_q112 {
  border-bottom-width: 7rem;
}

.border_l_q112 {
  border-left-width: 7rem;
}

.border_x_q112 {
  border-left-width: 7rem;
  border-right-width: 7rem;
}

.border_y_q112 {
  border-top-width: 7rem;
  border-bottom-width: 7rem;
}

.border_q128 {
  border-width: 8rem;
}

.border_t_q128 {
  border-top-width: 8rem;
}

.border_r_q128 {
  border-right-width: 8rem;
}

.border_b_q128 {
  border-bottom-width: 8rem;
}

.border_l_q128 {
  border-left-width: 8rem;
}

.border_x_q128 {
  border-left-width: 8rem;
  border-right-width: 8rem;
}

.border_y_q128 {
  border-top-width: 8rem;
  border-bottom-width: 8rem;
}

.border_q144 {
  border-width: 9rem;
}

.border_t_q144 {
  border-top-width: 9rem;
}

.border_r_q144 {
  border-right-width: 9rem;
}

.border_b_q144 {
  border-bottom-width: 9rem;
}

.border_l_q144 {
  border-left-width: 9rem;
}

.border_x_q144 {
  border-left-width: 9rem;
  border-right-width: 9rem;
}

.border_y_q144 {
  border-top-width: 9rem;
  border-bottom-width: 9rem;
}

.border_q160 {
  border-width: 10rem;
}

.border_t_q160 {
  border-top-width: 10rem;
}

.border_r_q160 {
  border-right-width: 10rem;
}

.border_b_q160 {
  border-bottom-width: 10rem;
}

.border_l_q160 {
  border-left-width: 10rem;
}

.border_x_q160 {
  border-left-width: 10rem;
  border-right-width: 10rem;
}

.border_y_q160 {
  border-top-width: 10rem;
  border-bottom-width: 10rem;
}

.border_q192 {
  border-width: 12rem;
}

.border_t_q192 {
  border-top-width: 12rem;
}

.border_r_q192 {
  border-right-width: 12rem;
}

.border_b_q192 {
  border-bottom-width: 12rem;
}

.border_l_q192 {
  border-left-width: 12rem;
}

.border_x_q192 {
  border-left-width: 12rem;
  border-right-width: 12rem;
}

.border_y_q192 {
  border-top-width: 12rem;
  border-bottom-width: 12rem;
}

.border_q224 {
  border-width: 14rem;
}

.border_t_q224 {
  border-top-width: 14rem;
}

.border_r_q224 {
  border-right-width: 14rem;
}

.border_b_q224 {
  border-bottom-width: 14rem;
}

.border_l_q224 {
  border-left-width: 14rem;
}

.border_x_q224 {
  border-left-width: 14rem;
  border-right-width: 14rem;
}

.border_y_q224 {
  border-top-width: 14rem;
  border-bottom-width: 14rem;
}

.border_q256 {
  border-width: 16rem;
}

.border_t_q256 {
  border-top-width: 16rem;
}

.border_r_q256 {
  border-right-width: 16rem;
}

.border_b_q256 {
  border-bottom-width: 16rem;
}

.border_l_q256 {
  border-left-width: 16rem;
}

.border_x_q256 {
  border-left-width: 16rem;
  border-right-width: 16rem;
}

.border_y_q256 {
  border-top-width: 16rem;
  border-bottom-width: 16rem;
}

.rounded_q0 {
  border-radius: 0rem;
}

.rounded_t_q0 {
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}

.rounded_r_q0 {
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
}

.rounded_b_q0 {
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}

.rounded_l_q0 {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
}

.rounded_tl_q0 {
  border-top-left-radius: 0rem;
}

.rounded_tr_q0 {
  border-top-right-radius: 0rem;
}

.rounded_br_q0 {
  border-bottom-right-radius: 0rem;
}

.rounded_bl_q0 {
  border-bottom-left-radius: 0rem;
}

.rounded_q1 {
  border-radius: 0.0625rem;
}

.rounded_t_q1 {
  border-top-left-radius: 0.0625rem;
  border-top-right-radius: 0.0625rem;
}

.rounded_r_q1 {
  border-top-right-radius: 0.0625rem;
  border-bottom-right-radius: 0.0625rem;
}

.rounded_b_q1 {
  border-bottom-left-radius: 0.0625rem;
  border-bottom-right-radius: 0.0625rem;
}

.rounded_l_q1 {
  border-top-left-radius: 0.0625rem;
  border-bottom-left-radius: 0.0625rem;
}

.rounded_tl_q1 {
  border-top-left-radius: 0.0625rem;
}

.rounded_tr_q1 {
  border-top-right-radius: 0.0625rem;
}

.rounded_br_q1 {
  border-bottom-right-radius: 0.0625rem;
}

.rounded_bl_q1 {
  border-bottom-left-radius: 0.0625rem;
}

.rounded_q2 {
  border-radius: 0.125rem;
}

.rounded_t_q2 {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.rounded_r_q2 {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded_b_q2 {
  border-bottom-left-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded_l_q2 {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded_tl_q2 {
  border-top-left-radius: 0.125rem;
}

.rounded_tr_q2 {
  border-top-right-radius: 0.125rem;
}

.rounded_br_q2 {
  border-bottom-right-radius: 0.125rem;
}

.rounded_bl_q2 {
  border-bottom-left-radius: 0.125rem;
}

.rounded_q4 {
  border-radius: 0.25rem;
}

.rounded_t_q4 {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded_r_q4 {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded_b_q4 {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded_l_q4 {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded_tl_q4 {
  border-top-left-radius: 0.25rem;
}

.rounded_tr_q4 {
  border-top-right-radius: 0.25rem;
}

.rounded_br_q4 {
  border-bottom-right-radius: 0.25rem;
}

.rounded_bl_q4 {
  border-bottom-left-radius: 0.25rem;
}

.rounded_q6 {
  border-radius: 0.375rem;
}

.rounded_t_q6 {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded_r_q6 {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded_b_q6 {
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded_l_q6 {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded_tl_q6 {
  border-top-left-radius: 0.375rem;
}

.rounded_tr_q6 {
  border-top-right-radius: 0.375rem;
}

.rounded_br_q6 {
  border-bottom-right-radius: 0.375rem;
}

.rounded_bl_q6 {
  border-bottom-left-radius: 0.375rem;
}

.rounded_q8 {
  border-radius: 0.5rem;
}

.rounded_t_q8 {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded_r_q8 {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded_b_q8 {
  border-bottom-left-radius: 0.5rem;
  border-bottom-r