:root{

    --gears-ref-typeface-plain : Roboto;
    --gears-ref-typeface-weight-medium : 500;
    --gears-ref-typeface-weight-regular : 400;

    --gears-sys-elevation-level0 : none;
    --gears-sys-elevation-level1 : 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
    --gears-sys-elevation-level2 : 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.19);
    --gears-sys-elevation-level3 : 0 6px 6px 0 rgba(0, 0, 0, 0.2), 0 7px 7px 0 rgba(0, 0, 0, 0.19);
    --gears-sys-elevation-level4 : 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 9px 0 rgba(0, 0, 0, 0.19);
    --gears-sys-elevation-level5 : 0 12px 12px 0 rgba(0, 0, 0, 0.2), 0 13px 13px 0 rgba(0, 0, 0, 0.19);
    
    --gears-shape-xs : 4px;
    --gears-shape-sm : 8px;
    --gears-shape-md : 12px;
    --gears-shape-lg : 16px;
    --gears-shape-xl : 20px;
    
    --gears-sys-shape-corner-full : 48px;
    --gears-sys-shape-corner-extra-large : 28px;
    --gears-sys-shape-corner-medium : 12px;
    --gears-sys-shape-corner-extra-small : 4px;
    --gears-sys-shape-corner-none : none;

    --gears-sys-snackbar-fab-spacing : 24px;
    --gears-sys-snackbar-fab-spacing-extra : 0px;

    
    --gears-sys-typescale-label-large-font : var(--gears-ref-typeface-plain);
    --gears-sys-typescale-label-large-weight : var(--gears-ref-typeface-weight-medium);
    --gears-sys-typescale-label-large-size : 14px;
    
    --gears-sys-typescale-body-medium-font : var(--gears-ref-typeface-plain);
    --gears-sys-typescale-body-medium-weight : var(--gears-ref-typeface-weight-regular);
    --gears-sys-typescale-body-medium-size : 14px;

}
* {
    box-sizing: border-box;
    text-size-adjust: auto;
    scroll-behavior: smooth;
}
main * {
    transition: all linear .2s;
    transform: all linear .2s;
    transform-origin: all linear .2s;
    box-sizing: border-box;
    text-size-adjust: auto;
    scroll-behavior: smooth;
}
body {
    padding: 0px;
    margin : 0px;
    background-color: var(--gears-surfacecontainerlowest-color);
    color: var(--gears-onsurface-color);
}
hr {
    border-color: var(--gears-outlinevariant-color);
}
ol, ul {list-style: none; padding-left: 0px;}
footer section ul li {display: inline-block;}


.display-large {
    font-family : var(--gears-sys-typescale-display-large-font);
    font-size : var(--gears-sys-typescale-display-large-size);
    font-weight : var(--gears-sys-typescale-display-large-weight);
    line-height : var(--gears-sys-typescale-display-large-line-height);
}
.display-medium {
    font-family : var(--gears-sys-typescale-display-medium-font);
    font-size : var(--gears-sys-typescale-display-medium-size);
    font-weight : var(--gears-sys-typescale-display-medium-weight);
    line-height : var(--gears-sys-typescale-display-medium-line-height);
}
.display-small {
    font-family : var(--gears-sys-typescale-display-small-font);
    font-size : var(--gears-sys-typescale-display-small-size);
    font-weight : var(--gears-sys-typescale-display-small-weight);
    line-height : var(--gears-sys-typescale-display-small-line-height);
}
.headline-large {
    font-family : var(--gears-sys-typescale-headline-large-font);
    font-size : var(--gears-sys-typescale-headline-large-size);
    font-weight : var(--gears-sys-typescale-headline-large-weight);
    line-height : var(--gears-sys-typescale-headline-large-line-height);
}
.headline-medium {
    font-family : var(--gears-sys-typescale-headline-medium-font);
    font-size : var(--gears-sys-typescale-headline-medium-size);
    font-weight : var(--gears-sys-typescale-headline-medium-weight);
    line-height : var(--gears-sys-typescale-headline-medium-line-height);
}
.headline-small {
    font-family : var(--gears-sys-typescale-headline-small-font);
    font-size : var(--gears-sys-typescale-headline-small-size);
    font-weight : var(--gears-sys-typescale-headline-small-weight);
    line-height : var(--gears-sys-typescale-headline-small-line-height);
}

.title-large {
    font-family : var(--gears-sys-typescale-title-large-font);
    font-size : var(--gears-sys-typescale-title-large-size);
    font-weight : var(--gears-sys-typescale-title-large-weight);
    line-height : var(--gears-sys-typescale-title-large-line-height);
}
.title-medium {
    font-family : var(--gears-sys-typescale-title-medium-font);
    font-size : var(--gears-sys-typescale-title-medium-size);
    font-weight : var(--gears-sys-typescale-title-medium-weight);
    line-height : var(--gears-sys-typescale-title-medium-line-height);
}
.title-small {
    font-family : var(--gears-sys-typescale-title-small-font);
    font-size : var(--gears-sys-typescale-title-small-size);
    font-weight : var(--gears-sys-typescale-title-small-weight);
    line-height : var(--gears-sys-typescale-title-small-line-height);
}

.body-large {
    font-family : var(--gears-sys-typescale-body-large-font);
    font-size : var(--gears-sys-typescale-body-large-size);
    font-weight : var(--gears-sys-typescale-body-large-weight);
    line-height : var(--gears-sys-typescale-body-large-line-height);
}
.body-medium {
    font-family : var(--gears-sys-typescale-body-medium-font);
    font-size : var(--gears-sys-typescale-body-medium-size);
    font-weight : var(--gears-sys-typescale-body-medium-weight);
    line-height : var(--gears-sys-typescale-body-medium-line-height);
}
.body-small {
    font-family : var(--gears-sys-typescale-body-small-font);
    font-size : var(--gears-sys-typescale-body-small-size);
    font-weight : var(--gears-sys-typescale-body-small-weight);
    line-height : var(--gears-sys-typescale-body-small-line-height);
}

.label-large {
    font-family : var(--gears-sys-typescale-label-large-font);
    font-size : var(--gears-sys-typescale-label-large-size);
    font-weight : var(--gears-sys-typescale-label-large-weight);
    line-height : var(--gears-sys-typescale-label-large-line-height);
}
.label-medium {
    font-family : var(--gears-sys-typescale-label-medium-font);
    font-size : var(--gears-sys-typescale-label-medium-size);
    font-weight : var(--gears-sys-typescale-label-medium-weight);
    line-height : var(--gears-sys-typescale-label-medium-line-height);
}
.label-small {
    font-family : var(--gears-sys-typescale-label-small-font);
    font-size : var(--gears-sys-typescale-label-small-size);
    font-weight : var(--gears-sys-typescale-label-small-weight);
    line-height : var(--gears-sys-typescale-label-small-line-height);
}


a { color: inherit; text-decoration: none;  } 
a[disabled] { pointer-events: none; opacity:38%;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.text-left{ text-align: left;}
.text-justify{ text-align: justify;}
.text-end{ text-align: end;}
.text-start{ text-align: start;}
.content-block{
    width:100%;
}
.navigation-rail {
    transform: width 0s;
    transform: height 0s;
    position: fixed;
    top:0;
    width: 88px;
    max-width: 88px;
    justify-content: space-between;
    height:100svh;
    overflow-y: auto;
    z-index: 8;
}
.navigation-rail ul[role="menu"] {
    transform: width 0s;
    transform: height 0s;
    padding-left: 0px;
    padding-right: 0px;
    margin:0px;
    left:0;
    top:0;
    max-width: 88px;
    width: 100%;
    height:100svh;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
}
.navigation-rail ul[role="menu"].submenu-open {
    max-width: 360px;
}
.navigation-rail ul[role="menu"] ul[role="menuitem"]{
    display:none;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.navigation-rail ul[role="menu"].submenu-open li.submenu-open ul[role="menuitem"]{
    display:block;
    opacity: 1;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.navigation-rail ul[role="menu"] li {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right:5px;
    margin-left:5px;
    max-width: 78px;
    list-style-position: unset;
}
.navigation-rail ul[role="menu"] li ul[role="menuitem"] {
    padding: 16px 0px 0px 0px;
    left:88px;
    top:0;
    max-width: 260px;
    width: 100%;
    height:100%;
    position: fixed;
}
.navigation-rail ul[role="menu"] li ul[role="menuitem"] li{
    font-size: small;
    font-weight: 500;
    min-width:240px;
    max-width:240px;
    text-align: left;
    margin:0px;
    margin-left: 16px;
}
.navigation-rail ul[role="menu"] li ul[role="menuitem"] li span{
    display: block;
    width:100%;
    padding:10px 15px;
}
.navigation-rail ul[role="menu"] div[role="img"] {
    max-width: 78px;
}
.component-navbar-top {
    width:100%;
    margin-top:auto;
    margin-bottom: auto;
}
.component-navbar-top ul {
    height:100%;
    padding-left: 0px;
    padding-right: 0px;
}
.component-navbar-top ul li {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right:10px;
    margin-left:10px;
    list-style-position: unset;
    display: inline-block;
}
.flex {
    display: flex;
}
.content-block {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.content-block-xs {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
section[role="navigation"]+section {
    margin-left: 180px;
}
@media (max-width:1295px){
    .content-block { display: block; }
    
    section[role="navigation"]+section {
        margin-left: 0px;
    }
}
.content-block nav {
    position: sticky;
    top: 136px;
    right:0;
    width: inherit;
    margin: 0;
}
.content-block nav h2 {
    font-size: 11px;
    font-weight: 400;
}
.content-block nav ul  {
    padding-left: 0px;
    padding-right: 0px;
    overflow-y: auto;
}
.content-block nav ul li {
    font-size: small;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right:10px;
    margin-left:10px;
    margin-top:8px;
    margin-bottom:8px;
    padding:4px;
    list-style-position: unset;
}
.content-block nav ul li a {
    padding:4px;
    width:100%;
}

.control-size-sm {
    max-width:800px;
    width:100%;
    margin-left: auto;
    margin-right: auto;
}
.control-size-md {
    max-width:1280px;
    width:100%;
    margin-left: auto;
    margin-right: auto;
}


aside+div.content-main {
    margin-left: 88px;
    margin-top: 0px;
}
.control-size-lg {
    max-width:1366px;
    width:100%;
    margin-left: auto;
    margin-right: auto;
}
.control-size-xl {
    max-width:1600px;
    width:100%;
    margin-left: auto;
    margin-right: auto;
}
.control-size-2x {
    max-width:1760px;
    width:100%;
    margin-left: auto;
    margin-right: auto;
}

.navigation-rail div[role="menubar"]{
    display:none;
}
.navigation-rail div[role="img"]{
    margin-top: auto;
    margin-bottom: auto;
}
.navigation-rail div[role="img"] a{
    font-size: small;
}
.navigation-rail div[role="img"] a span{
    display: none;
    font-size: small;
}
.navigation-rail ul[role="menu"] li[role="dialog"]{
    display:none;
}

@media (max-width:960px){
    .navigation-rail ul[role="menu"].submenu-open {
        max-width: 88px;
    }
    .navigation-rail ul[role="menu"].sidebar-open.submenu-open {
        max-width: 360px;
    }
    .navigation-rail ul[role="menu"].submenu-open li.submenu-open ul[role="menuitem"]{
        display:none;
        opacity: 0;
        border-left: none;
    }
    .navigation-rail ul[role="menu"].sidebar-open.submenu-open li.submenu-open ul[role="menuitem"]{
        display:block;
        opacity: 1;
        border-left: none;
    }
    .navigation-rail div[role="menubar"]{
        display:inline-block;
        max-width:44px;
    }
    .navigation-rail ul[role="menu"] li[role="dialog"]{
        display:block;
    }
    .navigation-rail div[role="img"]{
        display:inline-block;
    }
    .navigation-rail ul div[role="img"]{
        display:none;
    }
    .navigation-rail div[role="img"] a span{
        margin-top: auto;
        margin-bottom: auto;
        display: inline;
        font-size: small;
    }
    aside+div.content-main{
        margin-left: 0px;
        margin-top: 88px;
    }
    .control-size section[role="navigation"] {
        position: sticky;
        top: 100px;
        right:0;
        width: inherit;
        margin: 0;
    }
    .sidebar-open + .sidebar-scrim {
        display:block;
    }
    .sidebar-scrim{
        display:none;
        background-color: rgba(0, 0, 0, 0.2);
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 5;
    }
    .navigation-rail {
        transform: width 0s;
        transform: height 0s;
        transition: all 0s;
        top:0;
        justify-content: space-between;
        height: 70px;
        width: 100%;
        max-width: none;
        overflow-y: auto;
        overflow-x: auto;
        z-index: 8;
    }
    .navigation-rail ul[role="menu"]{
        padding-top:0px;
        margin-top:0px;
        left: -240px;
        height: 100%;
        top:0;
        background:inherit;
        position: fixed;
        max-width: 88px;
        z-index: 10;
    }
    .navigation-rail ul[role="menu"].sidebar-open{
        padding-top:0px;
        margin-top:0px;
        left: 0;
        height: 100%;
        top:0;
        background:inherit;
        position: fixed;
        box-shadow: var(--gears-elevation-5);
        z-index: 10;
    }
    .navigation-rail ul[role="menu"] li {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right:5px;
        margin-left:5px;
        max-width: 88px;
        list-style-position: unset;
    }
    .control-size nav {
        opacity:0;
        display:none;
    }
}
@media (max-width:1366px){
    .control-size-md {
        padding-left: 8px;
        padding-right: 8px;
    }
}
@media (max-width:1600px){
    .control-size-xl {
        max-width:1366px;
        margin-left: auto;
        margin-right: auto;
    }
}
.zoom-2:hover{scale : 1.02;}
.zoom-5:hover{scale : 1.05;}
.zoom-10:hover{scale : 1.10;}
.shape-none {border-radius: 0px;}
.shape-xs {border-radius: 4px;}
.shape-xs-t {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.shape-sm {border-radius: 8px;}
.shape-sm-t {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;}
.shape-md {border-radius: 12px;}
.shape-md-b {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.shape-md-t {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.shape-lg {border-radius: 16px;}
.shape-lg-r {
    border-top-left-radius: 0px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 16px;
}
.shape-lg-b {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.shape-lg-t {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.shape-xl {border-radius: 20px;}
.shape-xl-t {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.shape-xl-b {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.shape-full {border-radius: 48px;}
.block {
    overflow-x: auto;
    position: relative;
    margin: 0 auto;
    padding-bottom:16px;
}
.flex {display:flex;}
.el-0 {box-shadow: var(--gears-elevation-0);}
.el-1 {box-shadow: var(--gears-elevation-1);}
.el-2 {box-shadow: var(--gears-elevation-2);}
.el-3 {box-shadow: var(--gears-elevation-3);}
.el-4 {box-shadow: var(--gears-elevation-4);}
.el-5 {box-shadow: var(--gears-elevation-5);}
.el-0-hover:hover {box-shadow: var(--gears-elevation-0);}
.el-1-hover:hover {box-shadow: var(--gears-elevation-1);}
.el-2-hover:hover {box-shadow: var(--gears-elevation-2);}
.el-3-hover:hover {box-shadow: var(--gears-elevation-3);}
.el-4-hover:hover {box-shadow: var(--gears-elevation-4);}
.el-5-hover:hover {box-shadow: var(--gears-elevation-5);}
.cr-pointer:hover {cursor: pointer;}
.cr-grab:hover {cursor: grab;}
.cr-help:hover {cursor: help;}
.cr-progress:hover {cursor: progress;}
.cr-alias:hover {cursor: alias;}
.cr-not-allow:hover {cursor: not-allowed;}
.cr-zoom:hover {cursor: zoom-in;}
.cr-zoom-out:hover {cursor: zoom-out;}
.cr-copy:hover {cursor: copy;}
.cr-move:hover {cursor: move;}

@media (max-width:1366px){
    .component-navbar-top .navbar-options ul{
        opacity:0;
        position: relative;
        top:-500px;
    }
}

.chip {
    word-break: keep-all;
    line-break: unset;
    border : 1.75px solid var(--gears-outline-color);
    display:inline-block;
    background-color: var(--gears-surfacecontainerlowest-color);
    color: var(--gears-onsurface-color);
    font-weight: 500;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 8px;
}
.chip.filter {
    background-color: var(--gears-primarycontainer-color);
    color: var(--gears-onsurface-color);
    border : none;
}
.chip:has(> svg) {
    padding-left: 13px;
}
.chip:hover {
    cursor: pointer;
    box-shadow: var(--gears-elevation-2);
}
.chip.disabled {
    color: var(--gears-onsurface-color);
    opacity: 38%;
}
.chip.disabled:hover{
    box-shadow: inherit;
    cursor: auto;
}
.chip:focus, .chip:active{
    box-shadow: var(--gears-elevation-1);
}
.chip svg {
    color: var(--gears-primary-color);
    padding-right: 3px;
    padding-left: 6px;
    font-size: large;
}
.chip img {
    color: var(--gears-primary-color);
    margin-right: 6px;
    margin-left: 6px;
    max-width: 18px;
    max-height: 18px;
}
.chip.primary svg {color: var(--gears-primary-color);}
.chip.secondary svg {color: var(--gears-secondary-color);}
.chip.tertiary svg {color: var(--gears-tertiary-color);}
.chip.error svg {color: var(--gears-error-color);}

.chip.assist svg, .chip.filter svg {color: var(--gears-onsurface-color);}

.chip.filter.primary {background-color: var(--gears-primarycontainer-color); color: var(--gears-onprimarycontainer-color);}
.chip.filter.secondary {background-color: var(--gears-secondarycontainer-color); color: var(--gears-onsecondarycontainer-color);}
.chip.filter.tertiary {background-color: var(--gears-tertiarycontainer-color); color: var(--gears-ontertiarycontainer-color);}
.chip.filter.error {background-color: var(--gears-errorcontainer-color); color: var(--gears-onerrircontainer-color);}

.chip.disabled svg {color: var(--gears-onsurface-color);}
.chip.outlined {border: 1.75px solid var(--gears-outline-color);}

.w-100 { width:100%; }

button, .btn{
    display:inline;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: inherit;
    padding-left:24px;
    padding-right:24px;
    outline:none;
    border: none;
    background-color: var(--gears-surfacecontainerlow-color);
    color: var(--gears-primary-color);
    font-size: medium;
    font-family: var(--gears-ref-typeface-plain);
    font-weight: 500;
    border-radius: 48px;
    box-shadow: var(--gears-elevation-1);
}
button.text { background-color: transparent; }
button.outlined {border: 1.75px solid var(--gears-outline-color);}
button:disabled { pointer-events: none; }
button.low, button.text {box-shadow: none;}
button:hover, button:focus, button:focus-within {cursor: pointer;background-color: var(--gears-surfacecontainer-color);box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.19);}
button.text:hover, button.text:focus, button.text:focus-within {cursor: pointer;background-color: transparent;box-shadow: none;}
button.low:hover, button.low:focus, button.low:focus-within {box-shadow: none;}
button:active {outline: none;background-color: var(--gears-surfacecontainerhigh-color);}
button svg{padding-right:6px;}
button.primary:hover, button.primary:focus, button.primary:focus-within  {background-color: var(--gears-primarydim-color);}
button.secondary:hover, button.secondary:focus, button.secondary:focus-within  {background-color: var(--gears-secondarydim-color);}
button.tertiary:hover, button.tertiary:focus, button.tertiary:focus-within  {background-color: var(--gears-tertiarydim-color);}
button.primary-container:hover, button.primary-container:focus, button.primary-container:focus-within  {background-color: var(--gears-primarycontainerdim-color);}
button.secondary-container:hover, button.secondary-container:focus, button.secondary-container:focus-within  {background-color: var(--gears-secondarycontainerdim-color);}
button.tertiary-container:hover, button.tertiary-container:focus, button.tertiary-container:focus-within  {background-color: var(--gears-tertiarycontainerdim-color);}

button.primary.high {background-color: var(--gears-primary-color); color:var(--gears-onprimary-color);}
button.primary.high:hover, button.primary.high:focus, button.primary.high:focus-within  {background-color: var(--gears-primarydim-color);}
button.primary.medium {background-color: var(--gears-primarycontainer-color); color:var(--gears-onprimarycontainer-color);}
button.primary.medium:hover, button.primary.medium:focus, button.primary.medium:focus-within  {background-color: var(--gears-primarycontainerdim-color);}
button.primary.low,button.primary.text {background-color: transparent; color:var(--gears-primary-color);}
button.primary.low:hover, button.primary.low:focus, button.primary.low:focus-within  {background-color: var(--gears-surfacecontainer-color);}
button.primary.text:hover, button.primary.text:focus, button.primary.text:focus-within  {background-color: transparent;}
button.primary-container.text:hover, button.primary.text:focus, button.primary.text:focus-within  {background-color: transparent;}
button.secondary-container.text:hover, button.primary.text:focus, button.primary.text:focus-within  {background-color: transparent;}
button.tertiary-container.text:hover, button.primary.text:focus, button.primary.text:focus-within  {background-color: transparent;}

button.secondary.high {background-color: var(--gears-secondary-color); color:var(--gears-onsecondary-color);}
button.secondary.high:hover, button.secondary.high:focus, button.secondary.high:focus-within  {background-color: var(--gears-secondarydim-color);}
button.secondary.medium {background-color: var(--gears-secondarycontainer-color); color:var(--gears-onsecondarycontainer-color);}
button.secondary.medium:hover, button.secondary.medium:focus, button.secondary.medium:focus-within  {background-color: var(--gears-secondarycontainerdim-color);}
button.secondary.low {background-color: transparent; color:var(--gears-secondary-color);}
button.secondary.low:hover, button.secondary.low:focus, button.secondary.low:focus-within  {background-color: var(--gears-surfacecontainer-color);}
button.secondary.text:hover, button.secondary.text:focus, button.secondary.text:focus-within  {background-color: transparent;}


button.tertiary.high {background-color: var(--gears-tertiary-color); color:var(--gears-ontertiary-color);}
button.tertiary.high:hover, button.tertiary.high:focus, button.tertiary.high:focus-within  {background-color: var(--gears-tertiarydim-color);}
button.tertiary.medium {background-color: var(--gears-tertiarycontainer-color); color:var(--gears-ontertiarycontainer-color);}
button.tertiary.medium:hover, button.tertiary.medium:focus, button.tertiary.medium:focus-within  {background-color: var(--gears-tertiarycontainerdim-color);}
button.tertiary.low {background-color: transparent; color:var(--gears-tertiary-color);}
button.tertiary.low:hover, button.tertiary.low:focus, button.tertiary.low:focus-within  {background-color: var(--gears-surfacecontainer-color);}
button.tertiary.text:hover, button.tertiary.text:focus, button.tertiary.text:focus-within  {background-color: transparent;}

button:disabled {opacity: .38;cursor:not-allowed;}
button.primary:disabled {background-color: var(--gears-primary-color);}
button.primary:disabled:hover {background-color: var(--gears-primary-color);}
button.secondary:disabled:hover {background-color: var(--gears-secondary-color);}
button.tertiary:disabled:hover {background-color: var(--gears-tertiary-color);}
button.primary-container:disabled:hover {background-color: var(--gears-primarycontainer-color);}
button.secondary-container:disabled:hover {background-color: var(--gears-secondarycontainer-color);}
button.tertiary-container:disabled:hover {background-color: var(--gears-tertiarycontainer-color);}

button.primary.high:disabled:hover {background-color:var(--gears-primary-color);}
button.primary.medium:disabled:hover {background-color:var(--gears-primarycontainer-color);}
button.secondary.high:disabled:hover {background-color:var(--gears-secondary-color);}
button.secondary.medium:disabled:hover {background-color:var(--gears-secondarycontainer-color);}
button.tertiary.high:disabled:hover {background-color:var(--gears-tertiary-color);}
button.tertiary.medium:disabled:hover {background-color:var(--gears-tertiarycontainer-color);}

button.low:disabled:hover,button.low:disabled:focus,button.low:disabled:focus-within {box-shadow: none; background-color:transparent;}
button.text:disabled:hover,button.text:disabled:focus,button.text:disabled:focus-within {box-shadow: none; background-color:transparent;}

button:active{box-shadow: var(--gears-elevation-1);}
button.text:active {background-color: var(--gears-surfacecontainer-color);}
button.primary:active{background-color: var(--gears-primarybright-color);}
button.primary.high:active{background-color: var(--gears-primarybright-color);}
button.secondary:active{background-color: var(--gears-secondarybright-color);}
button.secondary.high:active{background-color: var(--gears-secondarybright-color);}
button.tertiary:active{background-color: var(--gears-tertiarybright-color);}
button.tertiary.high:active{background-color: var(--gears-tertiarybright-color);}

button.icon{
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
}
button.icon svg{
    padding-right: 0;
}


.card {
}
.card section[role="banner"] {
}
.card section[role="banner"] img {
    margin:0px;
    width:100%;
}
.card section[role="heading"],.card section[role="toolbar"] {
    padding:16px;
}


section[role="toolbar"] ul li {
    display: inline-block;
}
section[role="toolbar"] ul li svg{
    padding:0px;
}

.relative{
    position: relative;
    display: inline-block;
}
span:hover+.tooltips,small:hover+.tooltips,strong:hover+.tooltips,p:hover+.tooltips, div:hover+.tooltips, button:hover+.tooltips, a:hover+.tooltips, section:hover+.tooltips, article:hover+.tooltips, svg:hover+.tooltips, i:hover+.tooltips {
    opacity: 1;
    z-index: 9999;
}
.tooltips {
    opacity: 0;
    display: block;
    position: absolute;
    width: auto;
    text-align: center;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    font-size: small;
    font-weight: 400;
    bottom:20px;
    min-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    z-index: -200;
    border-radius: var(--gears-shape-xs) !important;
    background: var(--gears-inversesurface-color) !important;
    color:var(--gears-sys-color-inverse-on-surface) !important;
}
.tooltips.bottom {
    bottom:-48px;
}

.rich-tooltips.top-left {
    left:166px;
    top:16px;
}
.rich-tooltips {
    display: block;
    position: fixed;
    width: auto;
    height:auto;
    max-width:320px;
    transform: translateX(-50%);
    font-weight: 400;
    min-height: 24px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 8px;
    z-index: 9999;
    box-shadow: var(--gears-elevation-2);
    background: var(--gears-surfacecontainerlow-color);
    color: var(--gears-onsurfacecontainer-color);
    border-radius: var(--gears-shape-md) !important;
    
    animation-name: mostrar_rich_tooltip;
    animation-duration: .25s;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.rich-tooltips button {
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 600;
}
.rich-tooltips h6 {
    padding:0px;
    margin:0px;
    font-size: small;
    margin-bottom:4px;
    font-weight: 600;
}
.rich-tooltips p {
    font-size: medium;
    margin-bottom:12;
}

@keyframes mostrar_rich_tooltip {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

ul.list li {border-top: 1px solid var(--gears-outlinevariant-color);}
ul.list li:first-child {border-top: 0;}
ul.list li span {margin-top: auto;margin-bottom: auto;}

.outlined { border: 1.75px solid var(--gears-outline-color); }



/* Forms */
form.form-chunk div {
    padding:8px;
}
form.form-chunk div small {
    margin-left:16px;
    margin-top:64px;
}
form.form-chunk div label {
    display: inline;
    margin-left:12px;
}
form.form-chunk div span[role="img"] {
    position:absolute;
    transform: translateX(12px) translateY(33px);
    margin-top: 5px;
}
form.form-chunk div:has(> span[role="img"]) input,form.form-chunk div:has(> span[role="img"]) select,form.form-chunk div:has(> span[role="img"]) textarea {
    padding-left:40px;
}
form.form-chunk div input:focus-visible,form.form-chunk div select:focus-visible,form.form-chunk div textarea:focus-visible {
    outline:none;
    border: 1.75px solid #1f1f1f;
}
form.form-chunk div input:focus,form.form-chunk div select:focus,form.form-chunk div textarea:focus{
    border: 1.75px solid #1f1f1f;
}
form.form-chunk div input:invalid,form.form-chunk div select:invalid,form.form-chunk div textarea:invalid {
    border: 1.75px solid var(--gears-error-color);
    background: var(--gears-errorcontainer-color);
    color: var(--gears-onerrorcontainer-color);
}
form.form-chunk div input, form.form-chunk div select , form.form-chunk div textarea {
    max-width: 100%;
    width:100%;
    border: 1.75px solid var(--gears-outline-color);
    display: inline;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: medium;
    padding-left : 16px;
    padding-right : 16px;
    background : var(--gears-surfacecontainerlowest-color);
}
@-moz-document url-prefix() {
    form.form-chunk div input, form.form-chunk div select , form.form-chunk div textarea {
        padding-left: 40px;
    }
}
form.form-chunk div select option{
    font-weight: normal;
    display: block;
    white-space: nowrap;
    min-height: 48px;
    padding: 0px 2px 1px;
    color:black;
}
form.form-chunk div input[type="checkbox"],form.form-chunk div input[type="radio"] {
    width:18px;
    height:18px;
    border: 2.25px solid #1f1f1f;
    display: inline-block;
    min-height:18px;
    font-size: medium;
    padding-left : 16px;
    padding-right : 16px;
    padding:4px;
    font-style: normal;
}
form.form-chunk div input[type="checkbox"]:hover,form.form-chunk div input[type="checkbox"]:focus,
form.form-chunk div input[type="radio"]:hover,form.form-chunk div input[type="radio"]:focus {
    cursor:pointer;
}
form.form-chunk div input[type="checkbox"]+label,form.form-chunk div input[type="radio"]+label {
    display: inline-block;
    margin-left:0px;
    height:100%;
}
form.form-chunk div:has(> span[role="img"]) input[type="checkbox"]
form.form-chunk div:has(> span[role="img"]) input[type="radio"] {
    margin-left:40px;
}
form.form-chunk div:has(> select[disabled]) span {
    opacity: 38%;
}
form.form-chunk div:has(> select[disabled]) label {
    opacity: 68%;
}


.m-0{margin: 0px;}
.m-1{margin: 1px;}
.m-2{margin: 2px;}
.m-3{margin: 3px;}
.m-4{margin: 4px;}
.m-5{margin: 5px;}
.m-6{margin: 6px;}
.m-7{margin: 7px;}
.m-8{margin: 8px;}
.m-9{margin: 9px;}
.m-10{margin: 10px;}
.m-11{margin: 11px;}
.m-12{margin: 12px;}
.m-13{margin: 13px;}
.m-14{margin: 14px;}
.m-15{margin: 15px;}
.m-16{margin: 16px;}
.m-17{margin: 17px;}
.m-18{margin: 18px;}
.m-19{margin: 19px;}
.m-20{margin: 20px;}
.m-21{margin: 21px;}
.m-22{margin: 22px;}
.m-23{margin: 23px;}
.m-24{margin: 24px;}
.m-25{margin: 25px;}
.m-26{margin: 26px;}
.m-27{margin: 27px;}
.m-28{margin: 28px;}
.m-29{margin: 29px;}
.m-30{margin: 30px;}
.m-31{margin: 31px;}
.m-32{margin: 32px;}
.m-33{margin: 33px;}
.m-34{margin: 34px;}
.m-35{margin: 35px;}
.m-36{margin: 36px;}
.m-37{margin: 37px;}
.m-38{margin: 38px;}
.m-39{margin: 39px;}
.m-40{margin: 40px;}
.m-41{margin: 41px;}
.m-42{margin: 42px;}
.m-43{margin: 43px;}
.m-44{margin: 44px;}
.m-45{margin: 45px;}
.m-46{margin: 46px;}
.m-47{margin: 47px;}
.m-48{margin: 48px;}
.m-49{margin: 49px;}
.m-50{margin: 50px;}
.m-51{margin: 51px;}
.m-52{margin: 52px;}
.m-53{margin: 53px;}
.m-54{margin: 54px;}
.m-55{margin: 55px;}
.m-56{margin: 56px;}
.m-57{margin: 57px;}
.m-58{margin: 58px;}
.m-59{margin: 59px;}
.m-60{margin: 60px;}
.m-61{margin: 61px;}
.m-62{margin: 62px;}
.m-63{margin: 63px;}
.m-64{margin: 64px;}

.p-0{padding: 0px;}
.p-1{padding: 1px;}
.p-2{padding: 2px;}
.p-3{padding: 3px;}
.p-4{padding: 4px;}
.p-5{padding: 5px;}
.p-6{padding: 6px;}
.p-7{padding: 7px;}
.p-8{padding: 8px;}
.p-9{padding: 9px;}
.p-10{padding: 10px;}
.p-11{padding: 11px;}
.p-12{padding: 12px;}
.p-13{padding: 13px;}
.p-14{padding: 14px;}
.p-15{padding: 15px;}
.p-16{padding: 16px;}
.p-17{padding: 17px;}
.p-18{padding: 18px;}
.p-19{padding: 19px;}
.p-20{padding: 20px;}
.p-21{padding: 21px;}
.p-22{padding: 22px;}
.p-23{padding: 23px;}
.p-24{padding: 24px;}
.p-25{padding: 25px;}
.p-26{padding: 26px;}
.p-27{padding: 27px;}
.p-28{padding: 28px;}
.p-29{padding: 29px;}
.p-30{padding: 30px;}
.p-31{padding: 31px;}
.p-32{padding: 32px;}
.p-33{padding: 33px;}
.p-34{padding: 34px;}
.p-35{padding: 35px;}
.p-36{padding: 36px;}
.p-37{padding: 37px;}
.p-38{padding: 38px;}
.p-39{padding: 39px;}
.p-40{padding: 40px;}
.p-41{padding: 41px;}
.p-42{padding: 42px;}
.p-43{padding: 43px;}
.p-44{padding: 44px;}
.p-45{padding: 45px;}
.p-46{padding: 46px;}
.p-47{padding: 47px;}
.p-48{padding: 48px;}
.p-49{padding: 49px;}
.p-50{padding: 50px;}
.p-51{padding: 51px;}
.p-52{padding: 52px;}
.p-53{padding: 53px;}
.p-54{padding: 54px;}
.p-55{padding: 55px;}
.p-56{padding: 56px;}
.p-57{padding: 57px;}
.p-58{padding: 58px;}
.p-59{padding: 59px;}
.p-60{padding: 60px;}
.p-61{padding: 61px;}
.p-62{padding: 62px;}
.p-63{padding: 63px;}
.p-64{padding: 64px;}

.p-l-0{padding-left: 0px;}
.p-l-1{padding-left: 1px;}
.p-l-2{padding-left: 2px;}
.p-l-3{padding-left: 3px;}
.p-l-4{padding-left: 4px;}
.p-l-5{padding-left: 5px;}
.p-l-6{padding-left: 6px;}
.p-l-7{padding-left: 7px;}
.p-l-8{padding-left: 8px;}
.p-l-9{padding-left: 9px;}
.p-l-10{padding-left: 10px;}
.p-l-11{padding-left: 11px;}
.p-l-12{padding-left: 12px;}
.p-l-13{padding-left: 13px;}
.p-l-14{padding-left: 14px;}
.p-l-15{padding-left: 15px;}
.p-l-16{padding-left: 16px;}
.p-l-17{padding-left: 17px;}
.p-l-18{padding-left: 18px;}
.p-l-19{padding-left: 19px;}
.p-l-20{padding-left: 20px;}
.p-l-21{padding-left: 21px;}
.p-l-22{padding-left: 22px;}
.p-l-23{padding-left: 23px;}
.p-l-24{padding-left: 24px;}
.p-l-25{padding-left: 25px;}
.p-l-26{padding-left: 26px;}
.p-l-27{padding-left: 27px;}
.p-l-28{padding-left: 28px;}
.p-l-29{padding-left: 29px;}
.p-l-30{padding-left: 30px;}
.p-l-31{padding-left: 31px;}
.p-l-32{padding-left: 32px;}
.p-l-33{padding-left: 33px;}
.p-l-34{padding-left: 34px;}
.p-l-35{padding-left: 35px;}
.p-l-36{padding-left: 36px;}
.p-l-37{padding-left: 37px;}
.p-l-38{padding-left: 38px;}
.p-l-39{padding-left: 39px;}
.p-l-40{padding-left: 40px;}
.p-l-41{padding-left: 41px;}
.p-l-42{padding-left: 42px;}
.p-l-43{padding-left: 43px;}
.p-l-44{padding-left: 44px;}
.p-l-45{padding-left: 45px;}
.p-l-46{padding-left: 46px;}
.p-l-47{padding-left: 47px;}
.p-l-48{padding-left: 48px;}
.p-l-49{padding-left: 49px;}
.p-l-50{padding-left: 50px;}
.p-l-51{padding-left: 51px;}
.p-l-52{padding-left: 52px;}
.p-l-53{padding-left: 53px;}
.p-l-54{padding-left: 54px;}
.p-l-55{padding-left: 55px;}
.p-l-56{padding-left: 56px;}
.p-l-57{padding-left: 57px;}
.p-l-58{padding-left: 58px;}
.p-l-59{padding-left: 59px;}
.p-l-60{padding-left: 60px;}
.p-l-61{padding-left: 61px;}
.p-l-62{padding-left: 62px;}
.p-l-63{padding-left: 63px;}
.p-l-64{padding-left: 64px;}

.p-r-0{padding-right: 0px;}
.p-r-1{padding-right: 1px;}
.p-r-2{padding-right: 2px;}
.p-r-3{padding-right: 3px;}
.p-r-4{padding-right: 4px;}
.p-r-5{padding-right: 5px;}
.p-r-6{padding-right: 6px;}
.p-r-7{padding-right: 7px;}
.p-r-8{padding-right: 8px;}
.p-r-9{padding-right: 9px;}
.p-r-10{padding-right: 10px;}
.p-r-11{padding-right: 11px;}
.p-r-12{padding-right: 12px;}
.p-r-13{padding-right: 13px;}
.p-r-14{padding-right: 14px;}
.p-r-15{padding-right: 15px;}
.p-r-16{padding-right: 16px;}
.p-r-17{padding-right: 17px;}
.p-r-18{padding-right: 18px;}
.p-r-19{padding-right: 19px;}
.p-r-20{padding-right: 20px;}
.p-r-21{padding-right: 21px;}
.p-r-22{padding-right: 22px;}
.p-r-23{padding-right: 23px;}
.p-r-24{padding-right: 24px;}
.p-r-25{padding-right: 25px;}
.p-r-26{padding-right: 26px;}
.p-r-27{padding-right: 27px;}
.p-r-28{padding-right: 28px;}
.p-r-29{padding-right: 29px;}
.p-r-30{padding-right: 30px;}
.p-r-31{padding-right: 31px;}
.p-r-32{padding-right: 32px;}
.p-r-33{padding-right: 33px;}
.p-r-34{padding-right: 34px;}
.p-r-35{padding-right: 35px;}
.p-r-36{padding-right: 36px;}
.p-r-37{padding-right: 37px;}
.p-r-38{padding-right: 38px;}
.p-r-39{padding-right: 39px;}
.p-r-40{padding-right: 40px;}
.p-r-41{padding-right: 41px;}
.p-r-42{padding-right: 42px;}
.p-r-43{padding-right: 43px;}
.p-r-44{padding-right: 44px;}
.p-r-45{padding-right: 45px;}
.p-r-46{padding-right: 46px;}
.p-r-47{padding-right: 47px;}
.p-r-48{padding-right: 48px;}
.p-r-49{padding-right: 49px;}
.p-r-50{padding-right: 50px;}
.p-r-51{padding-right: 51px;}
.p-r-52{padding-right: 52px;}
.p-r-53{padding-right: 53px;}
.p-r-54{padding-right: 54px;}
.p-r-55{padding-right: 55px;}
.p-r-56{padding-right: 56px;}
.p-r-57{padding-right: 57px;}
.p-r-58{padding-right: 58px;}
.p-r-59{padding-right: 59px;}
.p-r-60{padding-right: 60px;}
.p-r-61{padding-right: 61px;}
.p-r-62{padding-right: 62px;}
.p-r-63{padding-right: 63px;}
.p-r-64{padding-right: 64px;}

.p-t-0{padding-top: 0px;}
.p-t-1{padding-top: 1px;}
.p-t-2{padding-top: 2px;}
.p-t-3{padding-top: 3px;}
.p-t-4{padding-top: 4px;}
.p-t-5{padding-top: 5px;}
.p-t-6{padding-top: 6px;}
.p-t-7{padding-top: 7px;}
.p-t-8{padding-top: 8px;}
.p-t-9{padding-top: 9px;}
.p-t-10{padding-top: 10px;}
.p-t-11{padding-top: 11px;}
.p-t-12{padding-top: 12px;}
.p-t-13{padding-top: 13px;}
.p-t-14{padding-top: 14px;}
.p-t-15{padding-top: 15px;}
.p-t-16{padding-top: 16px;}
.p-t-17{padding-top: 17px;}
.p-t-18{padding-top: 18px;}
.p-t-19{padding-top: 19px;}
.p-t-20{padding-top: 20px;}
.p-t-21{padding-top: 21px;}
.p-t-22{padding-top: 22px;}
.p-t-23{padding-top: 23px;}
.p-t-24{padding-top: 24px;}
.p-t-25{padding-top: 25px;}
.p-t-26{padding-top: 26px;}
.p-t-27{padding-top: 27px;}
.p-t-28{padding-top: 28px;}
.p-t-29{padding-top: 29px;}
.p-t-30{padding-top: 30px;}
.p-t-31{padding-top: 31px;}
.p-t-32{padding-top: 32px;}
.p-t-33{padding-top: 33px;}
.p-t-34{padding-top: 34px;}
.p-t-35{padding-top: 35px;}
.p-t-36{padding-top: 36px;}
.p-t-37{padding-top: 37px;}
.p-t-38{padding-top: 38px;}
.p-t-39{padding-top: 39px;}
.p-t-40{padding-top: 40px;}
.p-t-41{padding-top: 41px;}
.p-t-42{padding-top: 42px;}
.p-t-43{padding-top: 43px;}
.p-t-44{padding-top: 44px;}
.p-t-45{padding-top: 45px;}
.p-t-46{padding-top: 46px;}
.p-t-47{padding-top: 47px;}
.p-t-48{padding-top: 48px;}
.p-t-49{padding-top: 49px;}
.p-t-50{padding-top: 50px;}
.p-t-51{padding-top: 51px;}
.p-t-52{padding-top: 52px;}
.p-t-53{padding-top: 53px;}
.p-t-54{padding-top: 54px;}
.p-t-55{padding-top: 55px;}
.p-t-56{padding-top: 56px;}
.p-t-57{padding-top: 57px;}
.p-t-58{padding-top: 58px;}
.p-t-59{padding-top: 59px;}
.p-t-60{padding-top: 60px;}
.p-t-61{padding-top: 61px;}
.p-t-62{padding-top: 62px;}
.p-t-63{padding-top: 63px;}
.p-t-64{padding-top: 64px;}

.p-b-0{padding-bottom: 0px;}
.p-b-1{padding-bottom: 1px;}
.p-b-2{padding-bottom: 2px;}
.p-b-3{padding-bottom: 3px;}
.p-b-4{padding-bottom: 4px;}
.p-b-5{padding-bottom: 5px;}
.p-b-6{padding-bottom: 6px;}
.p-b-7{padding-bottom: 7px;}
.p-b-8{padding-bottom: 8px;}
.p-b-9{padding-bottom: 9px;}
.p-b-10{padding-bottom: 10px;}
.p-b-11{padding-bottom: 11px;}
.p-b-12{padding-bottom: 12px;}
.p-b-13{padding-bottom: 13px;}
.p-b-14{padding-bottom: 14px;}
.p-b-15{padding-bottom: 15px;}
.p-b-16{padding-bottom: 16px;}
.p-b-17{padding-bottom: 17px;}
.p-b-18{padding-bottom: 18px;}
.p-b-19{padding-bottom: 19px;}
.p-b-20{padding-bottom: 20px;}
.p-b-21{padding-bottom: 21px;}
.p-b-22{padding-bottom: 22px;}
.p-b-23{padding-bottom: 23px;}
.p-b-24{padding-bottom: 24px;}
.p-b-25{padding-bottom: 25px;}
.p-b-26{padding-bottom: 26px;}
.p-b-27{padding-bottom: 27px;}
.p-b-28{padding-bottom: 28px;}
.p-b-29{padding-bottom: 29px;}
.p-b-30{padding-bottom: 30px;}
.p-b-31{padding-bottom: 31px;}
.p-b-32{padding-bottom: 32px;}
.p-b-33{padding-bottom: 33px;}
.p-b-34{padding-bottom: 34px;}
.p-b-35{padding-bottom: 35px;}
.p-b-36{padding-bottom: 36px;}
.p-b-37{padding-bottom: 37px;}
.p-b-38{padding-bottom: 38px;}
.p-b-39{padding-bottom: 39px;}
.p-b-40{padding-bottom: 40px;}
.p-b-41{padding-bottom: 41px;}
.p-b-42{padding-bottom: 42px;}
.p-b-43{padding-bottom: 43px;}
.p-b-44{padding-bottom: 44px;}
.p-b-45{padding-bottom: 45px;}
.p-b-46{padding-bottom: 46px;}
.p-b-47{padding-bottom: 47px;}
.p-b-48{padding-bottom: 48px;}
.p-b-49{padding-bottom: 49px;}
.p-b-50{padding-bottom: 50px;}
.p-b-51{padding-bottom: 51px;}
.p-b-52{padding-bottom: 52px;}
.p-b-53{padding-bottom: 53px;}
.p-b-54{padding-bottom: 54px;}
.p-b-55{padding-bottom: 55px;}
.p-b-56{padding-bottom: 56px;}
.p-b-57{padding-bottom: 57px;}
.p-b-58{padding-bottom: 58px;}
.p-b-59{padding-bottom: 59px;}
.p-b-60{padding-bottom: 60px;}
.p-b-61{padding-bottom: 61px;}
.p-b-62{padding-bottom: 62px;}
.p-b-63{padding-bottom: 63px;}
.p-b-64{padding-bottom: 64px;}

.m-b-0{margin-bottom: 0px;}
.m-b-1{margin-bottom: 1px;}
.m-b-2{margin-bottom: 2px;}
.m-b-3{margin-bottom: 3px;}
.m-b-4{margin-bottom: 4px;}
.m-b-5{margin-bottom: 5px;}
.m-b-6{margin-bottom: 6px;}
.m-b-7{margin-bottom: 7px;}
.m-b-8{margin-bottom: 8px;}
.m-b-9{margin-bottom: 9px;}
.m-b-10{margin-bottom: 10px;}
.m-b-11{margin-bottom: 11px;}
.m-b-12{margin-bottom: 12px;}
.m-b-13{margin-bottom: 13px;}
.m-b-14{margin-bottom: 14px;}
.m-b-15{margin-bottom: 15px;}
.m-b-16{margin-bottom: 16px;}
.m-b-17{margin-bottom: 17px;}
.m-b-18{margin-bottom: 18px;}
.m-b-19{margin-bottom: 19px;}
.m-b-20{margin-bottom: 20px;}
.m-b-21{margin-bottom: 21px;}
.m-b-22{margin-bottom: 22px;}
.m-b-23{margin-bottom: 23px;}
.m-b-24{margin-bottom: 24px;}
.m-b-25{margin-bottom: 25px;}
.m-b-26{margin-bottom: 26px;}
.m-b-27{margin-bottom: 27px;}
.m-b-28{margin-bottom: 28px;}
.m-b-29{margin-bottom: 29px;}
.m-b-30{margin-bottom: 30px;}
.m-b-31{margin-bottom: 31px;}
.m-b-32{margin-bottom: 32px;}
.m-b-33{margin-bottom: 33px;}
.m-b-34{margin-bottom: 34px;}
.m-b-35{margin-bottom: 35px;}
.m-b-36{margin-bottom: 36px;}
.m-b-37{margin-bottom: 37px;}
.m-b-38{margin-bottom: 38px;}
.m-b-39{margin-bottom: 39px;}
.m-b-40{margin-bottom: 40px;}
.m-b-41{margin-bottom: 41px;}
.m-b-42{margin-bottom: 42px;}
.m-b-43{margin-bottom: 43px;}
.m-b-44{margin-bottom: 44px;}
.m-b-45{margin-bottom: 45px;}
.m-b-46{margin-bottom: 46px;}
.m-b-47{margin-bottom: 47px;}
.m-b-48{margin-bottom: 48px;}
.m-b-49{margin-bottom: 49px;}
.m-b-50{margin-bottom: 50px;}
.m-b-51{margin-bottom: 51px;}
.m-b-52{margin-bottom: 52px;}
.m-b-53{margin-bottom: 53px;}
.m-b-54{margin-bottom: 54px;}
.m-b-55{margin-bottom: 55px;}
.m-b-56{margin-bottom: 56px;}
.m-b-57{margin-bottom: 57px;}
.m-b-58{margin-bottom: 58px;}
.m-b-59{margin-bottom: 59px;}
.m-b-60{margin-bottom: 60px;}
.m-b-61{margin-bottom: 61px;}
.m-b-62{margin-bottom: 62px;}
.m-b-63{margin-bottom: 63px;}
.m-b-64{margin-bottom: 64px;}

.m-t-0{margin-top: 0px;}
.m-t-1{margin-top: 1px;}
.m-t-2{margin-top: 2px;}
.m-t-3{margin-top: 3px;}
.m-t-4{margin-top: 4px;}
.m-t-5{margin-top: 5px;}
.m-t-6{margin-top: 6px;}
.m-t-7{margin-top: 7px;}
.m-t-8{margin-top: 8px;}
.m-t-9{margin-top: 9px;}
.m-t-10{margin-top: 10px;}
.m-t-11{margin-top: 11px;}
.m-t-12{margin-top: 12px;}
.m-t-13{margin-top: 13px;}
.m-t-14{margin-top: 14px;}
.m-t-15{margin-top: 15px;}
.m-t-16{margin-top: 16px;}
.m-t-17{margin-top: 17px;}
.m-t-18{margin-top: 18px;}
.m-t-19{margin-top: 19px;}
.m-t-20{margin-top: 20px;}
.m-t-21{margin-top: 21px;}
.m-t-22{margin-top: 22px;}
.m-t-23{margin-top: 23px;}
.m-t-24{margin-top: 24px;}
.m-t-25{margin-top: 25px;}
.m-t-26{margin-top: 26px;}
.m-t-27{margin-top: 27px;}
.m-t-28{margin-top: 28px;}
.m-t-29{margin-top: 29px;}
.m-t-30{margin-top: 30px;}
.m-t-31{margin-top: 31px;}
.m-t-32{margin-top: 32px;}
.m-t-33{margin-top: 33px;}
.m-t-34{margin-top: 34px;}
.m-t-35{margin-top: 35px;}
.m-t-36{margin-top: 36px;}
.m-t-37{margin-top: 37px;}
.m-t-38{margin-top: 38px;}
.m-t-39{margin-top: 39px;}
.m-t-40{margin-top: 40px;}
.m-t-41{margin-top: 41px;}
.m-t-42{margin-top: 42px;}
.m-t-43{margin-top: 43px;}
.m-t-44{margin-top: 44px;}
.m-t-45{margin-top: 45px;}
.m-t-46{margin-top: 46px;}
.m-t-47{margin-top: 47px;}
.m-t-48{margin-top: 48px;}
.m-t-49{margin-top: 49px;}
.m-t-50{margin-top: 50px;}
.m-t-51{margin-top: 51px;}
.m-t-52{margin-top: 52px;}
.m-t-53{margin-top: 53px;}
.m-t-54{margin-top: 54px;}
.m-t-55{margin-top: 55px;}
.m-t-56{margin-top: 56px;}
.m-t-57{margin-top: 57px;}
.m-t-58{margin-top: 58px;}
.m-t-59{margin-top: 59px;}
.m-t-60{margin-top: 60px;}
.m-t-61{margin-top: 61px;}
.m-t-62{margin-top: 62px;}
.m-t-63{margin-top: 63px;}
.m-t-64{margin-top: 64px;}

.m-l-0{margin-left: 0px;}
.m-l-1{margin-left: 1px;}
.m-l-2{margin-left: 2px;}
.m-l-3{margin-left: 3px;}
.m-l-4{margin-left: 4px;}
.m-l-5{margin-left: 5px;}
.m-l-6{margin-left: 6px;}
.m-l-7{margin-left: 7px;}
.m-l-8{margin-left: 8px;}
.m-l-9{margin-left: 9px;}
.m-l-10{margin-left: 10px;}
.m-l-11{margin-left: 11px;}
.m-l-12{margin-left: 12px;}
.m-l-13{margin-left: 13px;}
.m-l-14{margin-left: 14px;}
.m-l-15{margin-left: 15px;}
.m-l-16{margin-left: 16px;}
.m-l-17{margin-left: 17px;}
.m-l-18{margin-left: 18px;}
.m-l-19{margin-left: 19px;}
.m-l-20{margin-left: 20px;}
.m-l-21{margin-left: 21px;}
.m-l-22{margin-left: 22px;}
.m-l-23{margin-left: 23px;}
.m-l-24{margin-left: 24px;}
.m-l-25{margin-left: 25px;}
.m-l-26{margin-left: 26px;}
.m-l-27{margin-left: 27px;}
.m-l-28{margin-left: 28px;}
.m-l-29{margin-left: 29px;}
.m-l-30{margin-left: 30px;}
.m-l-31{margin-left: 31px;}
.m-l-32{margin-left: 32px;}
.m-l-33{margin-left: 33px;}
.m-l-34{margin-left: 34px;}
.m-l-35{margin-left: 35px;}
.m-l-36{margin-left: 36px;}
.m-l-37{margin-left: 37px;}
.m-l-38{margin-left: 38px;}
.m-l-39{margin-left: 39px;}
.m-l-40{margin-left: 40px;}
.m-l-41{margin-left: 41px;}
.m-l-42{margin-left: 42px;}
.m-l-43{margin-left: 43px;}
.m-l-44{margin-left: 44px;}
.m-l-45{margin-left: 45px;}
.m-l-46{margin-left: 46px;}
.m-l-47{margin-left: 47px;}
.m-l-48{margin-left: 48px;}
.m-l-49{margin-left: 49px;}
.m-l-50{margin-left: 50px;}
.m-l-51{margin-left: 51px;}
.m-l-52{margin-left: 52px;}
.m-l-53{margin-left: 53px;}
.m-l-54{margin-left: 54px;}
.m-l-55{margin-left: 55px;}
.m-l-56{margin-left: 56px;}
.m-l-57{margin-left: 57px;}
.m-l-58{margin-left: 58px;}
.m-l-59{margin-left: 59px;}
.m-l-60{margin-left: 60px;}
.m-l-61{margin-left: 61px;}
.m-l-62{margin-left: 62px;}
.m-l-63{margin-left: 63px;}
.m-l-64{margin-left: 64px;}

.m-r-0{margin-right: 0px;}
.m-r-1{margin-right: 1px;}
.m-r-2{margin-right: 2px;}
.m-r-3{margin-right: 3px;}
.m-r-4{margin-right: 4px;}
.m-r-5{margin-right: 5px;}
.m-r-6{margin-right: 6px;}
.m-r-7{margin-right: 7px;}
.m-r-8{margin-right: 8px;}
.m-r-9{margin-right: 9px;}
.m-r-10{margin-right: 10px;}
.m-r-11{margin-right: 11px;}
.m-r-12{margin-right: 12px;}
.m-r-13{margin-right: 13px;}
.m-r-14{margin-right: 14px;}
.m-r-15{margin-right: 15px;}
.m-r-16{margin-right: 16px;}
.m-r-17{margin-right: 17px;}
.m-r-18{margin-right: 18px;}
.m-r-19{margin-right: 19px;}
.m-r-20{margin-right: 20px;}
.m-r-21{margin-right: 21px;}
.m-r-22{margin-right: 22px;}
.m-r-23{margin-right: 23px;}
.m-r-24{margin-right: 24px;}
.m-r-25{margin-right: 25px;}
.m-r-26{margin-right: 26px;}
.m-r-27{margin-right: 27px;}
.m-r-28{margin-right: 28px;}
.m-r-29{margin-right: 29px;}
.m-r-30{margin-right: 30px;}
.m-r-31{margin-right: 31px;}
.m-r-32{margin-right: 32px;}
.m-r-33{margin-right: 33px;}
.m-r-34{margin-right: 34px;}
.m-r-35{margin-right: 35px;}
.m-r-36{margin-right: 36px;}
.m-r-37{margin-right: 37px;}
.m-r-38{margin-right: 38px;}
.m-r-39{margin-right: 39px;}
.m-r-40{margin-right: 40px;}
.m-r-41{margin-right: 41px;}
.m-r-42{margin-right: 42px;}
.m-r-43{margin-right: 43px;}
.m-r-44{margin-right: 44px;}
.m-r-45{margin-right: 45px;}
.m-r-46{margin-right: 46px;}
.m-r-47{margin-right: 47px;}
.m-r-48{margin-right: 48px;}
.m-r-49{margin-right: 49px;}
.m-r-50{margin-right: 50px;}
.m-r-51{margin-right: 51px;}
.m-r-52{margin-right: 52px;}
.m-r-53{margin-right: 53px;}
.m-r-54{margin-right: 54px;}
.m-r-55{margin-right: 55px;}
.m-r-56{margin-right: 56px;}
.m-r-57{margin-right: 57px;}
.m-r-58{margin-right: 58px;}
.m-r-59{margin-right: 59px;}
.m-r-60{margin-right: 60px;}
.m-r-61{margin-right: 61px;}
.m-r-62{margin-right: 62px;}
.m-r-63{margin-right: 63px;}
.m-r-64{margin-right: 64px;}