lumen-react-javascript/lib/lib.css

Lumen React bridge

/* spacer */
/* label */
/* sizes */
.display-block { display: block; }

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

.display-inline { display: inline; }

.display-flex { display: flex; }

.display-none { display: none; }

.position-absolute { position: absolute; }

.position-relative { position: relative; }

.position-fixed { position: fixed; }

.position-static { position: static; }

.position-sticky { position: sticky; }

.overflow-hidden { overflow: hidden; }

.overflow-visible { overflow: visible; }

.overflow-scroll { overflow: scroll; }

.visibility-visible { visibility: visible; }

.visibility-hidden { visibility: hidden; }

.z-index--12 { z-index: -12; }

.z-index--11 { z-index: -11; }

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

.z-index--9 { z-index: -9; }

.z-index--8 { z-index: -8; }

.z-index--7 { z-index: -7; }

.z-index--6 { z-index: -6; }

.z-index--5 { z-index: -5; }

.z-index--4 { z-index: -4; }

.z-index--3 { z-index: -3; }

.z-index--2 { z-index: -2; }

.z-index--1 { z-index: -1; }

.z-index-0 { z-index: 0; }

.z-index-1 { z-index: 1; }

.z-index-2 { z-index: 2; }

.z-index-3 { z-index: 3; }

.z-index-4 { z-index: 4; }

.z-index-5 { z-index: 5; }

.z-index-6 { z-index: 6; }

.z-index-7 { z-index: 7; }

.z-index-8 { z-index: 8; }

.z-index-9 { z-index: 9; }

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

.z-index-11 { z-index: 11; }

.z-index-12 { z-index: 12; }

@media (min-width: 460px) { .display-block-min-mobile { display: block; } }

@media (max-width: 459px) { .display-block-max-mobile { display: block; } }

@media (min-width: 460px) { .display-inline-block-min-mobile { display: inline-block; } }

@media (max-width: 459px) { .display-inline-block-max-mobile { display: inline-block; } }

@media (min-width: 460px) { .display-inline-min-mobile { display: inline; } }

@media (max-width: 459px) { .display-inline-max-mobile { display: inline; } }

@media (min-width: 460px) { .display-flex-min-mobile { display: flex; } }

@media (max-width: 459px) { .display-flex-max-mobile { display: flex; } }

@media (min-width: 460px) { .display-none-min-mobile { display: none; } }

@media (max-width: 459px) { .display-none-max-mobile { display: none; } }

@media (min-width: 460px) { .position-absolute-min-mobile { position: absolute; } }

@media (max-width: 459px) { .position-absolute-max-mobile { position: absolute; } }

@media (min-width: 460px) { .position-relative-min-mobile { position: relative; } }

@media (max-width: 459px) { .position-relative-max-mobile { position: relative; } }

@media (min-width: 460px) { .position-fixed-min-mobile { position: fixed; } }

@media (max-width: 459px) { .position-fixed-max-mobile { position: fixed; } }

@media (min-width: 460px) { .position-static-min-mobile { position: static; } }

@media (max-width: 459px) { .position-static-max-mobile { position: static; } }

@media (min-width: 460px) { .position-sticky-min-mobile { position: sticky; } }

@media (max-width: 459px) { .position-sticky-max-mobile { position: sticky; } }

@media (min-width: 460px) { .overflow-hidden-min-mobile { overflow: hidden; } }

@media (max-width: 459px) { .overflow-hidden-max-mobile { overflow: hidden; } }

@media (min-width: 460px) { .overflow-visible-min-mobile { overflow: visible; } }

@media (max-width: 459px) { .overflow-visible-max-mobile { overflow: visible; } }

@media (min-width: 460px) { .overflow-scroll-min-mobile { overflow: scroll; } }

@media (max-width: 459px) { .overflow-scroll-max-mobile { overflow: scroll; } }

@media (min-width: 460px) { .visibility-visible-min-mobile { visibility: visible; } }

@media (max-width: 459px) { .visibility-visible-max-mobile { visibility: visible; } }

@media (min-width: 460px) { .visibility-hidden-min-mobile { visibility: hidden; } }

@media (max-width: 459px) { .visibility-hidden-max-mobile { visibility: hidden; } }

@media (min-width: 460px) { .z-index--12-min-mobile { z-index: -12; } }

@media (max-width: 459px) { .z-index--12-max-mobile { z-index: -12; } }

@media (min-width: 460px) { .z-index--11-min-mobile { z-index: -11; } }

@media (max-width: 459px) { .z-index--11-max-mobile { z-index: -11; } }

@media (min-width: 460px) { .z-index--10-min-mobile { z-index: -10; } }

@media (max-width: 459px) { .z-index--10-max-mobile { z-index: -10; } }

@media (min-width: 460px) { .z-index--9-min-mobile { z-index: -9; } }

@media (max-width: 459px) { .z-index--9-max-mobile { z-index: -9; } }

@media (min-width: 460px) { .z-index--8-min-mobile { z-index: -8; } }

@media (max-width: 459px) { .z-index--8-max-mobile { z-index: -8; } }

@media (min-width: 460px) { .z-index--7-min-mobile { z-index: -7; } }

@media (max-width: 459px) { .z-index--7-max-mobile { z-index: -7; } }

@media (min-width: 460px) { .z-index--6-min-mobile { z-index: -6; } }

@media (max-width: 459px) { .z-index--6-max-mobile { z-index: -6; } }

@media (min-width: 460px) { .z-index--5-min-mobile { z-index: -5; } }

@media (max-width: 459px) { .z-index--5-max-mobile { z-index: -5; } }

@media (min-width: 460px) { .z-index--4-min-mobile { z-index: -4; } }

@media (max-width: 459px) { .z-index--4-max-mobile { z-index: -4; } }

@media (min-width: 460px) { .z-index--3-min-mobile { z-index: -3; } }

@media (max-width: 459px) { .z-index--3-max-mobile { z-index: -3; } }

@media (min-width: 460px) { .z-index--2-min-mobile { z-index: -2; } }

@media (max-width: 459px) { .z-index--2-max-mobile { z-index: -2; } }

@media (min-width: 460px) { .z-index--1-min-mobile { z-index: -1; } }

@media (max-width: 459px) { .z-index--1-max-mobile { z-index: -1; } }

@media (min-width: 460px) { .z-index-0-min-mobile { z-index: 0; } }

@media (max-width: 459px) { .z-index-0-max-mobile { z-index: 0; } }

@media (min-width: 460px) { .z-index-1-min-mobile { z-index: 1; } }

@media (max-width: 459px) { .z-index-1-max-mobile { z-index: 1; } }

@media (min-width: 460px) { .z-index-2-min-mobile { z-index: 2; } }

@media (max-width: 459px) { .z-index-2-max-mobile { z-index: 2; } }

@media (min-width: 460px) { .z-index-3-min-mobile { z-index: 3; } }

@media (max-width: 459px) { .z-index-3-max-mobile { z-index: 3; } }

@media (min-width: 460px) { .z-index-4-min-mobile { z-index: 4; } }

@media (max-width: 459px) { .z-index-4-max-mobile { z-index: 4; } }

@media (min-width: 460px) { .z-index-5-min-mobile { z-index: 5; } }

@media (max-width: 459px) { .z-index-5-max-mobile { z-index: 5; } }

@media (min-width: 460px) { .z-index-6-min-mobile { z-index: 6; } }

@media (max-width: 459px) { .z-index-6-max-mobile { z-index: 6; } }

@media (min-width: 460px) { .z-index-7-min-mobile { z-index: 7; } }

@media (max-width: 459px) { .z-index-7-max-mobile { z-index: 7; } }

@media (min-width: 460px) { .z-index-8-min-mobile { z-index: 8; } }

@media (max-width: 459px) { .z-index-8-max-mobile { z-index: 8; } }

@media (min-width: 460px) { .z-index-9-min-mobile { z-index: 9; } }

@media (max-width: 459px) { .z-index-9-max-mobile { z-index: 9; } }

@media (min-width: 460px) { .z-index-10-min-mobile { z-index: 10; } }

@media (max-width: 459px) { .z-index-10-max-mobile { z-index: 10; } }

@media (min-width: 460px) { .z-index-11-min-mobile { z-index: 11; } }

@media (max-width: 459px) { .z-index-11-max-mobile { z-index: 11; } }

@media (min-width: 460px) { .z-index-12-min-mobile { z-index: 12; } }

@media (max-width: 459px) { .z-index-12-max-mobile { z-index: 12; } }

@media (min-width: 890px) { .display-block-min-tablet { display: block; } }

@media (max-width: 889px) { .display-block-max-tablet { display: block; } }

@media (min-width: 460px) and (max-width: 889px) { .display-block-tablet { display: block; } }

@media (min-width: 890px) { .display-inline-block-min-tablet { display: inline-block; } }

@media (max-width: 889px) { .display-inline-block-max-tablet { display: inline-block; } }

@media (min-width: 460px) and (max-width: 889px) { .display-inline-block-tablet { display: inline-block; } }

@media (min-width: 890px) { .display-inline-min-tablet { display: inline; } }

@media (max-width: 889px) { .display-inline-max-tablet { display: inline; } }

@media (min-width: 460px) and (max-width: 889px) { .display-inline-tablet { display: inline; } }

@media (min-width: 890px) { .display-flex-min-tablet { display: flex; } }

@media (max-width: 889px) { .display-flex-max-tablet { display: flex; } }

@media (min-width: 460px) and (max-width: 889px) { .display-flex-tablet { display: flex; } }

@media (min-width: 890px) { .display-none-min-tablet { display: none; } }

@media (max-width: 889px) { .display-none-max-tablet { display: none; } }

@media (min-width: 460px) and (max-width: 889px) { .display-none-tablet { display: none; } }

@media (min-width: 890px) { .position-absolute-min-tablet { position: absolute; } }

@media (max-width: 889px) { .position-absolute-max-tablet { position: absolute; } }

@media (min-width: 460px) and (max-width: 889px) { .position-absolute-tablet { position: absolute; } }

@media (min-width: 890px) { .position-relative-min-tablet { position: relative; } }

@media (max-width: 889px) { .position-relative-max-tablet { position: relative; } }

@media (min-width: 460px) and (max-width: 889px) { .position-relative-tablet { position: relative; } }

@media (min-width: 890px) { .position-fixed-min-tablet { position: fixed; } }

@media (max-width: 889px) { .position-fixed-max-tablet { position: fixed; } }

@media (min-width: 460px) and (max-width: 889px) { .position-fixed-tablet { position: fixed; } }

@media (min-width: 890px) { .position-static-min-tablet { position: static; } }

@media (max-width: 889px) { .position-static-max-tablet { position: static; } }

@media (min-width: 460px) and (max-width: 889px) { .position-static-tablet { position: static; } }

@media (min-width: 890px) { .position-sticky-min-tablet { position: sticky; } }

@media (max-width: 889px) { .position-sticky-max-tablet { position: sticky; } }

@media (min-width: 460px) and (max-width: 889px) { .position-sticky-tablet { position: sticky; } }

@media (min-width: 890px) { .overflow-hidden-min-tablet { overflow: hidden; } }

@media (max-width: 889px) { .overflow-hidden-max-tablet { overflow: hidden; } }

@media (min-width: 460px) and (max-width: 889px) { .overflow-hidden-tablet { overflow: hidden; } }

@media (min-width: 890px) { .overflow-visible-min-tablet { overflow: visible; } }

@media (max-width: 889px) { .overflow-visible-max-tablet { overflow: visible; } }

@media (min-width: 460px) and (max-width: 889px) { .overflow-visible-tablet { overflow: visible; } }

@media (min-width: 890px) { .overflow-scroll-min-tablet { overflow: scroll; } }

@media (max-width: 889px) { .overflow-scroll-max-tablet { overflow: scroll; } }

@media (min-width: 460px) and (max-width: 889px) { .overflow-scroll-tablet { overflow: scroll; } }

@media (min-width: 890px) { .visibility-visible-min-tablet { visibility: visible; } }

@media (max-width: 889px) { .visibility-visible-max-tablet { visibility: visible; } }

@media (min-width: 460px) and (max-width: 889px) { .visibility-visible-tablet { visibility: visible; } }

@media (min-width: 890px) { .visibility-hidden-min-tablet { visibility: hidden; } }

@media (max-width: 889px) { .visibility-hidden-max-tablet { visibility: hidden; } }

@media (min-width: 460px) and (max-width: 889px) { .visibility-hidden-tablet { visibility: hidden; } }

@media (min-width: 890px) { .z-index--12-min-tablet { z-index: -12; } }

@media (max-width: 889px) { .z-index--12-max-tablet { z-index: -12; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--12-tablet { z-index: -12; } }

@media (min-width: 890px) { .z-index--11-min-tablet { z-index: -11; } }

@media (max-width: 889px) { .z-index--11-max-tablet { z-index: -11; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--11-tablet { z-index: -11; } }

@media (min-width: 890px) { .z-index--10-min-tablet { z-index: -10; } }

@media (max-width: 889px) { .z-index--10-max-tablet { z-index: -10; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--10-tablet { z-index: -10; } }

@media (min-width: 890px) { .z-index--9-min-tablet { z-index: -9; } }

@media (max-width: 889px) { .z-index--9-max-tablet { z-index: -9; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--9-tablet { z-index: -9; } }

@media (min-width: 890px) { .z-index--8-min-tablet { z-index: -8; } }

@media (max-width: 889px) { .z-index--8-max-tablet { z-index: -8; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--8-tablet { z-index: -8; } }

@media (min-width: 890px) { .z-index--7-min-tablet { z-index: -7; } }

@media (max-width: 889px) { .z-index--7-max-tablet { z-index: -7; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--7-tablet { z-index: -7; } }

@media (min-width: 890px) { .z-index--6-min-tablet { z-index: -6; } }

@media (max-width: 889px) { .z-index--6-max-tablet { z-index: -6; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--6-tablet { z-index: -6; } }

@media (min-width: 890px) { .z-index--5-min-tablet { z-index: -5; } }

@media (max-width: 889px) { .z-index--5-max-tablet { z-index: -5; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--5-tablet { z-index: -5; } }

@media (min-width: 890px) { .z-index--4-min-tablet { z-index: -4; } }

@media (max-width: 889px) { .z-index--4-max-tablet { z-index: -4; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--4-tablet { z-index: -4; } }

@media (min-width: 890px) { .z-index--3-min-tablet { z-index: -3; } }

@media (max-width: 889px) { .z-index--3-max-tablet { z-index: -3; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--3-tablet { z-index: -3; } }

@media (min-width: 890px) { .z-index--2-min-tablet { z-index: -2; } }

@media (max-width: 889px) { .z-index--2-max-tablet { z-index: -2; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--2-tablet { z-index: -2; } }

@media (min-width: 890px) { .z-index--1-min-tablet { z-index: -1; } }

@media (max-width: 889px) { .z-index--1-max-tablet { z-index: -1; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index--1-tablet { z-index: -1; } }

@media (min-width: 890px) { .z-index-0-min-tablet { z-index: 0; } }

@media (max-width: 889px) { .z-index-0-max-tablet { z-index: 0; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-0-tablet { z-index: 0; } }

@media (min-width: 890px) { .z-index-1-min-tablet { z-index: 1; } }

@media (max-width: 889px) { .z-index-1-max-tablet { z-index: 1; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-1-tablet { z-index: 1; } }

@media (min-width: 890px) { .z-index-2-min-tablet { z-index: 2; } }

@media (max-width: 889px) { .z-index-2-max-tablet { z-index: 2; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-2-tablet { z-index: 2; } }

@media (min-width: 890px) { .z-index-3-min-tablet { z-index: 3; } }

@media (max-width: 889px) { .z-index-3-max-tablet { z-index: 3; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-3-tablet { z-index: 3; } }

@media (min-width: 890px) { .z-index-4-min-tablet { z-index: 4; } }

@media (max-width: 889px) { .z-index-4-max-tablet { z-index: 4; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-4-tablet { z-index: 4; } }

@media (min-width: 890px) { .z-index-5-min-tablet { z-index: 5; } }

@media (max-width: 889px) { .z-index-5-max-tablet { z-index: 5; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-5-tablet { z-index: 5; } }

@media (min-width: 890px) { .z-index-6-min-tablet { z-index: 6; } }

@media (max-width: 889px) { .z-index-6-max-tablet { z-index: 6; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-6-tablet { z-index: 6; } }

@media (min-width: 890px) { .z-index-7-min-tablet { z-index: 7; } }

@media (max-width: 889px) { .z-index-7-max-tablet { z-index: 7; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-7-tablet { z-index: 7; } }

@media (min-width: 890px) { .z-index-8-min-tablet { z-index: 8; } }

@media (max-width: 889px) { .z-index-8-max-tablet { z-index: 8; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-8-tablet { z-index: 8; } }

@media (min-width: 890px) { .z-index-9-min-tablet { z-index: 9; } }

@media (max-width: 889px) { .z-index-9-max-tablet { z-index: 9; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-9-tablet { z-index: 9; } }

@media (min-width: 890px) { .z-index-10-min-tablet { z-index: 10; } }

@media (max-width: 889px) { .z-index-10-max-tablet { z-index: 10; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-10-tablet { z-index: 10; } }

@media (min-width: 890px) { .z-index-11-min-tablet { z-index: 11; } }

@media (max-width: 889px) { .z-index-11-max-tablet { z-index: 11; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-11-tablet { z-index: 11; } }

@media (min-width: 890px) { .z-index-12-min-tablet { z-index: 12; } }

@media (max-width: 889px) { .z-index-12-max-tablet { z-index: 12; } }

@media (min-width: 460px) and (max-width: 889px) { .z-index-12-tablet { z-index: 12; } }

@media (min-width: 1288px) { .display-block-min-desktop { display: block; } }

@media (max-width: 1287px) { .display-block-max-desktop { display: block; } }

@media (min-width: 890px) and (max-width: 1287px) { .display-block-desktop { display: block; } }

@media (min-width: 1288px) { .display-inline-block-min-desktop { display: inline-block; } }

@media (max-width: 1287px) { .display-inline-block-max-desktop { display: inline-block; } }

@media (min-width: 890px) and (max-width: 1287px) { .display-inline-block-desktop { display: inline-block; } }

@media (min-width: 1288px) { .display-inline-min-desktop { display: inline; } }

@media (max-width: 1287px) { .display-inline-max-desktop { display: inline; } }

@media (min-width: 890px) and (max-width: 1287px) { .display-inline-desktop { display: inline; } }

@media (min-width: 1288px) { .display-flex-min-desktop { display: flex; } }

@media (max-width: 1287px) { .display-flex-max-desktop { display: flex; } }

@media (min-width: 890px) and (max-width: 1287px) { .display-flex-desktop { display: flex; } }

@media (min-width: 1288px) { .display-none-min-desktop { display: none; } }

@media (max-width: 1287px) { .display-none-max-desktop { display: none; } }

@media (min-width: 890px) and (max-width: 1287px) { .display-none-desktop { display: none; } }

@media (min-width: 1288px) { .position-absolute-min-desktop { position: absolute; } }

@media (max-width: 1287px) { .position-absolute-max-desktop { position: absolute; } }

@media (min-width: 890px) and (max-width: 1287px) { .position-absolute-desktop { position: absolute; } }

@media (min-width: 1288px) { .position-relative-min-desktop { position: relative; } }

@media (max-width: 1287px) { .position-relative-max-desktop { position: relative; } }

@media (min-width: 890px) and (max-width: 1287px) { .position-relative-desktop { position: relative; } }

@media (min-width: 1288px) { .position-fixed-min-desktop { position: fixed; } }

@media (max-width: 1287px) { .position-fixed-max-desktop { position: fixed; } }

@media (min-width: 890px) and (max-width: 1287px) { .position-fixed-desktop { position: fixed; } }

@media (min-width: 1288px) { .position-static-min-desktop { position: static; } }

@media (max-width: 1287px) { .position-static-max-desktop { position: static; } }

@media (min-width: 890px) and (max-width: 1287px) { .position-static-desktop { position: static; } }

@media (min-width: 1288px) { .position-sticky-min-desktop { position: sticky; } }

@media (max-width: 1287px) { .position-sticky-max-desktop { position: sticky; } }

@media (min-width: 890px) and (max-width: 1287px) { .position-sticky-desktop { position: sticky; } }

@media (min-width: 1288px) { .overflow-hidden-min-desktop { overflow: hidden; } }

@media (max-width: 1287px) { .overflow-hidden-max-desktop { overflow: hidden; } }

@media (min-width: 890px) and (max-width: 1287px) { .overflow-hidden-desktop { overflow: hidden; } }

@media (min-width: 1288px) { .overflow-visible-min-desktop { overflow: visible; } }

@media (max-width: 1287px) { .overflow-visible-max-desktop { overflow: visible; } }

@media (min-width: 890px) and (max-width: 1287px) { .overflow-visible-desktop { overflow: visible; } }

@media (min-width: 1288px) { .overflow-scroll-min-desktop { overflow: scroll; } }

@media (max-width: 1287px) { .overflow-scroll-max-desktop { overflow: scroll; } }

@media (min-width: 890px) and (max-width: 1287px) { .overflow-scroll-desktop { overflow: scroll; } }

@media (min-width: 1288px) { .visibility-visible-min-desktop { visibility: visible; } }

@media (max-width: 1287px) { .visibility-visible-max-desktop { visibility: visible; } }

@media (min-width: 890px) and (max-width: 1287px) { .visibility-visible-desktop { visibility: visible; } }

@media (min-width: 1288px) { .visibility-hidden-min-desktop { visibility: hidden; } }

@media (max-width: 1287px) { .visibility-hidden-max-desktop { visibility: hidden; } }

@media (min-width: 890px) and (max-width: 1287px) { .visibility-hidden-desktop { visibility: hidden; } }

@media (min-width: 1288px) { .z-index--12-min-desktop { z-index: -12; } }

@media (max-width: 1287px) { .z-index--12-max-desktop { z-index: -12; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--12-desktop { z-index: -12; } }

@media (min-width: 1288px) { .z-index--11-min-desktop { z-index: -11; } }

@media (max-width: 1287px) { .z-index--11-max-desktop { z-index: -11; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--11-desktop { z-index: -11; } }

@media (min-width: 1288px) { .z-index--10-min-desktop { z-index: -10; } }

@media (max-width: 1287px) { .z-index--10-max-desktop { z-index: -10; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--10-desktop { z-index: -10; } }

@media (min-width: 1288px) { .z-index--9-min-desktop { z-index: -9; } }

@media (max-width: 1287px) { .z-index--9-max-desktop { z-index: -9; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--9-desktop { z-index: -9; } }

@media (min-width: 1288px) { .z-index--8-min-desktop { z-index: -8; } }

@media (max-width: 1287px) { .z-index--8-max-desktop { z-index: -8; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--8-desktop { z-index: -8; } }

@media (min-width: 1288px) { .z-index--7-min-desktop { z-index: -7; } }

@media (max-width: 1287px) { .z-index--7-max-desktop { z-index: -7; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--7-desktop { z-index: -7; } }

@media (min-width: 1288px) { .z-index--6-min-desktop { z-index: -6; } }

@media (max-width: 1287px) { .z-index--6-max-desktop { z-index: -6; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--6-desktop { z-index: -6; } }

@media (min-width: 1288px) { .z-index--5-min-desktop { z-index: -5; } }

@media (max-width: 1287px) { .z-index--5-max-desktop { z-index: -5; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--5-desktop { z-index: -5; } }

@media (min-width: 1288px) { .z-index--4-min-desktop { z-index: -4; } }

@media (max-width: 1287px) { .z-index--4-max-desktop { z-index: -4; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--4-desktop { z-index: -4; } }

@media (min-width: 1288px) { .z-index--3-min-desktop { z-index: -3; } }

@media (max-width: 1287px) { .z-index--3-max-desktop { z-index: -3; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--3-desktop { z-index: -3; } }

@media (min-width: 1288px) { .z-index--2-min-desktop { z-index: -2; } }

@media (max-width: 1287px) { .z-index--2-max-desktop { z-index: -2; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--2-desktop { z-index: -2; } }

@media (min-width: 1288px) { .z-index--1-min-desktop { z-index: -1; } }

@media (max-width: 1287px) { .z-index--1-max-desktop { z-index: -1; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index--1-desktop { z-index: -1; } }

@media (min-width: 1288px) { .z-index-0-min-desktop { z-index: 0; } }

@media (max-width: 1287px) { .z-index-0-max-desktop { z-index: 0; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-0-desktop { z-index: 0; } }

@media (min-width: 1288px) { .z-index-1-min-desktop { z-index: 1; } }

@media (max-width: 1287px) { .z-index-1-max-desktop { z-index: 1; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-1-desktop { z-index: 1; } }

@media (min-width: 1288px) { .z-index-2-min-desktop { z-index: 2; } }

@media (max-width: 1287px) { .z-index-2-max-desktop { z-index: 2; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-2-desktop { z-index: 2; } }

@media (min-width: 1288px) { .z-index-3-min-desktop { z-index: 3; } }

@media (max-width: 1287px) { .z-index-3-max-desktop { z-index: 3; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-3-desktop { z-index: 3; } }

@media (min-width: 1288px) { .z-index-4-min-desktop { z-index: 4; } }

@media (max-width: 1287px) { .z-index-4-max-desktop { z-index: 4; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-4-desktop { z-index: 4; } }

@media (min-width: 1288px) { .z-index-5-min-desktop { z-index: 5; } }

@media (max-width: 1287px) { .z-index-5-max-desktop { z-index: 5; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-5-desktop { z-index: 5; } }

@media (min-width: 1288px) { .z-index-6-min-desktop { z-index: 6; } }

@media (max-width: 1287px) { .z-index-6-max-desktop { z-index: 6; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-6-desktop { z-index: 6; } }

@media (min-width: 1288px) { .z-index-7-min-desktop { z-index: 7; } }

@media (max-width: 1287px) { .z-index-7-max-desktop { z-index: 7; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-7-desktop { z-index: 7; } }

@media (min-width: 1288px) { .z-index-8-min-desktop { z-index: 8; } }

@media (max-width: 1287px) { .z-index-8-max-desktop { z-index: 8; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-8-desktop { z-index: 8; } }

@media (min-width: 1288px) { .z-index-9-min-desktop { z-index: 9; } }

@media (max-width: 1287px) { .z-index-9-max-desktop { z-index: 9; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-9-desktop { z-index: 9; } }

@media (min-width: 1288px) { .z-index-10-min-desktop { z-index: 10; } }

@media (max-width: 1287px) { .z-index-10-max-desktop { z-index: 10; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-10-desktop { z-index: 10; } }

@media (min-width: 1288px) { .z-index-11-min-desktop { z-index: 11; } }

@media (max-width: 1287px) { .z-index-11-max-desktop { z-index: 11; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-11-desktop { z-index: 11; } }

@media (min-width: 1288px) { .z-index-12-min-desktop { z-index: 12; } }

@media (max-width: 1287px) { .z-index-12-max-desktop { z-index: 12; } }

@media (min-width: 890px) and (max-width: 1287px) { .z-index-12-desktop { z-index: 12; } }

.object-label div.description-container, .object-label div.avatar-container { display: table-cell; vertical-align: top; }

.object-label div.description { display: inline-block; margin-left: 8px; }

@media (min-width: 0) and (max-width: 459px) { .object-label div.description { margin-left: 8px; } }

@media (min-width: 460px) and (max-width: 889px) { .object-label div.description { margin-left: 16px; } }

@media (min-width: 890px) and (max-width: 1287px) { .object-label div.description { margin-left: 24px; } }

.object-label div.description.no-avatar { margin-left: 0; }

.object-label div.description > div.sub { font-size: 75%; }

.object-label div.description.description-small { line-height: 15px; }

.object-label div.description.description-small h4 { display: inline-block; margin-top: 0; }

.object-label div.description.description-medium { line-height: 20px; }

.object-label div.description.description-medium h4 { display: inline-block; margin-top: 0; }

.object-label div.description.description-large { line-height: 40px; }

.object-label div.description.description-large h4 { display: inline-block; margin-top: 0; }

.object-label div.description.description-full { line-height: 60px; }

.object-label div.description.description-full h4 { display: inline-block; margin-top: 0; }

@media (min-width: 0) and (max-width: 459px) { .object-label div.description.description-small { line-height: 15px; }
  .object-label div.description.description-small h4 { display: inline-block; margin-top: 0; } }

@media (min-width: 0) and (max-width: 459px) { .object-label div.description.description-medium { line-height: 20px; }
  .object-label div.description.description-medium h4 { display: inline-block; margin-top: 0; } }

@media (min-width: 0) and (max-width: 459px) { .object-label div.description.description-large { line-height: 40px; }
  .object-label div.description.description-large h4 { display: inline-block; margin-top: 0; } }

@media (min-width: 0) and (max-width: 459px) { .object-label div.description.description-full { line-height: 60px; }
  .object-label div.description.description-full h4 { display: inline-block; margin-top: 0; } }

@media (min-width: 460px) and (max-width: 889px) { .object-label div.description.description-small { line-height: 20px; }
  .object-label div.description.description-small h4 { display: inline-block; margin-top: 0; } }

@media (min-width: 460px) and (max-width: 889px) { .object-label div.description.description-medium { line-height: 40px; }
  .object-label div.description.description-medium h4 { display: inline-block; margin-top: 0; } }

@media (min-width: 460px) and (max-width: 889px) { .object-label div.description.description-large { line-height: 60px; }
  .object-label div.description.description-large h4 { display: inline-block; margin-top: 0; } }

@media (min-width: 460px) and (max-width: 889px) { .object-label div.description.description-full { line-height: 80px; }
  .object-label div.description.description-full h4 { display: inline-block; margin-top: 0; } }

@media (min-width: 890px) and (max-width: 1287px) { .object-label div.description.description-small { line-height: 40px; }
  .object-label div.description.description-small h4 { display: inline-block; margin-top: 0; } }

@media (min-width: 890px) and (max-width: 1287px) { .object-label div.description.description-medium { line-height: 60px; }
  .object-label div.description.description-medium h4 { display: inline-block; margin-top: 0; } }

@media (min-width: 890px) and (max-width: 1287px) { .object-label div.description.description-large { line-height: 80px; }
  .object-label div.description.description-large h4 { display: inline-block; margin-top: 0; } }

@media (min-width: 890px) and (max-width: 1287px) { .object-label div.description.description-full { line-height: 100px; }
  .object-label div.description.description-full h4 { display: inline-block; margin-top: 0; } }

.object-label div.avatar { display: inline-block; margin: 0; padding: 0; text-align: center; vertical-align: top; }

.object-label div.avatar > .glyphicon { vertical-align: bottom; }

.object-label div.avatar.avatar-small { vertical-align: middle; width: 15px; height: 15px; font-size: 7.5px; }

.object-label div.avatar.avatar-medium { vertical-align: middle; width: 20px; height: 20px; font-size: 10px; }

.object-label div.avatar.avatar-large { vertical-align: middle; width: 40px; height: 40px; font-size: 20px; }

.object-label div.avatar.avatar-full { vertical-align: middle; width: 60px; height: 60px; font-size: 30px; }

@media (min-width: 0) and (max-width: 459px) { .object-label div.avatar.avatar-small { vertical-align: middle; width: 15px; height: 15px; font-size: 7.5px; } }

@media (min-width: 0) and (max-width: 459px) { .object-label div.avatar.avatar-medium { vertical-align: middle; width: 20px; height: 20px; font-size: 10px; } }

@media (min-width: 0) and (max-width: 459px) { .object-label div.avatar.avatar-large { vertical-align: middle; width: 40px; height: 40px; font-size: 20px; } }

@media (min-width: 0) and (max-width: 459px) { .object-label div.avatar.avatar-full { vertical-align: middle; width: 60px; height: 60px; font-size: 30px; } }

@media (min-width: 460px) and (max-width: 889px) { .object-label div.avatar.avatar-small { vertical-align: middle; width: 20px; height: 20px; font-size: 10px; } }

@media (min-width: 460px) and (max-width: 889px) { .object-label div.avatar.avatar-medium { vertical-align: middle; width: 40px; height: 40px; font-size: 20px; } }

@media (min-width: 460px) and (max-width: 889px) { .object-label div.avatar.avatar-large { vertical-align: middle; width: 60px; height: 60px; font-size: 30px; } }

@media (min-width: 460px) and (max-width: 889px) { .object-label div.avatar.avatar-full { vertical-align: middle; width: 80px; height: 80px; font-size: 40px; } }

@media (min-width: 890px) and (max-width: 1287px) { .object-label div.avatar.avatar-small { vertical-align: middle; width: 40px; height: 40px; font-size: 20px; } }

@media (min-width: 890px) and (max-width: 1287px) { .object-label div.avatar.avatar-medium { vertical-align: middle; width: 60px; height: 60px; font-size: 30px; } }

@media (min-width: 890px) and (max-width: 1287px) { .object-label div.avatar.avatar-large { vertical-align: middle; width: 80px; height: 80px; font-size: 40px; } }

@media (min-width: 890px) and (max-width: 1287px) { .object-label div.avatar.avatar-full { vertical-align: middle; width: 100px; height: 100px; font-size: 50px; } }

.cursor-auto { cursor: auto; }

.cursor-default { cursor: default; }

.cursor-none { cursor: none; }

.cursor-context-menu { cursor: context-menu; }

.cursor-help { cursor: help; }

.cursor-pointer { cursor: pointer; }

.cursor-progress { cursor: progress; }

.cursor-wait { cursor: wait; }

.cursor-cell { cursor: cell; }

.cursor-crosshair { cursor: crosshair; }

.cursor-text { cursor: text; }

.cursor-vertical-text { cursor: vertical-text; }

.cursor-alias { cursor: alias; }

.cursor-copy { cursor: copy; }

.cursor-move { cursor: move; }

.cursor-no-drop { cursor: no-drop; }

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

.cursor-e-resize { cursor: e-resize; }

.cursor-n-resize { cursor: n-resize; }

.cursor-ne-resize { cursor: ne-resize; }

.cursor-nw-resize { cursor: nw-resize; }

.cursor-s-resize { cursor: s-resize; }

.cursor-se-resize { cursor: se-resize; }

.cursor-sw-resize { cursor: sw-resize; }

.cursor-w-resize { cursor: w-resize; }

.cursor-ew-resize { cursor: ew-resize; }

.cursor-ns-resize { cursor: ns-resize; }

.cursor-nesw-resize { cursor: nesw-resize; }

.cursor-nwse-resize { cursor: nwse-resize; }

.cursor-col-resize { cursor: col-resize; }

.cursor-row-resize { cursor: row-resize; }

.cursor-all-scroll { cursor: all-scroll; }

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

.cursor-zoom-out { cursor: zoom-out; }

.cursor-grab { cursor: grab; }

.cursor-grabbing { cursor: grabbing; }

.react-bootstrap-table .number-filter, .react-bootstrap-table .date-filter { display: flex; }

.react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { width: 40px; margin-right: 7.5px; margin-right: 10px; margin-right: 20px; margin-right: 30px; }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 7.5px; } }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 10px; } }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 20px; } }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 30px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 10px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 20px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 30px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 40px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 20px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 30px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 40px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table .number-filter-comparator, .react-bootstrap-table .date-filter-comparator { margin-right: 50px; } }

.react-bootstrap-table th.sortable { position: relative; }

.react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { position: absolute; right: 7.5px; right: 10px; right: 20px; right: 30px; }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 7.5px; } }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 10px; } }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 20px; } }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 30px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 10px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 20px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 30px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 40px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 20px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 30px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 40px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table th.sortable > .react-bootstrap-table-sort-order, .react-bootstrap-table th.sortable .order { right: 50px; } }

.react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { display: inline-block; margin-left: 15px; margin-left: 20px; margin-left: 40px; margin-left: 60px; }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 15px; } }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 20px; } }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 40px; } }

@media (min-width: 0) and (max-width: 459px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 60px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 20px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 40px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 60px; } }

@media (min-width: 460px) and (max-width: 889px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 80px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 40px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 60px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 80px; } }

@media (min-width: 890px) and (max-width: 1287px) { .react-bootstrap-table-pagination .react-bootstrap-table-pagination-footer { margin-left: 100px; } }

.react-bootstrap-table-pagination .react-bootstrap-table-pagination-list { text-align: right; }

.react-bootstrap-table-pagination .react-bootstrap-table-page-btns-ul { margin: 0 !important; }

.width-vw-r10 { width: 10vw; }

.width-vh-r10 { width: 10vh; }

.width-r10 { width: 10%; }

.min-width-vw-r10 { min-width: 10vw; }

.min-width-vh-r10 { min-width: 10vh; }

.min-width-r10 { min-width: 10%; }

.max-width-vw-r10 { max-width: 10vw; }

.max-width-vh-r10 { max-width: 10vh; }

.max-width-r10 { max-width: 10%; }

.height-vw-r10 { height: 10vw; }

.height-vh-r10 { height: 10vh; }

.height-r10 { height: 10%; }

.min-height-vw-r10 { min-height: 10vw; }

.min-height-vh-r10 { min-height: 10vh; }

.min-height-r10 { min-height: 10%; }

.max-height-vw-r10 { max-height: 10vw; }

.max-height-vh-r10 { max-height: 10vh; }

.max-height-r10 { max-height: 10%; }

.dim-vw-r10 { width: 10vw; height: 10vw; }

.dim-vh-r10 { width: 10vh; height: 10vh; }

.dim-v-r10 { width: 10vw; height: 10vh; }

.dim-vi-r10 { width: 10vh; height: 10vw; }

.dim-r10 { width: 10%; height: 10%; }

.p-vw-r10 { padding: 10vw; }

.p-vh-r10 { padding: 10vh; }

.p-r10 { padding: 10%; }

.pr-vw-r10 { padding-right: 10vw; }

.pr-vh-r10 { padding-right: 10vh; }

.pr-r10 { padding-right: 10%; }

.pl-vw-r10 { padding-left: 10vw; }

.pl-vh-r10 { padding-left: 10vh; }

.pl-r10 { padding-left: 10%; }

.pt-vw-r10 { padding-top: 10vw; }

.pt-vh-r10 { padding-top: 10vh; }

.pt-r10 { padding-top: 10%; }

.pb-vw-r10 { padding-bottom: 10vw; }

.pb-vh-r10 { padding-bottom: 10vh; }

.pb-r10 { padding-bottom: 10%; }

.ph-vw-r10 { padding-left: 10vw; padding-right: 10vw; }

.ph-vh-r10 { padding-left: 10vh; padding-right: 10vh; }

.ph-r10 { padding-left: 10%; padding-right: 10%; }

.pv-vw-r10 { padding-bottom: 10vw; padding-top: 10vw; }

.pv-vh-r10 { padding-bottom: 10vh; padding-top: 10vh; }

.pv-r10 { padding-bottom: 10%; padding-top: 10%; }

.font-size-r10 { font-size: 10%; }

.line-height-r10 { line-height: 10%; }

.width-vw-r20 { width: 20vw; }

.width-vh-r20 { width: 20vh; }

.width-r20 { width: 20%; }

.min-width-vw-r20 { min-width: 20vw; }

.min-width-vh-r20 { min-width: 20vh; }

.min-width-r20 { min-width: 20%; }

.max-width-vw-r20 { max-width: 20vw; }

.max-width-vh-r20 { max-width: 20vh; }

.max-width-r20 { max-width: 20%; }

.height-vw-r20 { height: 20vw; }

.height-vh-r20 { height: 20vh; }

.height-r20 { height: 20%; }

.min-height-vw-r20 { min-height: 20vw; }

.min-height-vh-r20 { min-height: 20vh; }

.min-height-r20 { min-height: 20%; }

.max-height-vw-r20 { max-height: 20vw; }

.max-height-vh-r20 { max-height: 20vh; }

.max-height-r20 { max-height: 20%; }

.dim-vw-r20 { width: 20vw; height: 20vw; }

.dim-vh-r20 { width: 20vh; height: 20vh; }

.dim-v-r20 { width: 20vw; height: 20vh; }

.dim-vi-r20 { width: 20vh; height: 20vw; }

.dim-r20 { width: 20%; height: 20%; }

.p-vw-r20 { padding: 20vw; }

.p-vh-r20 { padding: 20vh; }

.p-r20 { padding: 20%; }

.pr-vw-r20 { padding-right: 20vw; }

.pr-vh-r20 { padding-right: 20vh; }

.pr-r20 { padding-right: 20%; }

.pl-vw-r20 { padding-left: 20vw; }

.pl-vh-r20 { padding-left: 20vh; }

.pl-r20 { padding-left: 20%; }

.pt-vw-r20 { padding-top: 20vw; }

.pt-vh-r20 { padding-top: 20vh; }

.pt-r20 { padding-top: 20%; }

.pb-vw-r20 { padding-bottom: 20vw; }

.pb-vh-r20 { padding-bottom: 20vh; }

.pb-r20 { padding-bottom: 20%; }

.ph-vw-r20 { padding-left: 20vw; padding-right: 20vw; }

.ph-vh-r20 { padding-left: 20vh; padding-right: 20vh; }

.ph-r20 { padding-left: 20%; padding-right: 20%; }

.pv-vw-r20 { padding-bottom: 20vw; padding-top: 20vw; }

.pv-vh-r20 { padding-bottom: 20vh; padding-top: 20vh; }

.pv-r20 { padding-bottom: 20%; padding-top: 20%; }

.font-size-r20 { font-size: 20%; }

.line-height-r20 { line-height: 20%; }

.width-vw-r30 { width: 30vw; }

.width-vh-r30 { width: 30vh; }

.width-r30 { width: 30%; }

.min-width-vw-r30 { min-width: 30vw; }

.min-width-vh-r30 { min-width: 30vh; }

.min-width-r30 { min-width: 30%; }

.max-width-vw-r30 { max-width: 30vw; }

.max-width-vh-r30 { max-width: 30vh; }

.max-width-r30 { max-width: 30%; }

.height-vw-r30 { height: 30vw; }

.height-vh-r30 { height: 30vh; }

.height-r30 { height: 30%; }

.min-height-vw-r30 { min-height: 30vw; }

.min-height-vh-r30 { min-height: 30vh; }

.min-height-r30 { min-height: 30%; }

.max-height-vw-r30 { max-height: 30vw; }

.max-height-vh-r30 { max-height: 30vh; }

.max-height-r30 { max-height: 30%; }

.dim-vw-r30 { width: 30vw; height: 30vw; }

.dim-vh-r30 { width: 30vh; height: 30vh; }

.dim-v-r30 { width: 30vw; height: 30vh; }

.dim-vi-r30 { width: 30vh; height: 30vw; }

.dim-r30 { width: 30%; height: 30%; }

.p-vw-r30 { padding: 30vw; }

.p-vh-r30 { padding: 30vh; }

.p-r30 { padding: 30%; }

.pr-vw-r30 { padding-right: 30vw; }

.pr-vh-r30 { padding-right: 30vh; }

.pr-r30 { padding-right: 30%; }

.pl-vw-r30 { padding-left: 30vw; }

.pl-vh-r30 { padding-left: 30vh; }

.pl-r30 { padding-left: 30%; }

.pt-vw-r30 { padding-top: 30vw; }

.pt-vh-r30 { padding-top: 30vh; }

.pt-r30 { padding-top: 30%; }

.pb-vw-r30 { padding-bottom: 30vw; }

.pb-vh-r30 { padding-bottom: 30vh; }

.pb-r30 { padding-bottom: 30%; }

.ph-vw-r30 { padding-left: 30vw; padding-right: 30vw; }

.ph-vh-r30 { padding-left: 30vh; padding-right: 30vh; }

.ph-r30 { padding-left: 30%; padding-right: 30%; }

.pv-vw-r30 { padding-bottom: 30vw; padding-top: 30vw; }

.pv-vh-r30 { padding-bottom: 30vh; padding-top: 30vh; }

.pv-r30 { padding-bottom: 30%; padding-top: 30%; }

.font-size-r30 { font-size: 30%; }

.line-height-r30 { line-height: 30%; }

.width-vw-r40 { width: 40vw; }

.width-vh-r40 { width: 40vh; }

.width-r40 { width: 40%; }

.min-width-vw-r40 { min-width: 40vw; }

.min-width-vh-r40 { min-width: 40vh; }

.min-width-r40 { min-width: 40%; }

.max-width-vw-r40 { max-width: 40vw; }

.max-width-vh-r40 { max-width: 40vh; }

.max-width-r40 { max-width: 40%; }

.height-vw-r40 { height: 40vw; }

.height-vh-r40 { height: 40vh; }

.height-r40 { height: 40%; }

.min-height-vw-r40 { min-height: 40vw; }

.min-height-vh-r40 { min-height: 40vh; }

.min-height-r40 { min-height: 40%; }

.max-height-vw-r40 { max-height: 40vw; }

.max-height-vh-r40 { max-height: 40vh; }

.max-height-r40 { max-height: 40%; }

.dim-vw-r40 { width: 40vw; height: 40vw; }

.dim-vh-r40 { width: 40vh; height: 40vh; }

.dim-v-r40 { width: 40vw; height: 40vh; }

.dim-vi-r40 { width: 40vh; height: 40vw; }

.dim-r40 { width: 40%; height: 40%; }

.p-vw-r40 { padding: 40vw; }

.p-vh-r40 { padding: 40vh; }

.p-r40 { padding: 40%; }

.pr-vw-r40 { padding-right: 40vw; }

.pr-vh-r40 { padding-right: 40vh; }

.pr-r40 { padding-right: 40%; }

.pl-vw-r40 { padding-left: 40vw; }

.pl-vh-r40 { padding-left: 40vh; }

.pl-r40 { padding-left: 40%; }

.pt-vw-r40 { padding-top: 40vw; }

.pt-vh-r40 { padding-top: 40vh; }

.pt-r40 { padding-top: 40%; }

.pb-vw-r40 { padding-bottom: 40vw; }

.pb-vh-r40 { padding-bottom: 40vh; }

.pb-r40 { padding-bottom: 40%; }

.ph-vw-r40 { padding-left: 40vw; padding-right: 40vw; }

.ph-vh-r40 { padding-left: 40vh; padding-right: 40vh; }

.ph-r40 { padding-left: 40%; padding-right: 40%; }

.pv-vw-r40 { padding-bottom: 40vw; padding-top: 40vw; }

.pv-vh-r40 { padding-bottom: 40vh; padding-top: 40vh; }

.pv-r40 { padding-bottom: 40%; padding-top: 40%; }

.font-size-r40 { font-size: 40%; }

.line-height-r40 { line-height: 40%; }

.width-vw-r50 { width: 50vw; }

.width-vh-r50 { width: 50vh; }

.width-r50 { width: 50%; }

.min-width-vw-r50 { min-width: 50vw; }

.min-width-vh-r50 { min-width: 50vh; }

.min-width-r50 { min-width: 50%; }

.max-width-vw-r50 { max-width: 50vw; }

.max-width-vh-r50 { max-width: 50vh; }

.max-width-r50 { max-width: 50%; }

.height-vw-r50 { height: 50vw; }

.height-vh-r50 { height: 50vh; }

.height-r50 { height: 50%; }

.min-height-vw-r50 { min-height: 50vw; }

.min-height-vh-r50 { min-height: 50vh; }

.min-height-r50 { min-height: 50%; }

.max-height-vw-r50 { max-height: 50vw; }

.max-height-vh-r50 { max-height: 50vh; }

.max-height-r50 { max-height: 50%; }

.dim-vw-r50 { width: 50vw; height: 50vw; }

.dim-vh-r50 { width: 50vh; height: 50vh; }

.dim-v-r50 { width: 50vw; height: 50vh; }

.dim-vi-r50 { width: 50vh;