show-loading{--load-bg-clr:rgba(255, 255, 255, 0.5);--load-clr:#FFF;--load-dot-clr:#263238}menu-canvas a,mobile-menu{--link-txt-clr:#263238;--highlight-clr:#CFD8DC;--header-bg-clr:#37474F;--header-txt-clr:#FFF;--line-clr:#CFD8DC;--menu-bg-clr:#eceff1;--menu-body-clr:#fff;--menu-slider-clr:#8197B1}alert-prompt{--title-txt-clr:#45515E}alert-prompt{border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--font-sz-base);opacity:1;padding:0 .5rem .5rem .5rem;position:relative}alert-prompt.sticky{position:fixed;z-index:1;right:0;bottom:0;left:0}alert-prompt.fade-out{opacity:0;visibility:hidden;transition:visibility 0s 1s,opacity .25s cubic-bezier(.17,.67,.83,.67)}alert-prompt.fade-in{opacity:1}alert-prompt>header{align-items:center;display:flex;justify-content:center}alert-prompt>header strong{color:var(--title-txt-clr);flex-grow:1;font-size:var(--font-sz-small);font-weight:var(--font-wt-medium);text-align:center}alert-prompt span.close{background-image:url(//icons.area201.com/grey/close.svg);background-repeat:no-repeat;background-size:1rem 1rem;background-position:center;cursor:pointer;display:block;width:2rem;height:2rem}alert-data{border-radius:.5rem;display:grid;font-size:1rem;gap:.5rem;grid-template-areas:"icon title extra" ". msg msg";grid-template-columns:[col-start] 2rem 1fr auto [col-end];padding:.5rem}alert-data+alert-data{margin-top:.5rem}alert-data.error{background-color:var(--red-100)}alert-data.success{background-color:var(--green-100)}alert-data.notice{background-color:var(--blue-100)}alert-data.warning{background-color:var(--yellow-100)}alert-data.details{background-color:var(--grey-100)}alert-data>a-icon{background-repeat:no-repeat;background-size:2rem;background-position:center;display:inline-block;float:left;grid-area:icon;width:2rem;height:2rem}alert-data.success>a-icon{background-image:url(//icons.area201.com/green/circle-check.svg)}alert-data.error>a-icon{background-image:url(//icons.area201.com/red/notice.svg)}alert-data.notice>a-icon{background-image:url(//icons.area201.com/blue/notice.svg)}alert-data.warning>a-icon{background-image:url(//icons.area201.com/yellow/warning.svg)}alert-data.details>a-icon{background-image:url(//icons.area201.com/grey/label-arrow.svg)}alert-data>a-title{align-self:center;font-weight:var(--font-wt-medium);grid-area:title}alert-data>a-extra{align-self:center;grid-area:extra;font-size:.875rem;font-weight:var(--font-wt-thin)}alert-data>a-msg{grid-area:msg}show-loading{align-items:center;background-color:var(--load-bg-clr);color:var(--load-clr);position:absolute;display:flex;justify-content:center;width:100%;top:0;right:0;bottom:0;left:0;z-index:20}show-loading>i{background-color:var(--load-dot-clr);border-radius:100%;display:inline-block;width:1rem;height:1rem;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}show-loading>i:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}show-loading>i:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}mobile-menu{background-color:var(--menu-bg-clr);box-shadow:none;display:flex;flex-direction:column;position:fixed;transform:translateX(-100%);top:0;left:0;bottom:0;width:20rem;z-index:115;transition:transform .5s ease,box-shadow .5s ease}mobile-menu>span.close{background-image:url(//icons.area201.com/white/close.svg);background-repeat:no-repeat;background-position:center;background-size:1.5rem;cursor:pointer;diplay:block;position:absolute;top:1rem;right:1rem;width:2rem;height:2rem}mobile-menu>header{background-color:var(--header-bg-clr);box-sizing:border-box;color:var(--header-txt-clr);font-size:var(--font-sz-h3);font-weight:var(--font-wt-medium);padding:1rem}mobile-menu hr{background-color:var(--line-clr);border:0;margin:1rem auto;width:90%;height:.0625rem}mobile-menu>menu-canvas{display:flex;flex-direction:column;overflow-x:hidden;position:relative;height:100vh}mobile-menu>menu-canvas::-webkit-scrollbar{background-color:transparent;width:.5rem}mobile-menu>menu-canvas::-webkit-scrollbar-thumb{border-radius:.5rem;background-color:var(--menu-slider-clr)}menu-canvas>nav{background-color:var(--menu-body-clr);display:flex;flex-direction:column;font-size:1rem;padding-top:1rem;position:absolute;row-gap:1rem;width:20rem;left:0;transition:transform .25s ease-in}menu-canvas>nav.move-right{transform:translateX(100%)}menu-canvas>nav.focused{transform:translateX(0)}menu-canvas>nav.move-left{transform:translateX(-100%)}menu-canvas>nav>header,menu-canvas>nav>menu-group>header{box-sizing:border-box;font-size:var(--font-sz-small);font-weight:var(--font-wt-medium);padding:.5rem 1rem;text-transform:uppercase}menu-canvas>nav>menu-group{display:flex;flex-direction:column}menu-canvas>nav>menu-group:last-of-type{padding-bottom:3rem}menu-canvas>nav>menu-group:not(:first-of-type){border-top:2px solid var(--menu-bg-clr)}menu-canvas>nav>menu-group>div{align-items:center;display:grid;grid-template-columns:[col-start] auto [col-end];padding:.5rem 1rem}menu-canvas>nav>menu-group>div a{color:var(--link-txt-clr)}menu-canvas>nav>menu-group>div.label{font-size:var(--font-sz-subtitle);font-weight:var(--font-wt-medium)}menu-canvas>nav>menu-group>div.label.sub-label{font-size:.95rem}menu-canvas>nav>menu-group>div.link{font-size:.95rem}menu-canvas>nav>menu-group>div.prev{font-size:1rem;font-weight:var(--font-wt-medium);grid-template-columns:[col-start] 2rem 1fr [col-end]}menu-canvas>nav>menu-group>div.next{grid-template-columns:[col-start] 1fr 2rem [col-end];padding-right:.5rem}@media (hover:hover){menu-canvas>nav>menu-group>div.link:hover,menu-canvas>nav>menu-group>div.next:hover,menu-canvas>nav>menu-group>div.prev:hover{background-color:var(--highlight-clr);cursor:pointer}}menu-canvas>nav>menu-group>div.next>i,menu-canvas>nav>menu-group>div.prev>i{background-image:url(//icons.area201.com/grey/tick-right.svg);background-repeat:no-repeat;background-position:center;background-size:1.5rem;display:block;content:"";opacity:.5;place-self:center;pointer-events:none;width:1.5rem;height:1.5rem}menu-canvas>nav>menu-group>div.prev>i{background-image:url(//icons.area201.com/grey/tick-left.svg)}@media (hover:hover){menu-canvas>nav>menu-group>div.next:hover>i{background-image:url(//icons.area201.com/blue/tick-right.svg)}menu-canvas>nav>menu-group>div.prev:hover>i{background-image:url(//icons.area201.com/blue/tick-left.svg)}}@media screen and (min-width:768px){mobile-menu{width:22rem}menu-canvas>nav{width:22rem}}