.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url('#default#VML');display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font:12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px 'Lucida Console',Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url('../../assets/leaflet/libs/leaflet/images/layers.png');width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url('../../assets/leaflet/libs/leaflet/images/layers-2x.png');background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url('../../assets/leaflet/libs/leaflet/images/marker-icon.png')}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:rgba(255,255,255,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:0 0}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:0 0;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}
.fullscreen-icon{background-image:url('../../assets/leaflet/libs/leaflet-fullscreen/icon-fullscreen.png')}.leaflet-retina .fullscreen-icon{background-image:url('../../assets/leaflet/libs/leaflet-fullscreen/icon-fullscreen-2x.png');background-size:26px 26px}.leaflet-container:-webkit-full-screen{width:100%!important;height:100%!important;z-index:99999}.leaflet-container:-ms-fullscreen{width:100%!important;height:100%!important;z-index:99999}.leaflet-container:full-screen{width:100%!important;height:100%!important;z-index:99999}.leaflet-container:fullscreen{width:100%!important;height:100%!important;z-index:99999}.leaflet-pseudo-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:99999}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.pcolor-transparent {
  background-color: rgba(255,255,255,0.5);
  border: 1px solid #ddd;
}

.pcolor-bronze {
  background-color: #8d4931;
}

.pcolor-holzoptik {
  background-color: #a08070 !important;
}

.leaflet-tile-pane { 
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%); 
}

.cc-bottom {
  justify-content: center;
}

/*---------------
  _VARIABLES.SCSS
---------------*/
/*---------------
  _ANIMATION.SCSS
---------------*/
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeOut {
  opacity: 0;
  -moz-animation: fadeout 500ms linear;
  -webkit-animation: fadeout 500ms linear;
  animation: fadeout 500ms linear;
}

.fadeIn {
  opacity: 1 !important;
  -moz-animation: fadein 500ms linear;
  -webkit-animation: fadein 500ms linear;
  animation: fadein 500ms linear;
}

/*---------------
  _RESPONSIVE.SCSS
---------------*/
/*---------------
  _CUSTOMPROPERTIES.SCSS
---------------*/
:root {
  --grid-padding: calc(4.1666666667% * 2);
  --base-padding: 1.25rem;
  --hbase-padding: 1.25rem;
  --text-padding: calc(1.5*var(--hbase-padding));
  --vertical-text-padding: 1.25rem;
  --first-line-padding: 16.6666666667%;
}

@media screen and (min-width: 64em) {
  :root {
    --grid-padding: calc(2.6315789474% * 3);
    --first-line-padding: 13.1578947368%;
  }
}
/*---------------
  _FONTS.SCSS
---------------*/
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  src: url("../../files/hp/fonts/Barlow-Medium.ttf");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  src: url("../../files/hp/fonts/Barlow-Light.ttf");
}
h4, h5, h3, h2, h1 {
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 2em;
  margin-bottom: 1em;
}
h4 span, h5 span, h3 span, h2 span, h1 span {
  color: #E73C1A;
}

h1 {
  font-size: 3.5rem;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  h1 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 90em) {
  h1 {
    font-size: 5rem;
  }
}

h2 {
  font-size: 2.5rem;
  line-height: 2.9166666667rem;
}
@media screen and (min-width: 64em) {
  h2 {
    font-size: 2.4375rem;
    line-height: 2.5rem;
  }
}

h3 {
  font-size: 1.1666666667rem;
  line-height: 1;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  h3 {
    font-size: 1.5rem;
  }
}

/*---------------
  _MIXINS.SCSS
---------------*/
/*---------------
  _SHARED.SCSS
---------------*/
p {
  font-weight: 300;
}

.text-highlight {
  color: #E73C1A;
  font-size: 1.625rem;
  line-height: 1.4;
}

a {
  color: inherit;
  text-decoration: inherit;
}

.products--details a:not(.button), a.email a:not(.button),
.content--image-column a,
.content--3-columns a,
.content--2-columns a,
.content--1-column a {
  color: #E73C1A;
}

a.email {
  display: inline-block;
  line-height: 1.2;
}

.pre-headline {
  font-size: 1rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.pos-headline,
.has-headline-addition + p {
  font-size: 1.8125rem;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: calc(3 * var(--base-padding));
}

.has-headline-addition {
  margin-bottom: var(--base-padding) !important;
}

.subheadline {
  font-size: 1.7rem;
  line-height: 1.25;
}

.button {
  padding-top: 1.4166666667rem;
  padding-bottom: 1.4166666667rem;
  padding-left: var(--text-padding);
  padding-right: var(--text-padding);
  display: inline-block;
  min-width: 150px;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #E73C1A;
  border-radius: 5px;
  text-transform: uppercase;
}

.buttons-container .button {
  margin-right: var(--text-padding);
}

blockquote {
  margin-top: 4rem;
  margin-bottom: 4rem;
  margin-left: 0;
  margin-right: 0;
}
blockquote p {
  font-size: 1.5rem;
  line-height: 1.8333333333rem;
  font-weight: 500;
  color: #E73C1A;
}
blockquote cite {
  font-size: 1.25rem;
  font-style: normal;
  line-height: 1;
  font-weight: 500;
}
blockquote cite small {
  font-size: 0.75rem;
  font-weight: 300;
}

.label {
  font-size: 1rem;
  line-height: 1;
  color: #606468;
}

.scrollup {
  opacity: 0;
  position: fixed;
  -webkit-transition: All 0.6s ease;
  transition: All 0.6s ease;
  right: 1rem;
  bottom: 1rem;
  z-index: 1000;
}
.scrollup:hover {
  -webkit-transition: All 0.6s ease;
  transition: All 0.6s ease;
  bottom: 1.5rem;
}

.scrollup__button {
  outline: none;
  border-width: 0;
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  background: #E73C1A;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}

.scrollup__button img {
  max-width: 70%;
  transform: rotate(-90deg);
}

ul,
ol {
  margin: 0;
  list-style-type: none;
  padding-left: var(--text-padding);
}

ul li {
  padding-left: var(--hbase-padding);
  padding-top: calc(var(--base-padding) / 2);
  padding-bottom: calc(var(--base-padding) / 2);
  background: url(../../files/hp/img/as/list-style.svg) left 1rem/10px no-repeat;
}
@media screen and (min-width: 90em) {
  ul li {
    background-position-y: 1.2rem;
  }
}
ul.image-bullets li {
  padding-top: var(--base-padding);
  padding-bottom: calc(2 * var(--base-padding));
  padding-left: calc(2rem + var(--hbase-padding));
  background: url(../../files/hp/img/as/icon-bullet.svg) left calc(var(--base-padding) + -0.4166666667rem)/2rem no-repeat;
}
ul.image-bullets li.cons {
  background-image: url(../../files/hp/img/as/icon-cons.svg);
}
@media screen and (min-width: 64em) {
  ul.image-bullets li {
    background-position-y: calc(var(--base-padding) + -0.25rem);
  }
}
ul.image-bullets li > :first-child {
  margin-top: 0;
  margin-bottom: var(--base-padding);
}

ol li {
  counter-increment: li;
  position: relative;
  padding-left: calc(4 * var(--hbase-padding));
}
ol li:before {
  content: counter(li);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5rem;
  color: #fff;
  padding: 0;
  width: 3.4375rem;
  height: 3.4375rem;
  line-height: 3.4375rem;
  background-color: #E73C1A;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
ol li:last-child:before {
  background-color: #383E42;
}
ol li > :first-child {
  margin-top: calc(2 * var(--base-padding));
  margin-bottom: 0;
  line-height: 3.4375rem;
}
ol li > :first-child + * {
  margin-top: 0;
}
ol[type=a] li {
  counter-increment: li-alpha;
}
ol[type=a] li:before {
  content: counter(li-alpha, lower-alpha);
  line-height: 1.4 !important;
}

@media screen and (min-width: 40em) {
  .content--image-column > div > :first-child, .content--3-columns > div > :first-child, .content--2-columns > div > :first-child, .content--1-column > div > :first-child {
    margin-top: 0;
  }
}
.content--image-column li, .content--3-columns li, .content--2-columns li, .content--1-column li {
  padding-top: calc(var(--base-padding) / 4);
  padding-bottom: calc(var(--base-padding) / 4);
  padding-left: var(--hbase-padding);
  font-weight: 300;
  color: inherit;
  background-position: left 0.75em;
}
@media screen and (min-width: 40em) {
  .content--image-column li, .content--3-columns li, .content--2-columns li, .content--1-column li {
    background-position: left 0.8em;
  }
}
.content--image-column ul, .content--3-columns ul, .content--2-columns ul, .content--1-column ul {
  padding-left: calc(var(--text-padding) / 2);
}
@media screen and (min-width: 64em) {
  .content--image-column ul, .content--3-columns ul, .content--2-columns ul, .content--1-column ul {
    padding-left: calc(var(--text-padding) * 1.5) !important;
  }
}
.content--image-column ol, .content--3-columns ol, .content--2-columns ol, .content--1-column ol {
  padding-left: 0;
}
.content--image-column ol li, .content--3-columns ol li, .content--2-columns ol li, .content--1-column ol li {
  padding-left: calc(1.75 * var(--hbase-padding));
}
.content--image-column ol li:before, .content--3-columns ol li:before, .content--2-columns ol li:before, .content--1-column ol li:before {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1rem;
  top: 6px;
  background-color: #E73C1A;
}
.content--image-column ol li > :first-child, .content--3-columns ol li > :first-child, .content--2-columns ol li > :first-child, .content--1-column ol li > :first-child {
  line-height: 1.5rem;
}
.content--image-column ol ol li:before, .content--3-columns ol ol li:before, .content--2-columns ol ol li:before, .content--1-column ol ol li:before {
  background-color: #383E42;
}

.bg-light {
  background-color: #fff;
}

.bg-dark {
  color: #fff;
  background-color: #383E42;
}

.bg-grey {
  color: #383E42;
  background-color: #EFF0F1;
}

.bg-grey2 {
  color: #383E42;
  background-color: #F7F7F8;
}

.layerlines {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 4fr 6fr 6fr 6fr 2fr;
}
.layerlines > div {
  border-right: 1px solid #606468;
}
@media screen and (min-width: 64em) {
  .layerlines {
    grid-template-columns: 5fr 6fr 6fr 6fr 6fr 6fr 3fr;
  }
  .layerlines:before {
    display: block;
    content: "";
    border-right: 1px solid #606468;
  }
}
@media screen and (max-width: 63.9375em) {
  .layerlines > :last-child {
    border: none;
  }
}

.leaflet-marker-pane {
  z-index: 600;
  width: 3.125rem;
  height: 3.125rem;
}

/*---------------
  _TABLE.SCSS
---------------*/
table {
  width: 100%;
  color: #fff;
  background-color: #383E42;
  border-collapse: collapse;
  padding-top: calc(2 * var(--base-padding));
  padding-bottom: calc(2 * var(--base-padding));
}
table th, table td {
  padding: calc(var(--base-padding) / 2) calc(var(--base-padding) / 2);
}
@media screen and (min-width: 90em) {
  table th, table td {
    padding: calc(var(--base-padding) / 2) var(--base-padding);
  }
}
table th {
  padding-right: calc(calc(var(--base-padding) / 2)*2);
  color: #AFB2B3;
  font-weight: 500;
  text-align: right;
}
@media screen and (min-width: 90em) {
  table th {
    padding-right: calc(var(--base-padding)*2);
  }
}
table th + td {
  padding-left: 0;
}
table td {
  font-size: 1.2rem;
  line-height: 1;
}
@media screen and (min-width: 120em) {
  table td {
    font-size: 1.6rem;
  }
}
table td:not(:nth-child(2)):not(:first-child) {
  border-left: 1px solid #606468;
}

.table-header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
  position: relative;
}
.table-header > * {
  display: inline-block;
}
.table-header .table__information {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  margin-bottom: calc(2 * var(--base-padding));
}
.table-header .table__information > * {
  margin-left: var(--text-padding);
}
.table-header .legend {
  margin-right: var(--text-padding);
  margin-top: var(--base-padding);
}
.table-header .scroll-info {
  position: absolute;
  top: 100%;
}

.table-container {
  position: relative;
}
.table-container .table-scroll-container {
  margin-left: 25%;
  overflow-x: auto;
  padding-bottom: 0.8333333333rem;
  /*
  .button-scroll-right img,
  .button-scroll-left img {
    position: relative;
    height: 42px;
    top: calc(50% - 21px);
    cursor: pointer;
  }
  */
}
.table-container .table-scroll-container .button-scroll-right,
.table-container .table-scroll-container .button-scroll-left {
  position: absolute;
  display: none;
  height: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
  cursor: pointer;
}
.table-container .table-scroll-container .button-scroll-right img,
.table-container .table-scroll-container .button-scroll-left img {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.table-container .table-scroll-container .button-scroll-right {
  right: 0;
}
.table-container .table-scroll-container .button-scroll-left {
  transform: scale(-1);
}
.table-container .table-scroll-container table tr th, .table-container .table-scroll-container table tr td {
  box-sizing: border-box;
}
.table-container .table-scroll-container table th:first-child {
  position: absolute;
  width: 25%;
  min-width: 25%;
  left: 0;
}

.products__facts .table-container {
  margin-top: calc(2 * var(--base-padding));
}
.products__facts .table-container.table-container--vertical {
  margin-top: var(--base-padding);
}
.products__facts table {
  padding-top: 0;
  padding-bottom: 0;
}
.products__facts table th {
  width: 25%;
}

.products__facts--vertical .table-container {
  clear: both;
}
@media screen and (min-width: 40em) {
  .products__facts--vertical .table-container {
    padding-left: calc(2 * var(--text-padding));
  }
}
@media screen and (min-width: 64em) {
  .products__facts--vertical .table-container {
    padding-left: calc(3 * var(--text-padding));
  }
}
.products__facts--vertical .table-container .table-inner {
  overflow-x: auto;
}
.products__facts--vertical .table-container table {
  width: auto;
}
.products__facts--vertical .table-container table tr > :first-child {
  box-sizing: border-box;
  width: calc(25% - var(--text-padding));
}
@media screen and (min-width: 40em) {
  .products__facts--vertical .table-container table tr > :first-child {
    width: calc(25% - 2 * var(--text-padding));
  }
}
@media screen and (min-width: 64em) {
  .products__facts--vertical .table-container table tr > :first-child {
    width: calc(25% - 3 * var(--text-padding));
  }
}
.products__facts--vertical .table-container table tr > :nth-child(2) {
  padding-left: 0;
}
.products__facts--vertical .table-container table td, .products__facts--vertical .table-container table th {
  width: auto;
  border: none;
  text-align: center;
  padding-left: calc(var(--base-padding) / 2);
  padding-right: calc(var(--base-padding) / 2);
}
@media screen and (min-width: 40em) {
  .products__facts--vertical .table-container table td, .products__facts--vertical .table-container table th {
    padding-left: var(--base-padding);
    padding-right: var(--base-padding);
  }
}
@media screen and (min-width: 40em) {
  .products__facts--vertical .table-container table td, .products__facts--vertical .table-container table th {
    padding-left: calc(1.5 * var(--base-padding));
    padding-right: calc(1.5 * var(--base-padding));
  }
}
.products__facts--vertical .table-container thead .headrow {
  vertical-align: bottom;
}
.products__facts--vertical .table-container thead .headrow th:first-child {
  color: #E73C1A;
  text-align: left;
}
.products__facts--vertical .table-container thead .units th {
  color: #fff;
}
.products__facts--vertical .table-container tr {
  border: 2px solid #383E42;
}
.products__facts--vertical .table-container tr.instock td {
  color: #fff;
  background: rgba(231, 60, 26, 0.1);
}
.products__facts--vertical .table-container tr.instock td:first-child:before {
  content: "";
  display: block;
  text-align: left;
  width: 1.875rem;
  height: 1.875rem;
  margin-left: var(--base-padding);
  background: url(../../files/hp/img/as/icon-bullet.svg) no-repeat;
}
.products__facts--vertical .table-container tr td.arrow-up:before {
  content: "";
  display: block;
  text-align: left;
  width: 1.875rem;
  height: 1.875rem;
  margin: 0 auto;
  transform: rotate(-90deg);
  background: url(../../files/hp/img/as/arrow-right-white.svg) no-repeat;
}

/*---------------
  _NAVIGATION.SCSS
---------------*/
nav ul {
  padding: 0;
  list-style-type: none;
  text-transform: uppercase;
}
nav li {
  background: none;
  padding-left: 0;
}
nav li > strong, nav li.trail > a {
  font-weight: inherit;
  color: #E73C1A;
}

.nav--main {
  position: relative;
  z-index: 1000;
  padding-top: 6vw;
  display: grid;
  grid-template-columns: 2fr 4fr 2fr 15fr 1fr;
  justify-items: center;
}
@media screen and (max-width: 63.9375em) {
  .nav--main .logo, .nav--main .search--trigger, .nav--main .menusymbol {
    padding-top: var(--vertical-text-padding);
    padding-bottom: var(--vertical-text-padding);
    background-color: #383E42;
  }
}
.nav--main .menusymbol {
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 63.9375em) {
  .nav--main .menusymbol {
    grid-column-start: 2;
  }
}
.nav--main .menusymbol a {
  margin: 0;
}
@media screen and (max-width: 63.9375em) {
  .nav--main nav {
    display: none;
  }
}
.nav--main .search--trigger {
  margin-top: 0.5rem;
}
@media screen and (min-width: 64em) {
  .nav--main .search--trigger {
    margin-top: 2rem;
  }
}
.nav--main .search--trigger img {
  margin-left: var(--hbase-padding);
  max-width: 1.5rem;
}
.nav--main .logo {
  justify-self: end;
  text-align: right;
}
.nav--main .logo img {
  width: 70%;
}
@media screen and (min-width: 40em) {
  .nav--main .logo img {
    width: 80%;
  }
}
@media screen and (min-width: 64em) {
  .nav--main .logo img {
    width: initial;
  }
}
@media screen and (min-width: 64em) {
  .nav--main {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-top: 0;
    margin-top: 3vw;
    display: grid;
    grid-template-columns: 3fr 2fr 6fr 6fr 6fr 6fr 6fr 3fr;
    justify-items: initial;
    height: auto; /* to allow text select */
  }
  .nav--main nav, .nav--main ul.level_1 {
    display: contents;
  }
  .nav--main li {
    margin-top: 1.5rem;
  }
  .nav--main a, .nav--main strong {
    margin-left: var(--text-padding);
    font-size: 1.15rem;
  }
  .nav--main .logo {
    grid-column: span 2;
    justify-self: end;
    margin-right: 4vw;
    padding: 1vw 0 1.5vw 0;
    padding: 2rem 0;
    background: #383E42;
  }
  .nav--main .menusymbol {
    margin-top: 2rem;
    justify-self: end;
    width: 38px;
    height: 28px;
    /*
    background: url(../../files/hp/img/as/menu.svg);
    */
  }
}

.content--sidebar {
  align-items: start;
}

.content--sidebar__menu {
  position: sticky;
  top: calc(2 * var(--base-padding));
  max-height: 100vh;
  overflow-y: auto;
  margin-top: 1rem;
}
.content--sidebar__menu nav {
  margin-bottom: calc(2 * var(--base-padding));
}
.content--sidebar__menu .dach nav {
  margin-bottom: var(--base-padding);
}
.content--sidebar__menu h3 {
  margin-top: calc(2 * var(--base-padding));
  margin-bottom: var(--base-padding);
}
.content--sidebar__menu ul li {
  padding-top: calc(var(--base-padding) / 4);
  padding-bottom: calc(var(--base-padding) / 4);
}

nav.pagination {
  margin: calc(2 * var(--base-padding)) 0;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: wrap;
}
nav.pagination ul {
  padding: 0;
}
nav.pagination li {
  display: inline-block;
  margin: 0 5px;
  padding-left: 0;
}
nav.pagination li a:not(.first):not(.last),
nav.pagination li strong {
  display: inline-block;
  box-sizing: content-box;
  width: 33px;
  padding: 5px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #383E42;
}
nav.pagination li strong {
  background: #E73C1A;
}
nav.pagination li a.previous:before, nav.pagination li a.next:after {
  content: "";
  position: absolute;
  visibility: visible;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../../files/hp/img/as/arrow-right.svg") center center;
}
nav.pagination li a.next {
  position: relative;
  visibility: hidden;
}
nav.pagination li a.previous {
  position: relative;
  visibility: hidden;
}
nav.pagination li a.previous:before {
  transform: scaleX(-1);
}
nav.pagination li a.first,
nav.pagination li a.last {
  font-size: 13px;
}

/*---------------
  _MEDIA.SCSS
---------------*/
figure {
  margin: 0;
  line-height: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.ce_gallery ul {
  padding: 0;
  list-style-type: none;
}
.ce_gallery .cols_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.ce_gallery .cols_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.ce_gallery .cols_4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.ce_gallery {
  display: grid;
  grid-auto-rows: min-content;
  grid-auto-flow: dense;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .ce_gallery.gallery--2-columns {
    grid-template-columns: repeat(2, auto);
  }
  .ce_gallery.gallery--3-columns {
    grid-template-columns: repeat(3, auto);
  }
  .ce_gallery.gallery--4-columns {
    grid-template-columns: repeat(4, auto);
  }
  .ce_gallery.gallery--5-columns {
    grid-template-columns: repeat(5, auto);
  }
}
.ce_gallery figure.figure--portrait {
  grid-row: span 2;
}

/*---------------
  _FORM.SCSS
---------------*/
form .widget > label,
form legend {
  margin: var(--base-padding) 0;
  display: block;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  color: #E73C1A;
}
@media screen and (min-width: 40em) {
  form .widget > label,
  form legend {
    text-align: right;
  }
}

form .widget-captcha input, form .widget-text input,
form textarea,
form select {
  padding: var(--base-padding) var(--text-padding);
  font-size: 1.25rem;
  color: #383E42;
  border-radius: 5px;
  background: #D7D9DB;
  border: none;
  max-width: 100%;
}
@media screen and (min-width: 40em) {
  form .widget-captcha input, form .widget-text input,
  form textarea,
  form select {
    margin-left: var(--text-padding);
    margin-right: var(--text-padding);
    justify-self: start;
    max-width: calc(100% - 2 * var(--text-padding));
    grid-column-start: 2;
  }
}

form.form--dark .widget-captcha input, form.form--dark .widget-text input,
form.form--dark textarea,
form.form--dark select {
  background-color: #383E42;
  color: #fff;
}

.bg-dark form .widget-captcha input, form .widget-captcha .bg-dark input, .bg-dark form .widget-text input, form .widget-text .bg-dark input,
.bg-dark form textarea,
form .bg-dark textarea,
.bg-dark form select,
form .bg-dark select {
  background-color: #fff;
}

.ce_form {
  margin-top: calc(6 * var(--base-padding));
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media screen and (min-width: 64em) {
  .ce_form:first-child {
    margin-top: var(--base-padding);
  }
}
.ce_form:not(:last-child) {
  margin-bottom: calc(6 * var(--base-padding));
}
.ce_form .widget label {
  padding-left: var(--text-padding);
}

form * {
  box-sizing: border-box;
  font-family: inherit;
}
form fieldset {
  border: none;
  margin: var(--base-padding) 0;
  padding: 0;
}
form .widget {
  position: relative;
  margin: var(--base-padding) 0 calc(2 * var(--base-padding));
}
@media screen and (min-width: 40em) {
  form .widget {
    display: grid;
    grid-template-columns: 6fr 18fr;
  }
}
form .widget > label > span.mandatory,
form legend > span.mandatory {
  color: #E73C1A;
}
form .widget-text input,
form textarea {
  width: 100%;
}
form select {
  min-width: 12.5rem;
}
form .widget-explanation {
  margin: var(--base-padding) 0 calc(var(--base-padding) / 2);
}
form .widget-explanation ~ .widget-checkbox {
  margin: calc(var(--base-padding) / 2) 0 var(--base-padding);
}
form .widget-explanation ~ .widget-checkbox fieldset {
  margin: 0 !important;
}
form .formbody > .widget:nth-child(3) {
  margin-top: 0;
}
form button {
  min-width: 9.375rem;
  padding: 0 var(--text-padding);
  font-size: 1.25rem;
  line-height: 2.5;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background: #E73C1A;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
form .widget-submit {
  display: flex;
  flex-wrap: wrap;
  gap: var(--base-padding);
  margin-top: var(--base-padding);
  margin-bottom: var(--base-padding);
}
@media screen and (min-width: 40em) {
  form .widget-submit {
    margin-right: var(--text-padding);
    margin-left: calc(25% + var(--text-padding));
  }
}
form .widget-captcha {
  grid-template-areas: "label error" "label input" "label text";
}
form .widget-captcha label {
  grid-area: label;
}
form .widget-captcha p.error {
  grid-area: error;
}
form .widget-captcha input {
  grid-area: input;
}
form .widget-captcha .captcha_text {
  grid-area: text;
  margin-left: var(--text-padding);
}
form p.error {
  margin: var(--base-padding) 0 calc(var(--base-padding) / 2) var(--text-padding);
  font-size: 14px;
  line-height: 20px;
  color: #E73C1A;
}
@media screen and (min-width: 40em) {
  form .privacy > * {
    grid-column-start: 2;
    margin-left: var(--text-padding);
  }
}
form .privacy.widget-checkbox {
  margin-bottom: calc(3 * var(--base-padding));
}
form .privacy.widget-checkbox input.checkbox {
  position: relative;
  left: 0;
  top: 0;
  z-index: 0;
  -webkit-appearance: none;
}
form .privacy.widget-checkbox input.checkbox:checked + label:before {
  box-shadow: inset 0 0 0 3px #fff;
  background-color: #E73C1A;
}
form .privacy.widget-checkbox input.checkbox + label {
  position: absolute;
  padding-left: 0;
}
form .privacy.widget-checkbox input.checkbox + label:before {
  content: "";
  position: relative;
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 20px;
  border-radius: 5px;
  border: 2px solid #E73C1A;
  background-color: #fff;
  z-index: 5;
}

/*---------------
  _SEARCH.SCSS
---------------*/
*:focus {
  outline: none !important;
}

.search--trigger {
  cursor: pointer;
}

/* Search Form Overlay */
.searchbox--visuallyhidden .search-content {
  opacity: 0;
  -webkit-animation: fadeOutUp 0.5s !important;
  animation: fadeOutUp 0.5s !important;
  z-index: 10000;
}

.searchbox--hidden .search-content {
  display: none !important;
}

.search-content {
  /*
  label {
    position: absolute;
    top: -20px;
    left: 0;
    line-height: 2.5rem;
    font-size: 2rem;
    color: #333;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
   */
}

.mod_search.overlay .search-content {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  background: #383E42;
  z-index: 1000000;
  display: none;
}
.mod_search.overlay .search-content:before {
  content: "";
  height: 50%;
  display: block;
  margin-bottom: -60px;
  box-sizing: inherit;
}
.mod_search.overlay form {
  max-width: 500px;
  margin: 0 auto;
  padding: 0 2rem;
  height: 100%;
  display: none;
  text-align: center;
}
.mod_search.overlay .widget {
  display: block;
  position: relative;
}
.mod_search.overlay .widget.clicked label {
  font-size: 1rem;
  line-height: 1rem;
}
.mod_search.overlay label {
  margin-bottom: calc(0.5 * var(--base-padding));
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  text-align: left;
}
.mod_search.overlay input:not(.submit),
.mod_search.overlay button:not(.submit) {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 3px solid #fff;
  border-radius: 0;
  background: transparent;
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  font-weight: 300;
}
.mod_search.overlay input.submit,
.mod_search.overlay button.submit {
  -webkit-transition: All 0.3s linear;
  transition: All 0.3s linear;
}
.mod_search.overlay input.submit:hover,
.mod_search.overlay button.submit:hover {
  background: #ba2f14;
}
.mod_search.overlay .close-window img {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 38px;
  height: 38px;
  padding: 5px;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.mod_search.overlay .close-window img:hover {
  background: #4f585e;
}
@media screen and (min-width: 40em) {
  .mod_search.overlay .close-window img {
    right: 70px;
    top: 35px;
    width: 36px;
    height: 36px;
  }
}
.mod_search.overlay.show-search {
  overflow: visible !important;
}
.mod_search.overlay.show-search .search-content {
  display: block;
  -webkit-animation: fadeInDown 0.5s;
  animation: fadeInDown 0.5s;
}
.mod_search.overlay.show-search .search-content form {
  display: block;
}

[id=main] .mod_search > .header {
  margin-top: calc(2 * var(--base-grid));
  margin-bottom: calc(2 * var(--base-grid));
}
[id=main] .mod_search .formbody {
  margin: 0 0 calc(4 * var(--base-padding));
}
@media screen and (min-width: 40em) {
  [id=main] .mod_search .formbody {
    text-align: center;
  }
  [id=main] .mod_search .formbody .widget-text {
    margin-top: 0;
    display: block;
    width: 100%;
  }
  [id=main] .mod_search .formbody .widget-text label {
    display: none;
  }
  [id=main] .mod_search .formbody .widget-text input {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
  [id=main] .mod_search .formbody .widget-submit {
    margin-left: 0;
    margin-right: 0;
  }
}
[id=main] .mod_search .relevance {
  position: relative;
  top: -3px;
  font-size: 15px;
  color: #383E42;
}
[id=main] .mod_search mark {
  font-weight: 700;
  background: none;
  color: #E73C1A;
}
[id=main] .mod_search .context {
  margin-top: var(--base-grid);
  margin-bottom: var(--base-grid);
}
[id=main] .mod_search .url {
  margin: var(--base-grid) 0 calc(2 * var(--base-grid));
  font-style: italic;
}
[id=main] .mod_search .url a {
  color: inherit;
}

/*---------------
  _HEADER.SCSS
---------------*/
header {
  position: relative;
  overflow: hidden;
  background: #383E42;
  color: #fff;
}
@media screen and (min-width: 64em) {
  header {
    padding-top: 3vw;
  }
}
header #layerimage {
  position: relative;
  z-index: 50;
  padding-top: var(--vertical-text-padding);
  background-color: #383E42;
}
@media screen and (min-width: 90em) {
  header #layerimage {
    position: absolute;
    top: 30rem;
    left: 28.9473684211%;
  }
}
header #layertext {
  position: relative;
  z-index: 100;
  display: grid;
  grid-template-columns: 2fr 20fr 2fr;
  font-weight: 500;
}
@media screen and (min-width: 40em) {
  header #layertext {
    grid-template-columns: 2fr 22fr;
  }
}
@media screen and (min-width: 64em) {
  header #layertext {
    grid-template-columns: 3fr 35fr;
    letter-spacing: 0.05rem;
  }
}
header #layertext > * {
  grid-column: 2/3;
  justify-self: start;
  align-self: start;
  text-transform: uppercase;
}
header #layertext > * span {
  color: #E73C1A;
}
header #layertext > *:not(:first-child) {
  background: #383E42;
  padding-top: var(--vertical-text-padding);
  padding-bottom: var(--vertical-text-padding);
}
header #layertext > :last-child {
  margin-bottom: calc(5 * var(--base-padding));
}
header #layertext h1 {
  padding-top: var(--vertical-text-padding);
  padding-bottom: var(--vertical-text-padding);
  margin: 1rem 0 0 0;
  background: #383E42;
}
@media screen and (min-width: 64em) {
  header #layertext h1 {
    margin: 0px;
  }
}
@media screen and (min-width: 64em) {
  header #layertext > :nth-child(1) {
    margin-top: 11rem;
  }
}
header #layertext > :nth-child(2) {
  line-height: 1;
}
@media screen and (min-width: 64em) {
  header #layertext > :nth-child(2) {
    font-size: 1.5rem;
  }
}
header #layertext > :nth-child(3) {
  margin-top: calc(3 * var(--vertical-text-padding));
  margin-bottom: calc(4 * var(--vertical-text-padding));
  font-size: 1.4rem;
  text-transform: none;
  letter-spacing: 0.2rem;
  text-align: left;
}
@media screen and (min-width: 64em) {
  header #layertext > :nth-child(3) {
    font-size: 1.7142857143rem;
  }
}

@media screen and (min-width: 40em) {
  .header--image #layertext {
    grid-template-columns: 2fr 20fr 2fr;
  }
}
@media screen and (min-width: 64em) {
  .header--image #layertext {
    grid-template-columns: 3fr 32fr 3fr;
    letter-spacing: 0.05rem;
  }
}
@media screen and (min-width: 90em) {
  .header--image #layertext {
    grid-template-columns: 3fr 18fr 14fr 3fr;
  }
}
@media screen and (min-width: 90em) {
  .header--image #layertext > :nth-child(1),
  .header--image #layertext > :nth-child(2) {
    grid-column: 2/span 2;
  }
}
.header--image #layertext > :nth-child(3) {
  padding-right: calc(2 * var(--text-padding));
}
@media screen and (min-width: 90em) {
  .header--image #layertext > :nth-child(3) {
    margin-top: calc(8 * var(--base-padding));
    margin-left: 28.5714285714%;
    padding-right: 0;
    background: none;
  }
}
@media screen and (min-width: 90em) {
  .header--image #layerimage {
    max-height: calc(100% - 30rem - var(--vertical-text-padding));
    max-width: 71.0526315789%;
    width: 2303px;
    height: 100%;
  }
  .header--image #layerimage:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: -10px;
    right: 0;
    bottom: 0;
    background: rgb(56, 62, 66);
    background: linear-gradient(90deg, rgb(56, 62, 66) 0%, rgba(56, 62, 66, 0) 100%);
  }
  .header--image #layerimage .image_container {
    position: relative;
    height: 100%;
  }
  .header--image #layerimage .image_container img {
    position: absolute;
    object-fit: cover;
    object-position: center;
    height: 100%;
  }
  .header--image #layerimage .image_container.img-pos-top img {
    object-position: top;
  }
  .header--image #layerimage .image_container.img-pos-bottom img {
    object-position: top;
  }
}

.header--start #layerimage {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent url("../../files/hp/img/bg/building.png") right 20rem/100% no-repeat;
  /*
  @include media-query(screen-sm) {
    background-position: 20% 60%;
    background-size: 80%;
  }
  */
}
@media screen and (min-width: 64em) {
  .header--start #layerimage {
    background-size: 65%;
    background-position: right 10rem;
  }
}
@media screen and (min-width: 90em) {
  .header--start #layerimage {
    background-size: 75%;
  }
}
.header--start #layertext {
  text-align: left;
  /*
  @include media-query(screen-sm) {
    grid-template-columns: 2fr 22fr;
  }
  @include media-query(screen-md) {
    grid-template-columns: 3fr 35fr;
  }
  */
}
.header--start #layertext h1 {
  letter-spacing: -0.1rem;
  /*
  @include media-query(screen-md) {
    font-size: 103*$pixel;
    line-height: 100*$pixel;
    //font-size: 6.4rem;
    //line-height: 6.25rem;
  }
  */
}
@media screen and (min-width: 64em) {
  .header--start #layertext > :nth-child(1) {
    margin-top: 12vw;
  }
}
.header--start #layertext > :nth-child(2) {
  margin-top: 20rem;
  padding-bottom: 0;
}
@media screen and (min-width: 550px) and (max-width: 850px) {
  .header--start #layertext > :nth-child(2) {
    margin-top: 22rem;
  }
}
@media screen and (min-width: 53.125em) {
  .header--start #layertext > :nth-child(2) {
    margin-top: 25rem;
  }
}
@media screen and (min-width: 64em) {
  .header--start #layertext > :nth-child(2) {
    margin-top: 5rem;
  }
}
.header--start #layertext > :nth-child(3) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.5rem;
  font-size: 1.6666666667rem;
  line-height: 1.6666666667rem;
  text-transform: uppercase;
  letter-spacing: inherit;
  /*
  @include media-query(screen-md){
    //margin-bottom: 8rem;
    margin-top: -$distance2to3;
    margin-bottom: 10vw;
    margin-left: 0;
    padding-top: $distance2to3;
    padding-bottom: var(--vertical-text-padding);

    font-size: 42*$pixel;
    line-height: 40*$pixel;
  }
  */
}
.header--start #layertext > :nth-child(4) {
  text-transform: none;
  /*
  @include media-query(screen-md) {
    font-size: 24*$pixel;
  }
  */
}
.header--start #layertext > :nth-child(5) {
  margin-top: 4rem;
  margin-bottom: 6rem;
  font-size: 1.5833333333rem;
  line-height: 2.1666666667rem;
  /*
  @include media-query(screen-md) {
    margin-bottom: 10vw;
    font-size: 39*$pixel;
  }
  */
}
@media screen and (min-width: 40em) {
  .header--start #layertext > :nth-child(5) {
    margin-top: 6rem;
    font-size: 1.95rem;
    line-height: 2.35rem;
  }
}

/*---------------
  _FOOTER.SCSS
---------------*/
footer {
  position: relative;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  background: #383E42;
  color: #fff;
}
footer h2, footer h3 {
  margin-top: calc(var(--base-padding) / 2);
}
footer h2 {
  font-size: 1.75rem;
  line-height: 1;
}
footer h3 {
  color: #E73C1A;
  font-size: 1.5rem;
  line-height: 1;
}
footer p {
  font-weight: 500;
}
footer nav + nav {
  margin-top: calc(2 * var(--base-padding));
}
footer .nav--legal-information {
  font-size: 0.9375rem;
}
footer .layerlines {
  display: none;
}
@media screen and (min-width: 40em) {
  footer .layerlines {
    display: grid;
  }
}
footer .footer__content {
  position: relative;
  z-index: 10;
  padding-top: calc(8 * var(--base-padding));
  padding-bottom: calc(8 * var(--base-padding));
  display: grid;
  grid-template-columns: 10fr 10fr;
  padding-left: var(--grid-padding);
  padding-right: var(--grid-padding);
  line-height: 1.25;
}
@media screen and (max-width: 39.9375em) {
  footer .footer__content > div:nth-child(4), footer .footer__content > div:nth-child(2) {
    border-right: 1px solid #606468;
  }
}
@media screen and (min-width: 40em) {
  footer .footer__content {
    grid-template-columns: 8fr 6fr 6fr;
    font-size: 1rem;
  }
}
@media screen and (min-width: 64em) {
  footer .footer__content {
    grid-template-columns: 8fr 6fr 6fr 6fr 6fr;
  }
}
@media screen and (min-width: 120em) {
  footer .footer__content {
    font-size: inherit;
  }
}
footer .footer__content > div {
  padding-left: calc(var(--text-padding) / 2);
  padding-right: calc(var(--text-padding) / 2);
}
@media screen and (min-width: 90em) {
  footer .footer__content > div {
    padding-left: var(--text-padding);
    padding-right: var(--text-padding);
  }
}
footer .footer__content > div > * {
  background: #383E42;
}
footer .footer__content > :first-child {
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  footer .footer__content > :first-child {
    grid-column: span 2;
    padding-bottom: calc(4 * var(--base-padding));
  }
}
@media screen and (min-width: 40em) {
  footer .footer__content > :first-child {
    margin-top: calc(-1 * var(--vertical-text-padding) / 4);
  }
  footer .footer__content > :first-child > * {
    padding-top: calc(var(--vertical-text-padding) / 4);
    padding-bottom: calc(var(--vertical-text-padding) / 4);
  }
}
footer .footer__content > :first-child:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 1rem;
  width: 32px;
  height: 34px;
  background: #383E42 url(../../files/hp/img/as/icon-x.svg) center center no-repeat;
}
@media screen and (min-width: 40em) {
  footer .footer__content > :first-child:after {
    top: auto;
    bottom: -100px;
    left: calc(100% / 8 * 2 - 16px);
    padding-top: var(--vertical-text-padding);
    padding-bottom: var(--vertical-text-padding);
  }
}
@media screen and (min-width: 64em) {
  footer .footer__content > :first-child:after {
    bottom: 0;
  }
}
footer .footer__content > :first-child a:not(.phone) {
  color: #E73C1A;
}
footer .footer__content > :not(:first-child) {
  padding-bottom: calc(3 * var(--base-padding));
}
@media screen and (min-width: 40em) {
  footer .footer__content > :not(:first-child) {
    margin-top: 1.8333333333rem;
  }
}
@media screen and (min-width: 64em) {
  footer .footer__content > :not(:first-child) {
    margin-top: 1.75rem;
  }
}
footer .footer__content > div:nth-child(2) {
  /*
  * {
    @include media-query(screen-md) {
      margin: 0;
    }
  }
  */
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  footer .footer__content > div:nth-child(4) {
    grid-column-start: 2;
  }
}

/*---------------
  _CONTENT.SCSS
---------------*/
body:not(.header--start) main .inside:before {
  content: "";
  display: block;
  height: calc(6 * var(--base-padding));
  margin-left: var(--first-line-padding);
  margin-bottom: var(--base-padding);
  border-left: 1px solid #C3C5C6;
}

.content--image-column, .content--3-columns, .content--2-columns, .content--1-column, .content {
  padding-left: var(--grid-padding);
  padding-right: var(--grid-padding);
}
.content--image-column .pre-headline, .content--3-columns .pre-headline, .content--2-columns .pre-headline, .content--1-column .pre-headline, .content .pre-headline {
  margin-bottom: var(--base-padding);
}
.content--image-column h2, .content--3-columns h2, .content--2-columns h2, .content--1-column h2, .content h2 {
  margin-top: var(--base-padding);
  margin-bottom: calc(2 * var(--base-padding));
}

.content:not(:first-child):not(:nth-child(2)) {
  /*
  todo check
  > :first-child,
  > .show-for-md:first-child + * {
    padding-top: $content-padding-top;
  }
  */
}
.content:not(:first-child):not(:nth-child(2)) > :first-child {
  padding-top: calc(6 * var(--base-padding));
}
.content:not(:first-child):not(:nth-child(2)) > :last-child {
  padding-bottom: calc(8 * var(--base-padding));
}
@media screen and (min-width: 64em) {
  .content:not(:first-child):not(:nth-child(2)) > * {
    padding-top: calc(6 * var(--base-padding));
    padding-bottom: calc(8 * var(--base-padding));
  }
}
.content:first-child > :first-child {
  padding-top: 0;
}
@media screen and (min-width: 64em) {
  .content:first-child > * {
    padding-top: 0;
  }
}

.content--sidebar {
  padding: 0;
}
.content--sidebar > :first-child {
  /*
  @include content-line();
  &:before {
    // set content-line height
    height: $content-padding-top;
    left: calc(100% / 20 * 2);
  }
  */
}
@media screen and (min-width: 64em) {
  .content--sidebar > :first-child {
    padding-right: calc(2 * var(--text-padding));
    /*
    &:before {
      left: calc(100% / 8 * 2);
      @if ($contentLineHeight) {
        height: $contentLineHeight;
      }
      @else {
        height: 100%;
      }
    }
    */
    /*
    > :first-child { //e.g. headline in first div
      margin-top: 0;
    }

    > * {
      padding-bottom: var(--vertical-text-padding);
      background: $color-bg-light;
    }
    */
  }
}
.content--sidebar:last-child {
  padding-bottom: calc(8 * var(--base-padding)) !important;
}
@media screen and (min-width: 64em) {
  .content--sidebar {
    display: grid;
    grid-template-columns: 8fr 24fr;
    padding-left: var(--grid-padding);
    padding-right: var(--grid-padding);
  }
}
@media screen and (max-width: 63.9375em) {
  .content--sidebar > * {
    padding-left: var(--grid-padding);
    padding-right: var(--grid-padding);
  }
}
.content--sidebar > :first-child {
  /*
  &:before {
    left: calc(100% / 8 * 2);
  }
  */
}
@media screen and (min-width: 64em) {
  .content--sidebar > :first-child {
    padding-right: calc(2 * var(--text-padding));
  }
}

.content--pros > :first-child, .content--image-column > :first-child {
  /*
  @include content-line();
  &:before {
    // set content-line height
    height: $content-padding-top;
    left: calc(100% / 20 * 2);
  }
  */
}
@media screen and (min-width: 64em) {
  .content--pros > :first-child, .content--image-column > :first-child {
    padding-right: calc(2 * var(--text-padding));
    /*
    &:before {
      left: calc(100% / 8 * 2);
      @if ($contentLineHeight) {
        height: $contentLineHeight;
      }
      @else {
        height: 100%;
      }
    }
    */
    /*
    > :first-child { //e.g. headline in first div
      margin-top: 0;
    }

    > * {
      padding-bottom: var(--vertical-text-padding);
      background: $color-bg-light;
    }
    */
  }
}
.content--pros > :first-child, .content--image-column > :first-child {
  padding-right: 0;
  padding-bottom: 0;
  /*
  &.show-for-md ~ * {
    @include media-query(screen-sm-max) {
      margin-top: $content-padding-top;
    }
  }
  */
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .content--pros > :first-child, .content--image-column > :first-child {
    grid-column: span 2;
  }
}
.content--pros > :first-child figure, .content--image-column > :first-child figure {
  position: relative;
  padding-bottom: 0;
  height: 100%;
}
.content--pros > :first-child figure img, .content--image-column > :first-child figure img {
  object-fit: cover;
  min-width: 100%;
}
.content--pros > *:not(:first-child) > *, .content--image-column > *:not(:first-child) > * {
  padding-left: var(--text-padding);
  padding-right: var(--text-padding);
}
@media screen and (min-width: 90em) {
  .content--pros > *:not(:first-child) > *, .content--image-column > *:not(:first-child) > * {
    padding-left: calc(2 * var(--text-padding));
    padding-right: calc(2 * var(--text-padding));
  }
}

.content--image-column, .content--3-columns, .content--2-columns, .content--1-column {
  padding-bottom: calc(4 * var(--base-padding));
}
.content--image-column > :first-child, .content--3-columns > :first-child, .content--2-columns > :first-child, .content--1-column > :first-child {
  /*
  @include content-line();
  &:before {
    // set content-line height
    height: $content-padding-top;
    left: calc(100% / 20 * 2);
  }
  */
}
@media screen and (min-width: 64em) {
  .content--image-column > :first-child, .content--3-columns > :first-child, .content--2-columns > :first-child, .content--1-column > :first-child {
    padding-right: calc(2 * var(--text-padding));
    /*
    &:before {
      left: calc(100% / 8 * 2);
      @if ($contentLineHeight) {
        height: $contentLineHeight;
      }
      @else {
        height: 100%;
      }
    }
    */
    /*
    > :first-child { //e.g. headline in first div
      margin-top: 0;
    }

    > * {
      padding-bottom: var(--vertical-text-padding);
      background: $color-bg-light;
    }
    */
  }
}
@media screen and (min-width: 64em) {
  .content--image-column, .content--3-columns, .content--2-columns, .content--1-column {
    padding-bottom: calc(8 * var(--base-padding));
  }
}
.content--image-column:not(:first-child), .content--3-columns:not(:first-child), .content--2-columns:not(:first-child), .content--1-column:not(:first-child) {
  padding-top: calc(3 * var(--base-padding));
}
@media screen and (min-width: 64em) {
  .content--image-column:not(:first-child), .content--3-columns:not(:first-child), .content--2-columns:not(:first-child), .content--1-column:not(:first-child) {
    padding-top: calc(6 * var(--base-padding));
  }
}
@media screen and (min-width: 64em) {
  .content--image-column > :not(:first-child) > *, .content--3-columns > :not(:first-child) > *, .content--2-columns > :not(:first-child) > *, .content--1-column > :not(:first-child) > * {
    padding-left: var(--text-padding);
    padding-right: var(--text-padding);
  }
}
.content--image-column > :last-child > :last-child, .content--3-columns > :last-child > :last-child, .content--2-columns > :last-child > :last-child, .content--1-column > :last-child > :last-child {
  margin-bottom: 0;
}
.content--image-column:not(.bg-dark) + .content--image-column:not(.bg-dark), .content--3-columns:not(.bg-dark) + .content--image-column:not(.bg-dark), .content--image-column:not(.bg-dark) + .content--3-columns:not(.bg-dark), .content--3-columns:not(.bg-dark) + .content--3-columns:not(.bg-dark), .content--2-columns:not(.bg-dark) + .content--image-column:not(.bg-dark), .content--2-columns:not(.bg-dark) + .content--3-columns:not(.bg-dark), .content--image-column:not(.bg-dark) + .content--2-columns:not(.bg-dark), .content--3-columns:not(.bg-dark) + .content--2-columns:not(.bg-dark), .content--2-columns:not(.bg-dark) + .content--2-columns:not(.bg-dark), .content--1-column:not(.bg-dark) + .content--image-column:not(.bg-dark), .content--1-column:not(.bg-dark) + .content--3-columns:not(.bg-dark), .content--1-column:not(.bg-dark) + .content--2-columns:not(.bg-dark), .content--image-column:not(.bg-dark) + .content--1-column:not(.bg-dark), .content--3-columns:not(.bg-dark) + .content--1-column:not(.bg-dark), .content--2-columns:not(.bg-dark) + .content--1-column:not(.bg-dark), .content--1-column:not(.bg-dark) + .content--1-column:not(.bg-dark) {
  padding-top: 0;
}
.bg-dark.content--image-column + .bg-dark.content--image-column, .bg-dark.content--3-columns + .bg-dark.content--image-column, .bg-dark.content--image-column + .bg-dark.content--3-columns, .bg-dark.content--3-columns + .bg-dark.content--3-columns, .bg-dark.content--2-columns + .bg-dark.content--image-column, .bg-dark.content--2-columns + .bg-dark.content--3-columns, .bg-dark.content--image-column + .bg-dark.content--2-columns, .bg-dark.content--3-columns + .bg-dark.content--2-columns, .bg-dark.content--2-columns + .bg-dark.content--2-columns, .bg-dark.content--1-column + .bg-dark.content--image-column, .bg-dark.content--1-column + .bg-dark.content--3-columns, .bg-dark.content--1-column + .bg-dark.content--2-columns, .bg-dark.content--image-column + .bg-dark.content--1-column, .bg-dark.content--3-columns + .bg-dark.content--1-column, .bg-dark.content--2-columns + .bg-dark.content--1-column, .bg-dark.content--1-column + .bg-dark.content--1-column {
  padding-top: 0;
}

@media screen and (min-width: 64em) {
  .content--2-columns {
    display: grid;
    grid-template-columns: 8fr 24fr;
    padding-left: var(--grid-padding);
    padding-right: var(--grid-padding);
  }
}

@media screen and (min-width: 40em) {
  .content--3-columns {
    display: grid;
    grid-template-columns: 10fr 10fr;
  }
}
@media screen and (min-width: 64em) {
  .content--3-columns {
    grid-template-columns: 8fr 12fr 12fr;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .content--3-columns > :first-child {
    grid-column: span 2;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .content--3-columns > :nth-child(2) {
    padding-right: var(--text-padding);
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .content--3-columns > :nth-child(3) {
    padding-left: var(--text-padding);
  }
}

.content--image-column {
  padding-left: var(--grid-padding);
  padding-right: var(--grid-padding);
}
.content--image-column :first-child {
  padding-right: 0;
}
.content--image-column > :not(:first-child) > div {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 64em) {
  .content--image-column > :not(:first-child) > div {
    padding-left: calc(3 * var(--text-padding));
    padding-right: calc(3 * var(--text-padding));
  }
}
@media screen and (min-width: 90em) {
  .content--image-column > :not(:first-child) > div {
    padding-left: calc(6 * var(--text-padding));
    padding-right: calc(6 * var(--text-padding));
  }
}
@media screen and (min-width: 64em) {
  .content--image-column {
    display: grid;
    grid-template-columns: 8fr 24fr;
  }
}

@media screen and (min-width: 40em) {
  .content--pros {
    display: grid;
    grid-template-columns: 10fr 10fr;
  }
}
@media screen and (min-width: 64em) {
  .content--pros {
    grid-template-columns: 8fr 12fr 12fr;
  }
}
.content--pros > :first-child figure img {
  height: 100%;
}
.content--pros > *:not(:first-child) {
  padding-top: calc(2 * var(--base-padding));
  padding-bottom: calc(2 * var(--base-padding));
}
@media screen and (min-width: 64em) {
  .content--pros > *:not(:first-child) {
    padding-top: calc(3 * var(--base-padding));
    padding-bottom: calc(4 * var(--base-padding));
  }
}

.content--catalog {
  background: #EFF0F1;
  padding-top: calc(6 * var(--base-padding) / 2);
  padding-bottom: calc(8 * var(--base-padding) / 2);
  position: relative;
}
.content--catalog > :first-child {
  /*
  @include content-line();
  &:before {
    // set content-line height
    height: $content-padding-top;
    left: calc(100% / 20 * 2);
  }
  */
}
@media screen and (min-width: 64em) {
  .content--catalog > :first-child {
    padding-right: calc(2 * var(--text-padding));
    /*
    &:before {
      left: calc(100% / 8 * 2);
      @if ($contentLineHeight) {
        height: $contentLineHeight;
      }
      @else {
        height: 100%;
      }
    }
    */
    /*
    > :first-child { //e.g. headline in first div
      margin-top: 0;
    }

    > * {
      padding-bottom: var(--vertical-text-padding);
      background: $color-bg-light;
    }
    */
  }
}
@media screen and (min-width: 75em) {
  .content--catalog {
    display: grid;
    grid-template-columns: 8fr 24fr;
    padding-left: var(--grid-padding);
    padding-right: var(--grid-padding);
  }
}
.content--catalog:before {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 16.6666666667%;
  height: 100%;
  border-left: 1px solid #C3C5C6;
}
.content--catalog:before {
  z-index: 0;
}
@media screen and (min-width: 64em) {
  .content--catalog:before {
    left: 13.1578947368%;
  }
}
.content--catalog > :first-child {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .content--catalog > :first-child {
    padding-right: calc(2 * var(--text-padding));
  }
}
.content--catalog > :first-child > * {
  padding-top: var(--vertical-text-padding);
  padding-bottom: var(--vertical-text-padding);
  background: #EFF0F1;
}
.content--catalog .content--catalog__list {
  padding-left: 12.5%;
}
@media screen and (min-width: 40em) {
  .content--catalog .content--catalog__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 64em) {
  .content--catalog .content--catalog__list {
    padding-left: 10.5263157895%;
  }
}
@media screen and (min-width: 75em) {
  .content--catalog .content--catalog__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-left: 0;
  }
}
.content--catalog .content--catalog__list > div {
  text-align: center;
  padding-left: calc(var(--grid-padding) / 2);
  padding-right: calc(var(--grid-padding) / 2);
}
.content--catalog .content--catalog__list h4 {
  font-size: 1.25rem;
  text-transform: none;
}
@media screen and (max-width: 74.9375em) {
  .content--catalog .content--catalog__list > div {
    max-width: 85%;
    margin-bottom: calc(2 * var(--grid-padding));
  }
  .content--catalog .content--catalog__list h4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 89.9375em) {
  .content--catalog .content--catalog__list .button {
    min-width: 90px;
  }
}

.content--target-groups {
  padding-top: calc(4 * var(--base-padding));
}
.content--target-groups > :first-child {
  /*
  @include content-line();
  &:before {
    // set content-line height
    height: $content-padding-top;
    left: calc(100% / 20 * 2);
  }
  */
}
@media screen and (min-width: 64em) {
  .content--target-groups > :first-child {
    padding-right: calc(2 * var(--text-padding));
    /*
    &:before {
      left: calc(100% / 8 * 2);
      @if ($contentLineHeight) {
        height: $contentLineHeight;
      }
      @else {
        height: 100%;
      }
    }
    */
    /*
    > :first-child { //e.g. headline in first div
      margin-top: 0;
    }

    > * {
      padding-bottom: var(--vertical-text-padding);
      background: $color-bg-light;
    }
    */
  }
}
@media screen and (min-width: 75em) {
  .content--target-groups {
    display: grid;
    grid-template-columns: 8fr 24fr;
    padding-top: calc(6 * var(--base-padding));
    position: relative;
  }
  .content--target-groups:before {
    content: "";
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 13.1578947368%;
    height: 100%;
    border-left: 1px solid #C3C5C6;
  }
  .content--target-groups:before {
    height: calc(6 * var(--base-padding));
  }
}
@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  .content--target-groups > :first-child {
    padding-right: var(--text-padding);
  }
}
@media screen and (min-width: 53.125em) and (max-width: 74.9375em) {
  .content--target-groups > :first-child {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .content--target-groups > :first-child:before {
    content: initial !important;
  }
  .content--target-groups > :first-child h2 + p {
    grid-column-start: 1;
    padding-bottom: calc(5 * var(--base-padding));
  }
  .content--target-groups > :first-child blockquote {
    grid-column: 2;
    grid-row: 2/3;
    justify-self: end;
    margin-top: 0;
  }
}
@media screen and (max-width: 74.9375em) {
  .content--target-groups > :first-child {
    grid-column: span 2;
    padding-bottom: var(--base-padding);
  }
}
.content--target-groups .content--target-groups__list {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto;
  grid-template-areas: "line1 icon1 line2 icon2  lineEnd2 " "line1 header1 line2 header2  lineEnd2 " "line1 text1 line2 text2  lineEnd2 " "line1 figure1 line2 figure2  lineEnd2 " "line3 icon3 line4 icon4  lineEnd4 " "line3 header3 line4 header4  lineEnd4 " "line3 text3 line4 text4  lineEnd4 " "line3 figure3 line4 figure4  lineEnd4 " ;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(1) figure {
  grid-area: icon1;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(1) h3 {
  grid-area: header1;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(1) p {
  grid-area: text1;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(1) a {
  grid-area: figure1;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(2) figure {
  grid-area: icon2;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(2) h3 {
  grid-area: header2;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(2) p {
  grid-area: text2;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(2) a {
  grid-area: figure2;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(3) figure {
  grid-area: icon3;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(3) h3 {
  grid-area: header3;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(3) p {
  grid-area: text3;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(3) a {
  grid-area: figure3;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(4) figure {
  grid-area: icon4;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(4) h3 {
  grid-area: header4;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(4) p {
  grid-area: text4;
}
.content--target-groups .content--target-groups__list > div:nth-of-type(4) a {
  grid-area: figure4;
}
@media screen and (min-width: 53.125em) {
  .content--target-groups .content--target-groups__list {
    grid-template-rows: repeat(4, max-content);
    grid-template-columns: repeat(4, 1fr);
    align-self: start;
    padding-bottom: 0;
    margin-bottom: calc(8 * var(--base-padding));
    grid-template-areas: "icon1 icon2 icon3 icon4  lineEnd4 " "header1 header2 header3 header4  lineEnd4 " "text1 text2 text3 text4  lineEnd4 " "figure1 figure2 figure3 figure4  lineEnd4 " ;
  }
}
.content--target-groups .content--target-groups__list > div {
  display: contents;
}
.content--target-groups .content--target-groups__list > div > * {
  /*
  @include media-query(screen-mobile-max) {
    border-left: $border-default;
  }
  */
}
.content--target-groups .content--target-groups__list > div > *:not(a) {
  padding-left: var(--text-padding);
  padding-right: var(--text-padding);
}
@media screen and (max-width: 53.0625em) {
  .content--target-groups .content--target-groups__list > div:nth-child(1) > :last-child, .content--target-groups .content--target-groups__list > div:nth-child(2) > :last-child {
    margin-bottom: calc(4 * var(--base-padding));
  }
  .content--target-groups .content--target-groups__list > div:nth-child(1):before, .content--target-groups .content--target-groups__list > div:nth-child(2):before {
    height: calc(100% - 4 * var(--base-padding));
  }
}
.content--target-groups .content--target-groups__list > div:before, .content--target-groups .content--target-groups__list > div:nth-child(2):after, .content--target-groups .content--target-groups__list > div:last-child:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  border-left: 1px solid #C3C5C6;
}
@media screen and (max-width: 53.0625em) {
  .content--target-groups .content--target-groups__list > div:nth-child(2):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    height: calc(100% - 4 * var(--base-padding)) !important;
    border-left: 1px solid #C3C5C6;
  }
  .content--target-groups .content--target-groups__list > div:nth-child(1):before {
    grid-area: line1;
  }
  .content--target-groups .content--target-groups__list > div:nth-child(1):after {
    grid-area: lineEnd1;
  }
  .content--target-groups .content--target-groups__list > div:nth-child(2):before {
    grid-area: line2;
  }
  .content--target-groups .content--target-groups__list > div:nth-child(2):after {
    grid-area: lineEnd2;
  }
  .content--target-groups .content--target-groups__list > div:nth-child(3):before {
    grid-area: line3;
  }
  .content--target-groups .content--target-groups__list > div:nth-child(3):after {
    grid-area: lineEnd3;
  }
  .content--target-groups .content--target-groups__list > div:nth-child(4):before {
    grid-area: line4;
  }
  .content--target-groups .content--target-groups__list > div:nth-child(4):after {
    grid-area: lineEnd4;
  }
}
@media screen and (min-width: 53.125em) {
  .content--target-groups .content--target-groups__list > div:nth-child(1):before {
    left: 0%;
  }
  .content--target-groups .content--target-groups__list > div:nth-child(2):before {
    left: 25%;
  }
  .content--target-groups .content--target-groups__list > div:nth-child(3):before {
    left: 50%;
  }
  .content--target-groups .content--target-groups__list > div:nth-child(4):before {
    left: 75%;
  }
}
@media screen and (min-width: 75em) {
  .content--target-groups .content--target-groups__list > div:before, .content--target-groups .content--target-groups__list > div:last-child:after {
    top: calc(-6 * var(--base-padding));
    height: calc(100% + 6 * var(--base-padding));
  }
}
.content--target-groups .content--target-groups__list h3 {
  align-self: end;
  margin: 0;
  padding: var(--base-padding) 0;
}
@media screen and (min-width: 64em) {
  .content--target-groups .content--target-groups__list h3 {
    padding-bottom: calc(3 * var(--base-padding));
  }
}
.content--target-groups .content--target-groups__list p {
  margin: 0;
  font-size: 0.8333333333rem;
  line-height: 1rem;
  text-transform: uppercase;
  padding-bottom: calc(2 * var(--base-padding));
}
.content--target-groups .content--target-groups__list a {
  position: relative;
  display: inline-block;
  border: 0;
}
.content--target-groups .content--target-groups__list a figure {
  height: 400px;
}
@media screen and (min-width: 40em) {
  .content--target-groups .content--target-groups__list a figure {
    height: 500px;
  }
}
@media screen and (min-width: 53.125em) {
  .content--target-groups .content--target-groups__list a figure {
    height: 400px;
  }
}
@media screen and (min-width: 75em) {
  .content--target-groups .content--target-groups__list a figure {
    height: 500px;
  }
}
.content--target-groups .content--target-groups__list a figure:after {
  --circle-size: 35px;
  content: "";
  display: block;
  background: url("../../files/hp/img/as/arrow-right.svg") center center;
  position: absolute;
  bottom: 12%;
  padding: 0;
  width: var(--circle-size);
  height: var(--circle-size);
  line-height: var(--circle-size);
  background-color: #fff;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 40em) {
  .content--target-groups .content--target-groups__list a figure:after {
    --circle-size: 52px;
  }
}
@media screen and (min-width: 64em) {
  .content--target-groups .content--target-groups__list a figure:after {
    --circle-size: 65px;
  }
}
.content--target-groups .content--target-groups__list a figure img {
  object-fit: cover;
  object-position: center center;
  display: block;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

.content--products {
  background: #EFF0F1 url(../../files/hp/img/bg/product-collage.png) calc(100% + 100px) bottom/contain no-repeat;
  padding-bottom: calc(6 * var(--base-padding));
}
@media screen and (min-width: 64em) {
  .content--products {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 75em) {
  .content--products {
    background-position: right bottom;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .content--products > :first-child {
    width: 85%;
  }
}
@media screen and (min-width: 64em) {
  .content--products > :first-child {
    position: relative;
  }
  .content--products > :first-child:before, .content--products > :first-child:after {
    content: "";
    display: block;
    z-index: 0 !important;
    position: absolute;
    left: 6.25% !important;
    border-left: 1px solid #C3C5C6;
  }
  .content--products > :first-child:before {
    top: 0;
    height: calc(6 * var(--base-padding) - var(--vertical-text-padding)) !important;
  }
  .content--products > :first-child:after {
    bottom: 0;
    height: calc(8 * var(--base-padding) - var(--vertical-text-padding)) !important;
  }
}
.content--products .pre-headline {
  margin-bottom: calc(3 * var(--base-padding));
}
.content--products h2 + div {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 64em) {
  .content--products h2 + div {
    grid-template-columns: 2fr 10fr 20fr;
  }
  .content--products h2 + div :first-child {
    grid-column-start: 2;
  }
}
@media screen and (min-width: 120em) {
  .content--products h2 + div {
    grid-template-columns: 2fr 8fr 22fr;
  }
}
.content--products ul {
  text-transform: uppercase;
  margin: calc(2 * var(--base-padding)) 0 calc(3 * var(--base-padding));
}
@media screen and (min-width: 64em) {
  .content--products ul {
    margin: calc(3 * var(--base-padding)) 0 calc(4 * var(--base-padding));
    padding: calc(2 * var(--base-padding)) calc(2 * var(--text-padding)) calc(3 * var(--base-padding));
  }
  .content--products ul:first-child {
    border-left: 1px solid #C3C5C6;
  }
}
@media screen and (min-width: 120em) {
  .content--products ul {
    padding-left: calc(5 * var(--text-padding));
    padding-right: calc(5 * var(--text-padding));
  }
}
.content--products ul li {
  background-position-y: 1em;
}
@media screen and (min-width: 90em) {
  .content--products ul li {
    font-size: 1.4rem;
  }
}

.content--partner > :first-child {
  /*
  @include content-line();
  &:before {
    // set content-line height
    height: $content-padding-top;
    left: calc(100% / 20 * 2);
  }
  */
}
@media screen and (min-width: 64em) {
  .content--partner > :first-child {
    padding-right: calc(2 * var(--text-padding));
    /*
    &:before {
      left: calc(100% / 8 * 2);
      @if ($contentLineHeight) {
        height: $contentLineHeight;
      }
      @else {
        height: 100%;
      }
    }
    */
    /*
    > :first-child { //e.g. headline in first div
      margin-top: 0;
    }

    > * {
      padding-bottom: var(--vertical-text-padding);
      background: $color-bg-light;
    }
    */
  }
}
@media screen and (min-width: 64em) {
  .content--partner {
    display: grid;
    grid-template-columns: 8fr 12fr 12fr;
  }
}
@media screen and (min-width: 64em) {
  .content--partner > :first-child .pre-headline {
    margin: 0;
    padding-bottom: 0;
  }
  .content--partner > :first-child h2 {
    margin: 0;
    padding-top: var(--base-padding);
    padding-bottom: calc(3 * var(--base-padding));
  }
  .content--partner > :first-child h2 + p {
    margin-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .content--partner .content--partner__halvax > :first-child, .content--partner .content--partner__list > :first-child {
    margin-top: calc(1rem + var(--vertical-text-padding) + var(--base-padding));
  }
}
.content--partner .content--partner__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.content--partner .content--partner__list > div {
  display: contents;
}
.content--partner .content--partner__list > div > * {
  margin-top: calc(2 * var(--base-padding));
  margin-bottom: calc(2 * var(--base-padding));
}
.content--partner .content--partner__list > div p {
  margin: 0;
}
.content--partner .content--partner__list > div figure {
  justify-self: center;
}
.content--partner .content--partner__list > div figure img {
  max-width: 60%;
}
.content--partner .content--partner__list > div figure + div {
  padding-left: var(--text-padding);
  padding-right: var(--text-padding);
}
.content--partner .content--partner__halvax {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media screen and (min-width: 64em) {
  .content--partner .content--partner__halvax {
    border-left: 1px solid #C3C5C6;
    border-right: 1px solid #C3C5C6;
  }
}
.content--partner .content--partner__halvax figure {
  margin-top: calc(6 * var(--base-padding));
  margin-bottom: calc(2 * var(--base-padding));
  margin-right: var(--text-padding);
  padding-right: var(--text-padding);
  grid-column-start: 2;
}
@media screen and (min-width: 64em) {
  .content--partner .content--partner__halvax figure {
    margin-bottom: calc(5 * var(--base-padding));
  }
}
.content--partner .content--partner__halvax > div {
  padding-top: calc(3 * var(--base-padding));
  padding-bottom: calc(3 * var(--base-padding));
  font-size: 3.25rem;
  line-height: 1;
  display: contents;
}
.content--partner .content--partner__halvax > div:not(:last-child) * {
  border-bottom: 1px solid #C3C5C6;
}
.content--partner .content--partner__halvax > div small,
.content--partner .content--partner__halvax > div span {
  padding-top: calc(3 * var(--base-padding));
  padding-bottom: calc(3 * var(--base-padding));
}
.content--partner .content--partner__halvax > div small {
  margin-left: var(--text-padding);
  padding-left: var(--text-padding);
  padding-right: var(--text-padding);
  padding-top: calc(3 * var(--base-padding) + 0.6666666667rem);
  font-size: 0.9375rem;
  color: #9C9EA0;
}
.content--partner .content--partner__halvax > div span {
  margin-right: var(--text-padding);
  padding-right: var(--text-padding);
}
@media screen and (min-width: 64em) and (max-width: 89.9375em) {
  .content--partner .content--partner__halvax {
    grid-template-columns: 1fr;
  }
  .content--partner .content--partner__halvax figure {
    grid-column-start: initial;
    text-align: right;
    margin-left: var(--text-padding);
    margin-right: var(--text-padding);
    padding-left: var(--text-padding);
    padding-right: var(--text-padding);
  }
  .content--partner .content--partner__halvax > div > * {
    margin-left: var(--text-padding);
    margin-right: var(--text-padding);
  }
  .content--partner .content--partner__halvax > div small {
    padding-top: calc(3 * var(--base-padding));
    padding-bottom: 0;
    border: 0 !important;
  }
  .content--partner .content--partner__halvax > div span {
    padding-top: var(--base-padding);
    padding-left: var(--text-padding);
  }
}

@media screen and (min-width: 64em) {
  .content--cooperation {
    display: grid;
    grid-template-columns: 11fr 21fr;
    grid-auto-flow: dense;
  }
}
.content--cooperation .content--cooperation__steps {
  grid-row: span 2;
  padding-top: var(--base-padding);
  padding-bottom: calc(2 * var(--base-padding));
  position: relative;
}
.content--cooperation .content--cooperation__steps:before {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 1.71875rem;
  height: 100%;
  border-left: 1px solid #E73C1A;
}
@media screen and (min-width: 64em) {
  .content--cooperation .content--cooperation__steps {
    padding-top: calc(6 * var(--base-padding));
    padding-bottom: calc(8 * var(--base-padding));
  }
}
.content--cooperation .content--cooperation__steps:before {
  height: auto;
  top: calc(3 * var(--base-padding) + 1.6666666667rem);
  top: 0;
  bottom: calc(2 * var(--base-padding));
}
@media screen and (min-width: 64em) {
  .content--cooperation .content--cooperation__steps:before {
    content: "";
    left: calc(var(--text-padding) + 1.71875rem);
    top: 0;
    bottom: calc(8 * var(--base-padding));
  }
}
.content--cooperation .content--cooperation__steps > :first-child {
  padding-left: calc(4 * var(--hbase-padding));
  text-transform: uppercase;
}
@media screen and (min-width: 64em) {
  .content--cooperation .content--cooperation__steps > :first-child {
    padding-left: calc(4 * var(--hbase-padding) + var(--text-padding));
  }
}
.content--cooperation .content--cooperation__steps ol {
  padding: 0;
}
@media screen and (min-width: 64em) {
  .content--cooperation .content--cooperation__steps ol {
    padding-left: var(--text-padding);
    padding-right: var(--text-padding);
  }
}
.content--cooperation .content--cooperation__steps ol li:last-child {
  background-color: #fff;
}
.content--cooperation .content--cooperation__steps ol li:last-child p {
  margin-bottom: 0;
}
.content--cooperation .content--cooperation__contact {
  grid-column-start: 1;
  align-self: end;
  padding-top: var(--base-padding);
  font-size: 2.4375rem;
  line-height: 1;
}
.content--cooperation .content--cooperation__contact div {
  margin-bottom: calc(1.5 * var(--base-padding));
  font-size: 2rem;
  line-height: 2.1875rem;
  text-transform: uppercase;
}
.content--cooperation .content--cooperation__contact small {
  color: #E73C1A;
  font-size: 1.25rem;
}

.content--products-short {
  padding: 0;
}
@media screen and (min-width: 64em) {
  .content--products-short {
    padding-left: var(--grid-padding);
    padding-right: var(--grid-padding);
  }
}
.content--products-short > :first-child {
  display: block;
  padding-top: calc(3 * var(--base-padding));
  padding-bottom: calc(3 * var(--base-padding));
  padding-left: calc(2 * var(--base-padding));
  padding-right: calc(2 * var(--base-padding));
  background: #383E42 url(../../files/hp/img/bg/product-collage.png) calc(100% + 200px) bottom/cover no-repeat;
}
@media screen and (min-width: 40em) {
  .content--products-short > :first-child {
    background-position: calc(100% + 150px) bottom;
  }
}
@media screen and (min-width: 64em) {
  .content--products-short > :first-child {
    background-position: right center;
    background-size: 70%;
  }
}
.content--products-short > :first-child h3 {
  --circle-size: 2.3333333333rem;
  position: relative;
  line-height: var(--circle-size);
  padding-left: calc(var(--hbase-padding) + var(--circle-size));
  margin: 0;
}
@media screen and (min-width: 64em) {
  .content--products-short > :first-child h3 {
    --circle-size: 3.125rem;
    padding-left: calc(var(--text-padding) + var(--circle-size));
    font-size: 1.75rem;
  }
}
.content--products-short > :first-child h3:before {
  content: "";
  display: block;
  position: absolute;
  background: url("../../files/hp/img/as/arrow-right.svg") center center;
  padding: 0;
  width: var(--circle-size);
  height: var(--circle-size);
  line-height: var(--circle-size);
  background-color: #fff;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: 0;
}
.content--products-short .ce_gallery {
  padding-top: 0;
}

.content--references > * {
  padding: 0;
}
.content--references > h4 {
  padding-bottom: 0 !important;
}
.content--references .ce_gallery {
  padding-top: var(--base-padding);
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .content--team {
    display: block;
  }
}
@media screen and (min-width: 53.125em) {
  .content--team > :nth-child(2) {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.content--team .person {
  display: grid;
  grid-template-columns: 8fr 12fr;
  align-items: end;
  margin-top: var(--base-padding);
  margin-bottom: calc(4 * var(--base-padding));
}
@media screen and (min-width: 53.125em) {
  .content--team .person {
    grid-template-columns: minmax(min-content, 1fr) 1fr;
  }
}
.content--team .person .person__details {
  padding: var(--text-padding) 16.6666666667%;
}
@media screen and (min-width: 53.125em) {
  .content--team .person .person__details {
    padding: var(--text-padding);
  }
}
.content--team .person .person__details > :last-child {
  margin-bottom: 0;
}
.content--team .person figure {
  align-self: center;
  /*
  &:after {
    $size: 100*$pixel;
    $padding: var(--base-padding);
    content: "";
    position: absolute;
    background: url(../../files/hp/img/as/cross.svg) right bottom no-repeat;
    width: $size;
    height: $size;
    max-width: 30%;
    right: $padding;
    bottom: $padding;
  }
  */
}
.content--team .person h3 {
  font-size: 2rem;
  margin: calc(1.5 * var(--base-padding)) 0;
}
.content--team .person p,
.content--team .person .pre-headline {
  color: #606468;
  font-weight: 500;
}

.content--agb ol li:before {
  color: #383E42;
  background-color: #EFF0F1 !important;
}

@media screen and (min-width: 64em) {
  .home .content > :first-child {
    position: relative;
  }
  .home .content > :first-child:before {
    content: "";
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 25%;
    height: 100%;
    border-left: 1px solid #C3C5C6;
  }
  .home .content > :first-child > :first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .home .content:not(.content--products) > :first-child > * {
    padding-top: var(--vertical-text-padding);
    padding-bottom: var(--vertical-text-padding);
    background: #fff;
  }
}
@media screen and (min-width: 64em) {
  .home .content.content--3-columns > :first-child:before {
    height: calc(6 * var(--base-padding));
  }
}

.list-with-image {
  display: grid;
  grid-auto-columns: 1fr;
  grid-row-gap: calc(4 * var(--base-padding));
}
.list-with-image h3 {
  margin-top: var(--base-padding);
  margin-bottom: calc(var(--base-padding) / 2);
}

/*---------------
  _PRODUCT.SCSS
---------------*/
.products__description > *:not(figure):not(.products__facts), .products > *:not(.products__group):not(.products__description) {
  padding-left: var(--grid-padding);
  padding-right: var(--grid-padding);
}
@media screen and (min-width: 64em) {
  .products__description > *:not(figure):not(.products__facts), .products > *:not(.products__group):not(.products__description) {
    padding-left: var(--text-padding);
    padding-right: var(--text-padding);
  }
}

.products--details {
  overflow: hidden;
}
@media screen and (max-width: 39.9375em) {
  .products--details {
    padding-left: 0;
    padding-right: 0;
  }
}
.products--details h2 {
  margin-top: calc(4 * var(--base-padding));
}
@media screen and (min-width: 64em) {
  .products--details :not(.grid--6-columns):not(.grid--5-columns):not(.grid--4-columns):not(.grid--3-columns):not(.grid--2-columns) > ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: var(--text-padding);
  }
}
.products--details :not(.grid--6-columns):not(.grid--5-columns):not(.grid--4-columns):not(.grid--3-columns):not(.grid--2-columns) > ul.image-bullets li {
  padding-bottom: var(--base-padding);
}
.products--details .grid--6-columns p, .products--details .grid--5-columns p, .products--details .grid--4-columns p, .products--details .grid--3-columns p, .products--details .grid--2-columns p {
  margin-top: calc(var(--base-padding) / 2);
}
.products--details .grid--6-columns figure, .products--details .grid--5-columns figure, .products--details .grid--4-columns figure, .products--details .grid--3-columns figure, .products--details .grid--2-columns figure {
  margin-top: var(--base-padding);
}
.products--details .grid--6-columns ul, .products--details .grid--5-columns ul, .products--details .grid--4-columns ul, .products--details .grid--3-columns ul, .products--details .grid--2-columns ul {
  margin-bottom: var(--base-padding);
}

.products__description .image_container {
  text-align: center;
}
.products__description > .image_container {
  margin-top: calc(3 * var(--base-padding));
}

.products__facts {
  margin-bottom: calc(6 * var(--base-padding));
  color: #fff;
  background-color: #383E42;
  display: inline-block;
  width: 100%;
}
.products__facts h2, .products__facts h3 {
  padding-left: var(--text-padding);
  padding-right: var(--text-padding);
}
.products__facts .shared-pdata-container {
  padding-left: 25%;
  margin-top: calc(2 * var(--base-padding));
  display: flex;
  flex-wrap: wrap;
}
.products__facts .shared-pdata-container .pdata {
  margin-right: calc(2 * var(--base-padding));
  margin-bottom: var(--base-padding);
}
.products__facts .shared-pdata-container .pdata > * {
  display: block;
}
.products__facts .shared-pdata-container .pdata span > small {
  color: #E73C1A;
}
.products__facts .shared-pdata-container small {
  color: #AFB2B3;
}
.products__facts .buttons-container {
  padding-left: 25%;
  padding-top: calc(4 * var(--base-padding));
  padding-bottom: calc(4 * var(--base-padding));
}
.products__facts .buttons-container > * {
  margin-top: calc(var(--base-padding) / 2);
  margin-bottom: calc(var(--base-padding) / 2);
}
.products__facts .instock {
  color: #E73C1A;
}
.products__facts .legend {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}
.products__facts .colors {
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding-top: calc(2 * var(--base-padding));
  padding-bottom: calc(2 * var(--base-padding));
  color: #383E42;
  background-color: #fff;
}

@media screen and (min-width: 40em) {
  .products__facts--vertical h2, .products__facts--vertical h3 {
    padding-left: calc(3 * var(--text-padding));
  }
}
@media screen and (min-width: 64em) {
  .products__facts--vertical h2, .products__facts--vertical h3 {
    padding-left: calc(3 * var(--text-padding) + 1.5 * var(--base-padding));
  }
}
@media screen and (min-width: 40em) {
  .products__facts--vertical .table-header .legend {
    margin-left: calc(3 * var(--text-padding) + 1.5 * var(--base-padding));
  }
}
.products__facts--vertical > h3 {
  margin-top: calc(6 * var(--base-padding));
  float: left;
  min-width: calc(2 * var(--text-padding));
}
.products__facts--vertical > h3 + .shared-pdata-container {
  margin-top: calc(6 * var(--base-padding));
  padding-left: 0;
}
.products__facts--vertical > .table-header + h3 {
  margin-top: calc(2 * var(--base-padding));
}
.products__facts--vertical > .table-header + h3 + .shared-pdata-container {
  margin-top: calc(2 * var(--base-padding));
}
.products__facts--vertical .shared-pdata-container {
  padding-left: 25%;
  padding-right: var(--text-padding);
}
@media screen and (min-width: 40em) {
  .products__facts--vertical .shared-pdata-container {
    padding-right: calc(2 * var(--text-padding));
  }
}
@media screen and (min-width: 64em) {
  .products__facts--vertical .shared-pdata-container {
    padding-right: calc(3 * var(--text-padding));
  }
}

.colors__label {
  padding-left: var(--base-padding);
  padding-right: var(--base-padding);
}
@media screen and (min-width: 90em) {
  .colors__label {
    padding-right: calc(var(--base-padding) * 2);
  }
}
.colors__label .label {
  margin-top: 1.0625rem;
  text-align: right;
}
@media screen and (min-width: 64em) {
  .colors__label .label {
    margin-top: 2rem;
  }
}

.colors__set {
  display: inline-block;
  margin-right: calc(0.5 * var(--text-padding));
}
@media screen and (min-width: 40em) {
  .colors__set {
    margin-right: var(--text-padding);
  }
}
@media screen and (min-width: 64em) {
  .colors__set {
    margin-right: calc(2 * var(--text-padding));
  }
}

.colors__item {
  display: inline-block;
  text-align: center;
  margin-bottom: calc(var(--base-padding) * 1.5);
}
.colors__item small {
  text-transform: uppercase;
  color: #9C9EA0;
}

.colors__circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 3.125rem;
  height: 3.125rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(var(--base-padding) / 2);
}
@media screen and (min-width: 64em) {
  .colors__circle {
    width: 5rem;
    height: 5rem;
  }
}

.pcolor-holzoptik {
  background-color: #5C3927;
}

.pcolor-alu-blank {
  background-color: #a1a1a0;
}

.pcolor-alu {
  background-color: #a1a1a0;
}

.pcolor-testa-di-moro {
  background-color: #3b0014;
}

.pcolor-white {
  background-color: #fff;
  border: 1px solid #C3C5C6;
}

.pcolor-3009 {
  background-color: #6d342d;
}

.pcolor-5010 {
  background-color: #004f7c;
}

.pcolor-6005 {
  background-color: #114232;
}

.pcolor-7016 {
  background-color: #383e42;
}

.pcolor-8004 {
  background-color: #8d4931;
}

.pcolor-8011 {
  background-color: #5a3826;
}

.pcolor-8012 {
  background-color: #66332b;
}

.pcolor-8014 {
  background-color: #4a3526;
}

.pcolor-8017 {
  background-color: #442f29;
}

.pcolor-8019 {
  background-color: #3d3635;
}

.pcolor-9002 {
  background-color: #d7d5cb;
}

.pcolor-9006 {
  background-color: #a1a1a0;
}

.pcolor-9007 {
  background-color: #878581;
}

.pcolor-9010 {
  background-color: #f1ece1;
}

.products__group {
  margin-top: calc(4 * var(--base-padding));
}
@media screen and (min-width: 64em) {
  .content--sidebar__menu + .products > .products__group:first-child {
    margin-top: 0;
  }
}
.products__group > h2 {
  padding-left: var(--grid-padding);
  padding-right: var(--grid-padding);
}
@media screen and (min-width: 40em) {
  .products__group > h2 {
    padding-left: var(--text-padding);
    padding-right: var(--text-padding);
  }
}
.products__group ul {
  padding: 0;
}
.products__group li {
  padding: 0;
  margin-bottom: 2px;
  border-radius: 5px;
  background: #C7C9CB;
}
.products__group li figure:after {
  background: linear-gradient(90deg, #C7C9CB 0%, rgba(199, 201, 203, 0) 60%);
  border-radius: 0 5px 5px 0;
}
.products__group li:nth-child(2) {
  background: #d7d8da;
}
.products__group li:nth-child(2) figure:after {
  background: linear-gradient(90deg, #d7d8da 0%, rgba(215, 216, 218, 0) 60%);
}
.products__group li:nth-child(3) {
  background: #dfe0e1;
}
.products__group li:nth-child(3) figure:after {
  background: linear-gradient(90deg, #dfe0e1 0%, rgba(223, 224, 225, 0) 60%);
}
.products__group li:nth-child(4) {
  background: #e7e8e8;
}
.products__group li:nth-child(4) figure:after {
  background: linear-gradient(90deg, #e7e8e8 0%, rgba(231, 232, 232, 0) 60%);
}
.products__group li:nth-child(5) {
  background: #efeff0;
}
.products__group li:nth-child(5) figure:after {
  background: linear-gradient(90deg, #efeff0 0%, rgba(239, 239, 240, 0) 60%);
}
.products__group li:nth-child(6) {
  background: #f7f7f7;
}
.products__group li:nth-child(6) figure:after {
  background: linear-gradient(90deg, #f7f7f7 0%, rgba(247, 247, 247, 0) 60%);
}
.products__group li:nth-child(7) {
  background: white;
}
.products__group li:nth-child(7) figure:after {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 60%);
}
.products__group li:nth-child(8) {
  background: white;
}
.products__group li:nth-child(8) figure:after {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 60%);
}
.products__group li:nth-child(9) {
  background: white;
}
.products__group li:nth-child(9) figure:after {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 60%);
}
.products__group li:nth-child(10) {
  background: white;
}
.products__group li:nth-child(10) figure:after {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 60%);
}
.products__group li a,
.products__group li div.active {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.products__group li a > div,
.products__group li div.active > div {
  position: relative;
  padding-top: calc(1.5 * var(--base-padding));
  padding-bottom: calc(1.5 * var(--base-padding));
  padding-left: calc(2rem + 1.5*var(--text-padding));
}
@media screen and (min-width: 90em) {
  .products__group li a > div,
  .products__group li div.active > div {
    padding-top: calc(2 * var(--base-padding));
    padding-bottom: calc(2 * var(--base-padding));
    padding-left: calc(2rem + 2*var(--text-padding));
  }
}
.products__group li a > div h3,
.products__group li div.active > div h3 {
  position: relative;
  margin: 0;
  line-height: 2rem;
  font-size: 1.3333333333rem;
  line-height: 1.2;
}
.products__group li a > div h3:before,
.products__group li div.active > div h3:before {
  content: "";
  display: block;
  background: url("../../files/hp/img/as/arrow-right-white.svg") center center;
  position: absolute;
  top: -0.1rem;
  left: calc(-1.5 * var(--text-padding));
  padding: 0;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  background-color: #E73C1A;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.products__group li a > div p,
.products__group li div.active > div p {
  margin: 0;
  text-transform: none;
  font-size: 0.92rem;
  line-height: 1.2;
}
.products__group li a figure,
.products__group li div.active figure {
  position: relative;
  width: 100%;
  /*
  @include media-query(screen-xs-max) {
    grid-row-start: 1;
    grid-column: span 2;
  }
  */
}
@media screen and (min-width: 40em) {
  .products__group li a figure,
  .products__group li div.active figure {
    justify-self: end;
  }
}
.products__group li a figure:after,
.products__group li div.active figure:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
}
.products__group li a img,
.products__group li div.active img {
  position: absolute;
  object-fit: cover;
  object-position: center center;
  display: block;
  max-height: 100%;
  width: 100%;
  height: 100%;
  opacity: 50%;
  border-radius: 0 5px 5px 0;
}
.products__group li a:hover img,
.products__group li div.active > figure img {
  opacity: 80%;
}
.bg-dark .products__group li {
  background: #4C5155;
}
.bg-dark .products__group li figure:after {
  background: linear-gradient(90deg, #4C5155 0%, rgba(76, 81, 85, 0) 60%);
  border-radius: 0 5px 5px 0;
}
.bg-dark .products__group li:nth-child(2) {
  background: #6b7278;
}
.bg-dark .products__group li:nth-child(2) figure:after {
  background: linear-gradient(90deg, #6b7278 0%, rgba(107, 114, 120, 0) 60%);
}
.bg-dark .products__group li:nth-child(3) {
  background: #7b8389;
}
.bg-dark .products__group li:nth-child(3) figure:after {
  background: linear-gradient(90deg, #7b8389 0%, rgba(123, 131, 137, 0) 60%);
}
.bg-dark .products__group li:nth-child(4) {
  background: #8d9399;
}
.bg-dark .products__group li:nth-child(4) figure:after {
  background: linear-gradient(90deg, #8d9399 0%, rgba(141, 147, 153, 0) 60%);
}
.bg-dark .products__group li:nth-child(5) {
  background: #9ea4a8;
}
.bg-dark .products__group li:nth-child(5) figure:after {
  background: linear-gradient(90deg, #9ea4a8 0%, rgba(158, 164, 168, 0) 60%);
}
.bg-dark .products__group li:nth-child(6) {
  background: #b0b4b8;
}
.bg-dark .products__group li:nth-child(6) figure:after {
  background: linear-gradient(90deg, #b0b4b8 0%, rgba(176, 180, 184, 0) 60%);
}
.bg-dark .products__group li:nth-child(7) {
  background: #c1c5c8;
}
.bg-dark .products__group li:nth-child(7) figure:after {
  background: linear-gradient(90deg, #c1c5c8 0%, rgba(193, 197, 200, 0) 60%);
}
.bg-dark .products__group li:nth-child(8) {
  background: #d3d5d7;
}
.bg-dark .products__group li:nth-child(8) figure:after {
  background: linear-gradient(90deg, #d3d5d7 0%, rgba(211, 213, 215, 0) 60%);
}
.bg-dark .products__group li:nth-child(9) {
  background: #e4e6e7;
}
.bg-dark .products__group li:nth-child(9) figure:after {
  background: linear-gradient(90deg, #e4e6e7 0%, rgba(228, 230, 231, 0) 60%);
}
.bg-dark .products__group li:nth-child(10) {
  background: #f6f6f7;
}
.bg-dark .products__group li:nth-child(10) figure:after {
  background: linear-gradient(90deg, #f6f6f7 0%, rgba(246, 246, 247, 0) 60%);
}
.bg-dark .products__group li figure img {
  opacity: 20%;
}
.bg-dark .products__group li a:hover img,
.bg-dark .products__group li div.active > figure img {
  opacity: 50%;
}

/*---------------
  _MODAL.SCSS
---------------*/
body.expanded {
  width: calc(100vw - 17px);
  overflow: hidden !important;
  min-height: 100vh;
}
@media screen and (min-width: 53.125em) {
  body.expanded {
    width: 100vw;
  }
}

[data-modal-id] {
  display: none;
}

.wrapper-modal {
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  overflow-x: hidden;
  display: none;
}
.wrapper-modal[data-visible=true] {
  z-index: 1500;
  opacity: 1;
  display: block;
}
.wrapper-modal .inside > * {
  position: relative;
  padding-bottom: calc(6 * var(--base-padding));
}
.wrapper-modal .inside > * .layerlines {
  max-height: 115px;
  z-index: -1;
}
@media screen and (max-width: 53.0625em) {
  .wrapper-modal .inside > * .layerlines :nth-child(2),
  .wrapper-modal .inside > * .layerlines :nth-child(3) {
    border: none;
  }
  .wrapper-modal .inside > * .layerlines :nth-child(4) {
    height: 50%;
  }
}
@media screen and (min-width: 53.125em) and (max-width: 63.9375em) {
  .wrapper-modal .inside > * .layerlines {
    max-height: none;
  }
  .wrapper-modal .inside > * .layerlines :nth-child(3) {
    border: none;
  }
}
@media screen and (min-width: 64em) and (max-width: 89.9375em) {
  .wrapper-modal .inside > * .layerlines {
    max-height: none;
  }
  .wrapper-modal .inside > * .layerlines :nth-child(1),
  .wrapper-modal .inside > * .layerlines :nth-child(3),
  .wrapper-modal .inside > * .layerlines :nth-child(4) {
    border: none;
  }
}
@media screen and (min-width: 90em) {
  .wrapper-modal .inside > * .layerlines {
    max-height: none;
  }
  .wrapper-modal .inside > * .layerlines :nth-child(2),
  .wrapper-modal .inside > * .layerlines :nth-child(4) {
    border: none;
  }
}
.wrapper-modal .inside > * .modal__header {
  height: 115px;
}
@media screen and (min-width: 53.125em) {
  .wrapper-modal .inside > * .modal__header {
    height: 200px;
  }
}
.wrapper-modal .inside > * .modal__content {
  padding-left: var(--grid-padding);
  padding-right: var(--grid-padding);
}
@media screen and (min-width: 53.125em) {
  .wrapper-modal .inside > * .modal__content {
    display: grid;
    grid-template-columns: 2fr 6fr 12fr;
  }
}
@media screen and (min-width: 64em) {
  .wrapper-modal .inside > * .modal__content {
    grid-template-columns: 2fr 12fr 18fr;
  }
}
@media screen and (min-width: 90em) {
  .wrapper-modal .inside > * .modal__content {
    grid-template-columns: 2fr 6fr 12fr 12fr;
  }
}
.wrapper-modal .inside > * .modal__content .modal__navigation {
  margin-top: var(--vertical-text-padding);
}
@media screen and (min-width: 53.125em) {
  .wrapper-modal .inside > * .modal__content .modal__navigation {
    margin-top: calc(2 * var(--base-padding) + 48px);
    grid-column-start: 2;
  }
}
@media screen and (min-width: 64em) {
  .wrapper-modal .inside > * .modal__content .modal__navigation {
    margin-top: calc(2 * var(--base-padding) + 13px);
  }
}
.wrapper-modal .inside > * .modal__content .modal__navigation nav:first-child {
  font-size: 1.5rem;
}
@media screen and (min-width: 53.125em) {
  .wrapper-modal .inside > * .modal__content .modal__navigation nav:first-child {
    margin-bottom: 5rem;
  }
}
.wrapper-modal .inside > * .modal__content .modal__navigation nav:first-child li {
  padding-left: var(--text-padding);
  padding-right: var(--text-padding);
}
@media screen and (max-width: 53.0625em) {
  .wrapper-modal .inside > * .modal__content .modal__navigation nav:first-child li {
    border-bottom: 1px solid #606468;
  }
}
.wrapper-modal .inside > * .modal__content .modal__navigation .nav--target-groups {
  font-size: 1.5rem;
}
@media screen and (max-width: 53.0625em) {
  .wrapper-modal .inside > * .modal__content .modal__navigation .nav--target-groups {
    border-bottom: 1px solid #606468;
  }
}
.wrapper-modal .inside > * .modal__content .modal__navigation .nav--target-groups ul {
  margin-top: 3rem;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 53.125em) {
  .wrapper-modal .inside > * .modal__content .modal__navigation .nav--target-groups ul {
    margin-top: calc(2.5 * var(--base-padding));
    margin-bottom: calc(4 * var(--base-padding));
  }
}
.wrapper-modal .inside > * .modal__content .modal__navigation .nav--target-groups ul li {
  padding-left: var(--text-padding);
  padding-right: var(--text-padding);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.3rem;
  line-height: 1.2;
}
.wrapper-modal .inside > * .modal__content .modal__navigation .nav--legal-information {
  margin-top: calc(2 * var(--base-padding));
}
.wrapper-modal .inside > * .modal__content .modal__navigation .nav--legal-information ul {
  padding-left: var(--text-padding);
  padding-right: var(--text-padding);
}
@media screen and (max-width: 53.0625em) {
  .wrapper-modal .inside > * .modal__content .modal__navigation .nav--legal-information li {
    display: inline-block;
    width: 32%;
    min-width: 90px;
  }
}
@media screen and (min-width: 53.125em) and (max-width: 89.9375em) {
  .wrapper-modal .inside > * .modal__content .products {
    grid-column-start: 3;
  }
}
@media screen and (min-width: 90em) {
  .wrapper-modal .inside > * .modal__content .products {
    grid-row: span 2;
  }
}
@media screen and (min-width: 53.125em) {
  .wrapper-modal .inside > * .modal__content .products .products__group {
    padding-left: var(--text-padding);
    padding-right: var(--text-padding);
  }
}
@media screen and (min-width: 90em) {
  .wrapper-modal .inside > * .modal__content .products .products__group:first-child {
    margin-top: 0;
  }
}
.wrapper-modal .inside > * .modal__content .products .products__group h2 {
  font-size: 1.6666666667rem;
}
.wrapper-modal .inside > * .modal__content .products .products__group h2:first-child {
  margin-top: 0;
}
.wrapper-modal .inside > * .modal__content .products .products__group h3 {
  position: relative;
  margin: 0;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 119.9375em) {
  .wrapper-modal .inside > * .modal__content .products .products__group li a > div,
  .wrapper-modal .inside > * .modal__content .products .products__group li div.active > div {
    padding-top: calc(2 * var(--base-padding));
    padding-bottom: calc(2 * var(--base-padding));
    padding-left: calc(2rem + 1.5 * var(--text-padding));
  }
}
@media screen and (min-width: 53.125em) {
  .wrapper-modal .inside > * .modal__content .modal__navigation + .products .products__group:first-child {
    margin-top: 0;
  }
  .wrapper-modal .inside > * .modal__content .modal__navigation + .products .products__group:first-child h2:first-child {
    margin-top: 0;
  }
}
.wrapper-modal .inside > * .modal__content .modal__info {
  padding-left: var(--text-padding);
  padding-right: var(--text-padding);
  margin-top: calc(4 * var(--base-padding));
}
@media screen and (min-width: 53.125em) {
  .wrapper-modal .inside > * .modal__content .modal__info {
    grid-column-start: 2;
    grid-row-start: 2;
    align-self: end;
  }
}
.wrapper-modal .inside > * .modal__content .modal__info h2 {
  font-size: 1.5rem;
  line-height: 1.3;
}

/*---------------
  _HELPER.SCSS
---------------*/
.invisible,
.hidden {
  display: none;
}

@media screen and (min-width: 40em) {
  .hide-for-sm {
    display: none;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-sm {
    display: none;
  }
}

@media screen and (min-width: 64em) {
  .hide-for-md {
    display: none;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-md {
    display: none;
  }
}

@media screen and (min-width: 75em) {
  .hide-for-lg {
    display: none;
  }
}

@media screen and (max-width: 74.9375em) {
  .show-for-lg {
    display: none;
  }
}

@media screen and (min-width: 90em) {
  .hide-for-xl {
    display: none;
  }
}

@media screen and (max-width: 89.9375em) {
  .show-for-xl {
    display: none;
  }
}

@media screen and (min-width: 120em) {
  .hide-for-xxl {
    display: none;
  }
}

@media screen and (max-width: 119.9375em) {
  .show-for-xxl {
    display: none;
  }
}

@media screen and (min-width: 160em) {
  .hide-for-xxxl {
    display: none;
  }
}

@media screen and (max-width: 159.9375em) {
  .show-for-xxxl {
    display: none;
  }
}

@media screen and (min-width: 53.125em) {
  .hide-for-tab {
    display: none;
  }
}

@media screen and (max-width: 53.0625em) {
  .show-for-tab {
    display: none;
  }
}

/*
  padding and margin helper classes
 */
.m0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.m1 {
  margin: calc(1 * var(--base-padding)) !important;
}

.mt1 {
  margin-top: calc(1 * var(--base-padding)) !important;
}

.mr1 {
  margin-right: calc(1 * var(--hbase-padding)) !important;
}

.mb1 {
  margin-bottom: calc(1 * var(--base-padding)) !important;
}

.ml1 {
  margin-left: calc(1 * var(--hbase-padding)) !important;
}

.m2 {
  margin: calc(2 * var(--base-padding)) !important;
}

.mt2 {
  margin-top: calc(2 * var(--base-padding)) !important;
}

.mr2 {
  margin-right: calc(2 * var(--hbase-padding)) !important;
}

.mb2 {
  margin-bottom: calc(2 * var(--base-padding)) !important;
}

.ml2 {
  margin-left: calc(2 * var(--hbase-padding)) !important;
}

.m3 {
  margin: calc(3 * var(--base-padding)) !important;
}

.mt3 {
  margin-top: calc(3 * var(--base-padding)) !important;
}

.mr3 {
  margin-right: calc(3 * var(--hbase-padding)) !important;
}

.mb3 {
  margin-bottom: calc(3 * var(--base-padding)) !important;
}

.ml3 {
  margin-left: calc(3 * var(--hbase-padding)) !important;
}

.m4 {
  margin: calc(4 * var(--base-padding)) !important;
}

.mt4 {
  margin-top: calc(4 * var(--base-padding)) !important;
}

.mr4 {
  margin-right: calc(4 * var(--hbase-padding)) !important;
}

.mb4 {
  margin-bottom: calc(4 * var(--base-padding)) !important;
}

.ml4 {
  margin-left: calc(4 * var(--hbase-padding)) !important;
}

.m5 {
  margin: calc(5 * var(--base-padding)) !important;
}

.mt5 {
  margin-top: calc(5 * var(--base-padding)) !important;
}

.mr5 {
  margin-right: calc(5 * var(--hbase-padding)) !important;
}

.mb5 {
  margin-bottom: calc(5 * var(--base-padding)) !important;
}

.ml5 {
  margin-left: calc(5 * var(--hbase-padding)) !important;
}

.m6 {
  margin: calc(6 * var(--base-padding)) !important;
}

.mt6 {
  margin-top: calc(6 * var(--base-padding)) !important;
}

.mr6 {
  margin-right: calc(6 * var(--hbase-padding)) !important;
}

.mb6 {
  margin-bottom: calc(6 * var(--base-padding)) !important;
}

.ml6 {
  margin-left: calc(6 * var(--hbase-padding)) !important;
}

.m7 {
  margin: calc(7 * var(--base-padding)) !important;
}

.mt7 {
  margin-top: calc(7 * var(--base-padding)) !important;
}

.mr7 {
  margin-right: calc(7 * var(--hbase-padding)) !important;
}

.mb7 {
  margin-bottom: calc(7 * var(--base-padding)) !important;
}

.ml7 {
  margin-left: calc(7 * var(--hbase-padding)) !important;
}

.m8 {
  margin: calc(8 * var(--base-padding)) !important;
}

.mt8 {
  margin-top: calc(8 * var(--base-padding)) !important;
}

.mr8 {
  margin-right: calc(8 * var(--hbase-padding)) !important;
}

.mb8 {
  margin-bottom: calc(8 * var(--base-padding)) !important;
}

.ml8 {
  margin-left: calc(8 * var(--hbase-padding)) !important;
}

.m9 {
  margin: calc(9 * var(--base-padding)) !important;
}

.mt9 {
  margin-top: calc(9 * var(--base-padding)) !important;
}

.mr9 {
  margin-right: calc(9 * var(--hbase-padding)) !important;
}

.mb9 {
  margin-bottom: calc(9 * var(--base-padding)) !important;
}

.ml9 {
  margin-left: calc(9 * var(--hbase-padding)) !important;
}

.p0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.p1 {
  padding: calc(1 * var(--base-padding)) !important;
}

.pt1 {
  padding-top: calc(1 * var(--base-padding)) !important;
}

.pr1 {
  padding-right: calc(1 * var(--hbase-padding)) !important;
}

.pb1 {
  padding-bottom: calc(1 * var(--base-padding)) !important;
}

.pl1 {
  padding-left: calc(1 * var(--hbase-padding)) !important;
}

.p2 {
  padding: calc(2 * var(--base-padding)) !important;
}

.pt2 {
  padding-top: calc(2 * var(--base-padding)) !important;
}

.pr2 {
  padding-right: calc(2 * var(--hbase-padding)) !important;
}

.pb2 {
  padding-bottom: calc(2 * var(--base-padding)) !important;
}

.pl2 {
  padding-left: calc(2 * var(--hbase-padding)) !important;
}

.p3 {
  padding: calc(3 * var(--base-padding)) !important;
}

.pt3 {
  padding-top: calc(3 * var(--base-padding)) !important;
}

.pr3 {
  padding-right: calc(3 * var(--hbase-padding)) !important;
}

.pb3 {
  padding-bottom: calc(3 * var(--base-padding)) !important;
}

.pl3 {
  padding-left: calc(3 * var(--hbase-padding)) !important;
}

.p4 {
  padding: calc(4 * var(--base-padding)) !important;
}

.pt4 {
  padding-top: calc(4 * var(--base-padding)) !important;
}

.pr4 {
  padding-right: calc(4 * var(--hbase-padding)) !important;
}

.pb4 {
  padding-bottom: calc(4 * var(--base-padding)) !important;
}

.pl4 {
  padding-left: calc(4 * var(--hbase-padding)) !important;
}

.p5 {
  padding: calc(5 * var(--base-padding)) !important;
}

.pt5 {
  padding-top: calc(5 * var(--base-padding)) !important;
}

.pr5 {
  padding-right: calc(5 * var(--hbase-padding)) !important;
}

.pb5 {
  padding-bottom: calc(5 * var(--base-padding)) !important;
}

.pl5 {
  padding-left: calc(5 * var(--hbase-padding)) !important;
}

.p6 {
  padding: calc(6 * var(--base-padding)) !important;
}

.pt6 {
  padding-top: calc(6 * var(--base-padding)) !important;
}

.pr6 {
  padding-right: calc(6 * var(--hbase-padding)) !important;
}

.pb6 {
  padding-bottom: calc(6 * var(--base-padding)) !important;
}

.pl6 {
  padding-left: calc(6 * var(--hbase-padding)) !important;
}

.p7 {
  padding: calc(7 * var(--base-padding)) !important;
}

.pt7 {
  padding-top: calc(7 * var(--base-padding)) !important;
}

.pr7 {
  padding-right: calc(7 * var(--hbase-padding)) !important;
}

.pb7 {
  padding-bottom: calc(7 * var(--base-padding)) !important;
}

.pl7 {
  padding-left: calc(7 * var(--hbase-padding)) !important;
}

.p8 {
  padding: calc(8 * var(--base-padding)) !important;
}

.pt8 {
  padding-top: calc(8 * var(--base-padding)) !important;
}

.pr8 {
  padding-right: calc(8 * var(--hbase-padding)) !important;
}

.pb8 {
  padding-bottom: calc(8 * var(--base-padding)) !important;
}

.pl8 {
  padding-left: calc(8 * var(--hbase-padding)) !important;
}

.p9 {
  padding: calc(9 * var(--base-padding)) !important;
}

.pt9 {
  padding-top: calc(9 * var(--base-padding)) !important;
}

.pr9 {
  padding-right: calc(9 * var(--hbase-padding)) !important;
}

.pb9 {
  padding-bottom: calc(9 * var(--base-padding)) !important;
}

.pl9 {
  padding-left: calc(9 * var(--hbase-padding)) !important;
}

@media screen and (min-width: 40em) {
  .sm-m0 {
    margin: 0 !important;
  }
  .sm-mt0 {
    margin-top: 0 !important;
  }
  .sm-mr0 {
    margin-right: 0 !important;
  }
  .sm-mb0 {
    margin-bottom: 0 !important;
  }
  .sm-ml0 {
    margin-left: 0 !important;
  }
  .sm-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .sm-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .sm-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .sm-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .sm-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .sm-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .sm-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .sm-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .sm-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .sm-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .sm-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .sm-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .sm-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .sm-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .sm-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .sm-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .sm-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .sm-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .sm-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .sm-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .sm-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .sm-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .sm-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .sm-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .sm-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .sm-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .sm-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .sm-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .sm-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .sm-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .sm-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .sm-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .sm-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .sm-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .sm-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .sm-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .sm-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .sm-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .sm-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .sm-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .sm-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .sm-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .sm-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .sm-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .sm-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .sm-p0 {
    padding: 0 !important;
  }
  .sm-pt0 {
    padding-top: 0 !important;
  }
  .sm-pr0 {
    padding-right: 0 !important;
  }
  .sm-pb0 {
    padding-bottom: 0 !important;
  }
  .sm-pl0 {
    padding-left: 0 !important;
  }
  .sm-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .sm-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .sm-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .sm-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .sm-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .sm-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .sm-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .sm-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .sm-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .sm-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .sm-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .sm-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .sm-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .sm-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .sm-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .sm-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .sm-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .sm-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .sm-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .sm-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .sm-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .sm-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .sm-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .sm-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .sm-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .sm-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .sm-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .sm-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .sm-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .sm-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .sm-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .sm-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .sm-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .sm-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .sm-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .sm-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .sm-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .sm-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .sm-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .sm-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .sm-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .sm-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .sm-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .sm-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .sm-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (max-width: 39.9375em) {
  .sm-max-m0 {
    margin: 0 !important;
  }
  .sm-max-mt0 {
    margin-top: 0 !important;
  }
  .sm-max-mr0 {
    margin-right: 0 !important;
  }
  .sm-max-mb0 {
    margin-bottom: 0 !important;
  }
  .sm-max-ml0 {
    margin-left: 0 !important;
  }
  .sm-max-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .sm-max-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .sm-max-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .sm-max-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .sm-max-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .sm-max-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .sm-max-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .sm-max-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .sm-max-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .sm-max-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .sm-max-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .sm-max-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .sm-max-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .sm-max-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .sm-max-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .sm-max-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .sm-max-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .sm-max-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .sm-max-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .sm-max-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .sm-max-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .sm-max-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .sm-max-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .sm-max-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .sm-max-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .sm-max-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .sm-max-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .sm-max-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .sm-max-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .sm-max-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .sm-max-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .sm-max-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .sm-max-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .sm-max-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .sm-max-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .sm-max-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .sm-max-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .sm-max-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .sm-max-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .sm-max-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .sm-max-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .sm-max-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .sm-max-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .sm-max-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .sm-max-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .sm-max-p0 {
    padding: 0 !important;
  }
  .sm-max-pt0 {
    padding-top: 0 !important;
  }
  .sm-max-pr0 {
    padding-right: 0 !important;
  }
  .sm-max-pb0 {
    padding-bottom: 0 !important;
  }
  .sm-max-pl0 {
    padding-left: 0 !important;
  }
  .sm-max-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .sm-max-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .sm-max-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .sm-max-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .sm-max-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .sm-max-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .sm-max-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .sm-max-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .sm-max-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .sm-max-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .sm-max-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .sm-max-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .sm-max-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .sm-max-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .sm-max-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .sm-max-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .sm-max-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .sm-max-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .sm-max-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .sm-max-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .sm-max-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .sm-max-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .sm-max-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .sm-max-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .sm-max-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .sm-max-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .sm-max-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .sm-max-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .sm-max-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .sm-max-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .sm-max-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .sm-max-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .sm-max-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .sm-max-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .sm-max-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .sm-max-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .sm-max-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .sm-max-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .sm-max-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .sm-max-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .sm-max-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .sm-max-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .sm-max-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .sm-max-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .sm-max-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (min-width: 64em) {
  .md-m0 {
    margin: 0 !important;
  }
  .md-mt0 {
    margin-top: 0 !important;
  }
  .md-mr0 {
    margin-right: 0 !important;
  }
  .md-mb0 {
    margin-bottom: 0 !important;
  }
  .md-ml0 {
    margin-left: 0 !important;
  }
  .md-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .md-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .md-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .md-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .md-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .md-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .md-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .md-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .md-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .md-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .md-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .md-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .md-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .md-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .md-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .md-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .md-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .md-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .md-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .md-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .md-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .md-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .md-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .md-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .md-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .md-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .md-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .md-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .md-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .md-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .md-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .md-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .md-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .md-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .md-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .md-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .md-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .md-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .md-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .md-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .md-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .md-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .md-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .md-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .md-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .md-p0 {
    padding: 0 !important;
  }
  .md-pt0 {
    padding-top: 0 !important;
  }
  .md-pr0 {
    padding-right: 0 !important;
  }
  .md-pb0 {
    padding-bottom: 0 !important;
  }
  .md-pl0 {
    padding-left: 0 !important;
  }
  .md-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .md-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .md-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .md-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .md-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .md-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .md-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .md-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .md-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .md-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .md-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .md-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .md-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .md-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .md-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .md-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .md-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .md-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .md-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .md-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .md-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .md-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .md-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .md-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .md-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .md-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .md-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .md-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .md-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .md-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .md-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .md-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .md-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .md-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .md-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .md-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .md-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .md-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .md-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .md-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .md-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .md-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .md-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .md-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .md-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (max-width: 63.9375em) {
  .md-max-m0 {
    margin: 0 !important;
  }
  .md-max-mt0 {
    margin-top: 0 !important;
  }
  .md-max-mr0 {
    margin-right: 0 !important;
  }
  .md-max-mb0 {
    margin-bottom: 0 !important;
  }
  .md-max-ml0 {
    margin-left: 0 !important;
  }
  .md-max-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .md-max-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .md-max-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .md-max-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .md-max-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .md-max-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .md-max-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .md-max-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .md-max-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .md-max-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .md-max-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .md-max-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .md-max-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .md-max-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .md-max-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .md-max-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .md-max-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .md-max-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .md-max-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .md-max-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .md-max-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .md-max-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .md-max-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .md-max-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .md-max-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .md-max-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .md-max-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .md-max-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .md-max-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .md-max-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .md-max-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .md-max-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .md-max-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .md-max-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .md-max-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .md-max-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .md-max-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .md-max-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .md-max-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .md-max-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .md-max-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .md-max-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .md-max-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .md-max-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .md-max-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .md-max-p0 {
    padding: 0 !important;
  }
  .md-max-pt0 {
    padding-top: 0 !important;
  }
  .md-max-pr0 {
    padding-right: 0 !important;
  }
  .md-max-pb0 {
    padding-bottom: 0 !important;
  }
  .md-max-pl0 {
    padding-left: 0 !important;
  }
  .md-max-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .md-max-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .md-max-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .md-max-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .md-max-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .md-max-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .md-max-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .md-max-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .md-max-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .md-max-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .md-max-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .md-max-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .md-max-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .md-max-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .md-max-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .md-max-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .md-max-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .md-max-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .md-max-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .md-max-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .md-max-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .md-max-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .md-max-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .md-max-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .md-max-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .md-max-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .md-max-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .md-max-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .md-max-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .md-max-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .md-max-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .md-max-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .md-max-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .md-max-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .md-max-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .md-max-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .md-max-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .md-max-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .md-max-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .md-max-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .md-max-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .md-max-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .md-max-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .md-max-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .md-max-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (min-width: 75em) {
  .lg-m0 {
    margin: 0 !important;
  }
  .lg-mt0 {
    margin-top: 0 !important;
  }
  .lg-mr0 {
    margin-right: 0 !important;
  }
  .lg-mb0 {
    margin-bottom: 0 !important;
  }
  .lg-ml0 {
    margin-left: 0 !important;
  }
  .lg-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .lg-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .lg-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .lg-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .lg-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .lg-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .lg-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .lg-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .lg-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .lg-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .lg-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .lg-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .lg-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .lg-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .lg-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .lg-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .lg-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .lg-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .lg-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .lg-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .lg-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .lg-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .lg-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .lg-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .lg-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .lg-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .lg-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .lg-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .lg-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .lg-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .lg-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .lg-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .lg-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .lg-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .lg-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .lg-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .lg-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .lg-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .lg-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .lg-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .lg-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .lg-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .lg-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .lg-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .lg-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .lg-p0 {
    padding: 0 !important;
  }
  .lg-pt0 {
    padding-top: 0 !important;
  }
  .lg-pr0 {
    padding-right: 0 !important;
  }
  .lg-pb0 {
    padding-bottom: 0 !important;
  }
  .lg-pl0 {
    padding-left: 0 !important;
  }
  .lg-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .lg-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .lg-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .lg-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .lg-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .lg-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .lg-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .lg-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .lg-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .lg-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .lg-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .lg-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .lg-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .lg-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .lg-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .lg-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .lg-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .lg-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .lg-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .lg-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .lg-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .lg-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .lg-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .lg-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .lg-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .lg-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .lg-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .lg-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .lg-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .lg-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .lg-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .lg-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .lg-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .lg-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .lg-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .lg-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .lg-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .lg-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .lg-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .lg-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .lg-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .lg-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .lg-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .lg-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .lg-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (max-width: 74.9375em) {
  .lg-max-m0 {
    margin: 0 !important;
  }
  .lg-max-mt0 {
    margin-top: 0 !important;
  }
  .lg-max-mr0 {
    margin-right: 0 !important;
  }
  .lg-max-mb0 {
    margin-bottom: 0 !important;
  }
  .lg-max-ml0 {
    margin-left: 0 !important;
  }
  .lg-max-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .lg-max-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .lg-max-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .lg-max-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .lg-max-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .lg-max-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .lg-max-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .lg-max-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .lg-max-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .lg-max-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .lg-max-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .lg-max-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .lg-max-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .lg-max-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .lg-max-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .lg-max-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .lg-max-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .lg-max-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .lg-max-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .lg-max-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .lg-max-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .lg-max-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .lg-max-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .lg-max-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .lg-max-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .lg-max-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .lg-max-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .lg-max-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .lg-max-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .lg-max-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .lg-max-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .lg-max-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .lg-max-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .lg-max-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .lg-max-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .lg-max-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .lg-max-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .lg-max-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .lg-max-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .lg-max-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .lg-max-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .lg-max-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .lg-max-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .lg-max-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .lg-max-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .lg-max-p0 {
    padding: 0 !important;
  }
  .lg-max-pt0 {
    padding-top: 0 !important;
  }
  .lg-max-pr0 {
    padding-right: 0 !important;
  }
  .lg-max-pb0 {
    padding-bottom: 0 !important;
  }
  .lg-max-pl0 {
    padding-left: 0 !important;
  }
  .lg-max-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .lg-max-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .lg-max-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .lg-max-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .lg-max-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .lg-max-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .lg-max-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .lg-max-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .lg-max-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .lg-max-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .lg-max-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .lg-max-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .lg-max-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .lg-max-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .lg-max-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .lg-max-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .lg-max-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .lg-max-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .lg-max-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .lg-max-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .lg-max-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .lg-max-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .lg-max-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .lg-max-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .lg-max-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .lg-max-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .lg-max-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .lg-max-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .lg-max-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .lg-max-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .lg-max-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .lg-max-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .lg-max-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .lg-max-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .lg-max-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .lg-max-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .lg-max-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .lg-max-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .lg-max-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .lg-max-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .lg-max-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .lg-max-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .lg-max-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .lg-max-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .lg-max-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (min-width: 90em) {
  .xl-m0 {
    margin: 0 !important;
  }
  .xl-mt0 {
    margin-top: 0 !important;
  }
  .xl-mr0 {
    margin-right: 0 !important;
  }
  .xl-mb0 {
    margin-bottom: 0 !important;
  }
  .xl-ml0 {
    margin-left: 0 !important;
  }
  .xl-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .xl-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .xl-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xl-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xl-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xl-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .xl-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .xl-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xl-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xl-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xl-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .xl-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .xl-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xl-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xl-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xl-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .xl-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .xl-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xl-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xl-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xl-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .xl-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .xl-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xl-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xl-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xl-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .xl-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .xl-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xl-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xl-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xl-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .xl-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .xl-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xl-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xl-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xl-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .xl-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .xl-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xl-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xl-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xl-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .xl-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .xl-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xl-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xl-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .xl-p0 {
    padding: 0 !important;
  }
  .xl-pt0 {
    padding-top: 0 !important;
  }
  .xl-pr0 {
    padding-right: 0 !important;
  }
  .xl-pb0 {
    padding-bottom: 0 !important;
  }
  .xl-pl0 {
    padding-left: 0 !important;
  }
  .xl-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .xl-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .xl-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xl-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xl-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xl-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .xl-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .xl-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xl-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xl-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xl-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .xl-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .xl-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xl-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xl-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xl-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .xl-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .xl-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xl-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xl-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xl-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .xl-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .xl-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xl-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xl-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xl-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .xl-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .xl-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xl-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xl-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xl-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .xl-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .xl-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xl-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xl-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xl-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .xl-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .xl-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xl-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xl-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xl-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .xl-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .xl-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xl-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xl-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (max-width: 89.9375em) {
  .xl-max-m0 {
    margin: 0 !important;
  }
  .xl-max-mt0 {
    margin-top: 0 !important;
  }
  .xl-max-mr0 {
    margin-right: 0 !important;
  }
  .xl-max-mb0 {
    margin-bottom: 0 !important;
  }
  .xl-max-ml0 {
    margin-left: 0 !important;
  }
  .xl-max-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .xl-max-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .xl-max-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xl-max-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xl-max-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xl-max-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .xl-max-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .xl-max-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xl-max-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xl-max-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xl-max-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .xl-max-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .xl-max-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xl-max-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xl-max-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xl-max-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .xl-max-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .xl-max-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xl-max-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xl-max-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xl-max-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .xl-max-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .xl-max-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xl-max-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xl-max-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xl-max-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .xl-max-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .xl-max-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xl-max-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xl-max-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xl-max-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .xl-max-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .xl-max-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xl-max-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xl-max-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xl-max-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .xl-max-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .xl-max-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xl-max-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xl-max-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xl-max-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .xl-max-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .xl-max-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xl-max-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xl-max-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .xl-max-p0 {
    padding: 0 !important;
  }
  .xl-max-pt0 {
    padding-top: 0 !important;
  }
  .xl-max-pr0 {
    padding-right: 0 !important;
  }
  .xl-max-pb0 {
    padding-bottom: 0 !important;
  }
  .xl-max-pl0 {
    padding-left: 0 !important;
  }
  .xl-max-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .xl-max-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .xl-max-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xl-max-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xl-max-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xl-max-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .xl-max-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .xl-max-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xl-max-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xl-max-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xl-max-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .xl-max-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .xl-max-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xl-max-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xl-max-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xl-max-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .xl-max-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .xl-max-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xl-max-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xl-max-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xl-max-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .xl-max-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .xl-max-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xl-max-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xl-max-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xl-max-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .xl-max-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .xl-max-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xl-max-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xl-max-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xl-max-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .xl-max-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .xl-max-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xl-max-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xl-max-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xl-max-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .xl-max-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .xl-max-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xl-max-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xl-max-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xl-max-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .xl-max-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .xl-max-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xl-max-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xl-max-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (min-width: 120em) {
  .xxl-m0 {
    margin: 0 !important;
  }
  .xxl-mt0 {
    margin-top: 0 !important;
  }
  .xxl-mr0 {
    margin-right: 0 !important;
  }
  .xxl-mb0 {
    margin-bottom: 0 !important;
  }
  .xxl-ml0 {
    margin-left: 0 !important;
  }
  .xxl-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .xxl-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .xxl-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xxl-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xxl-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xxl-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .xxl-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .xxl-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xxl-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xxl-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xxl-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .xxl-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .xxl-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xxl-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xxl-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xxl-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .xxl-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .xxl-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xxl-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xxl-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xxl-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .xxl-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .xxl-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xxl-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xxl-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xxl-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .xxl-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .xxl-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xxl-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xxl-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xxl-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .xxl-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .xxl-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xxl-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xxl-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xxl-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .xxl-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .xxl-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xxl-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xxl-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xxl-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .xxl-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .xxl-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xxl-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xxl-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .xxl-p0 {
    padding: 0 !important;
  }
  .xxl-pt0 {
    padding-top: 0 !important;
  }
  .xxl-pr0 {
    padding-right: 0 !important;
  }
  .xxl-pb0 {
    padding-bottom: 0 !important;
  }
  .xxl-pl0 {
    padding-left: 0 !important;
  }
  .xxl-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .xxl-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .xxl-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xxl-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xxl-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xxl-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .xxl-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .xxl-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xxl-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xxl-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xxl-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .xxl-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .xxl-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xxl-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xxl-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xxl-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .xxl-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .xxl-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xxl-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xxl-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xxl-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .xxl-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .xxl-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xxl-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xxl-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xxl-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .xxl-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .xxl-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xxl-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xxl-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xxl-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .xxl-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .xxl-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xxl-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xxl-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xxl-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .xxl-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .xxl-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xxl-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xxl-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xxl-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .xxl-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .xxl-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xxl-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xxl-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (max-width: 119.9375em) {
  .xxl-max-m0 {
    margin: 0 !important;
  }
  .xxl-max-mt0 {
    margin-top: 0 !important;
  }
  .xxl-max-mr0 {
    margin-right: 0 !important;
  }
  .xxl-max-mb0 {
    margin-bottom: 0 !important;
  }
  .xxl-max-ml0 {
    margin-left: 0 !important;
  }
  .xxl-max-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .xxl-max-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .xxl-max-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xxl-max-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xxl-max-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xxl-max-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .xxl-max-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .xxl-max-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xxl-max-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xxl-max-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xxl-max-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .xxl-max-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .xxl-max-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xxl-max-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xxl-max-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xxl-max-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .xxl-max-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .xxl-max-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xxl-max-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xxl-max-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xxl-max-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .xxl-max-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .xxl-max-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xxl-max-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xxl-max-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xxl-max-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .xxl-max-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .xxl-max-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xxl-max-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xxl-max-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xxl-max-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .xxl-max-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .xxl-max-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xxl-max-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xxl-max-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xxl-max-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .xxl-max-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .xxl-max-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xxl-max-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xxl-max-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xxl-max-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .xxl-max-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .xxl-max-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xxl-max-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xxl-max-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .xxl-max-p0 {
    padding: 0 !important;
  }
  .xxl-max-pt0 {
    padding-top: 0 !important;
  }
  .xxl-max-pr0 {
    padding-right: 0 !important;
  }
  .xxl-max-pb0 {
    padding-bottom: 0 !important;
  }
  .xxl-max-pl0 {
    padding-left: 0 !important;
  }
  .xxl-max-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .xxl-max-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .xxl-max-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xxl-max-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xxl-max-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xxl-max-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .xxl-max-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .xxl-max-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xxl-max-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xxl-max-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xxl-max-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .xxl-max-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .xxl-max-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xxl-max-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xxl-max-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xxl-max-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .xxl-max-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .xxl-max-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xxl-max-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xxl-max-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xxl-max-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .xxl-max-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .xxl-max-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xxl-max-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xxl-max-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xxl-max-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .xxl-max-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .xxl-max-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xxl-max-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xxl-max-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xxl-max-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .xxl-max-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .xxl-max-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xxl-max-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xxl-max-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xxl-max-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .xxl-max-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .xxl-max-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xxl-max-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xxl-max-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xxl-max-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .xxl-max-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .xxl-max-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xxl-max-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xxl-max-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (min-width: 160em) {
  .xxxl-m0 {
    margin: 0 !important;
  }
  .xxxl-mt0 {
    margin-top: 0 !important;
  }
  .xxxl-mr0 {
    margin-right: 0 !important;
  }
  .xxxl-mb0 {
    margin-bottom: 0 !important;
  }
  .xxxl-ml0 {
    margin-left: 0 !important;
  }
  .xxxl-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xxxl-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xxxl-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xxxl-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xxxl-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xxxl-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xxxl-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xxxl-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xxxl-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xxxl-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xxxl-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xxxl-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xxxl-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xxxl-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xxxl-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xxxl-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xxxl-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xxxl-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .xxxl-p0 {
    padding: 0 !important;
  }
  .xxxl-pt0 {
    padding-top: 0 !important;
  }
  .xxxl-pr0 {
    padding-right: 0 !important;
  }
  .xxxl-pb0 {
    padding-bottom: 0 !important;
  }
  .xxxl-pl0 {
    padding-left: 0 !important;
  }
  .xxxl-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xxxl-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xxxl-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xxxl-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xxxl-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xxxl-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xxxl-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xxxl-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xxxl-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xxxl-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xxxl-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xxxl-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xxxl-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xxxl-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xxxl-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xxxl-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xxxl-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xxxl-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (max-width: 159.9375em) {
  .xxxl-max-m0 {
    margin: 0 !important;
  }
  .xxxl-max-mt0 {
    margin-top: 0 !important;
  }
  .xxxl-max-mr0 {
    margin-right: 0 !important;
  }
  .xxxl-max-mb0 {
    margin-bottom: 0 !important;
  }
  .xxxl-max-ml0 {
    margin-left: 0 !important;
  }
  .xxxl-max-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-max-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-max-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xxxl-max-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-max-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xxxl-max-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-max-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-max-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xxxl-max-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-max-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xxxl-max-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-max-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-max-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xxxl-max-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-max-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xxxl-max-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-max-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-max-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xxxl-max-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-max-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xxxl-max-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-max-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-max-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xxxl-max-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-max-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xxxl-max-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-max-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-max-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xxxl-max-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-max-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xxxl-max-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-max-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-max-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xxxl-max-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-max-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xxxl-max-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-max-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-max-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xxxl-max-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-max-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xxxl-max-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-max-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-max-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xxxl-max-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-max-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .xxxl-max-p0 {
    padding: 0 !important;
  }
  .xxxl-max-pt0 {
    padding-top: 0 !important;
  }
  .xxxl-max-pr0 {
    padding-right: 0 !important;
  }
  .xxxl-max-pb0 {
    padding-bottom: 0 !important;
  }
  .xxxl-max-pl0 {
    padding-left: 0 !important;
  }
  .xxxl-max-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-max-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-max-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .xxxl-max-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .xxxl-max-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .xxxl-max-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-max-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-max-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .xxxl-max-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .xxxl-max-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .xxxl-max-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-max-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-max-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .xxxl-max-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .xxxl-max-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .xxxl-max-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-max-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-max-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .xxxl-max-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .xxxl-max-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .xxxl-max-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-max-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-max-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .xxxl-max-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .xxxl-max-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .xxxl-max-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-max-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-max-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .xxxl-max-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .xxxl-max-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .xxxl-max-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-max-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-max-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .xxxl-max-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .xxxl-max-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .xxxl-max-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-max-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-max-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .xxxl-max-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .xxxl-max-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .xxxl-max-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-max-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-max-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .xxxl-max-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .xxxl-max-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (min-width: 53.125em) {
  .tab-m0 {
    margin: 0 !important;
  }
  .tab-mt0 {
    margin-top: 0 !important;
  }
  .tab-mr0 {
    margin-right: 0 !important;
  }
  .tab-mb0 {
    margin-bottom: 0 !important;
  }
  .tab-ml0 {
    margin-left: 0 !important;
  }
  .tab-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .tab-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .tab-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .tab-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .tab-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .tab-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .tab-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .tab-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .tab-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .tab-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .tab-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .tab-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .tab-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .tab-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .tab-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .tab-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .tab-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .tab-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .tab-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .tab-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .tab-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .tab-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .tab-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .tab-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .tab-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .tab-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .tab-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .tab-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .tab-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .tab-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .tab-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .tab-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .tab-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .tab-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .tab-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .tab-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .tab-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .tab-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .tab-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .tab-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .tab-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .tab-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .tab-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .tab-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .tab-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .tab-p0 {
    padding: 0 !important;
  }
  .tab-pt0 {
    padding-top: 0 !important;
  }
  .tab-pr0 {
    padding-right: 0 !important;
  }
  .tab-pb0 {
    padding-bottom: 0 !important;
  }
  .tab-pl0 {
    padding-left: 0 !important;
  }
  .tab-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .tab-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .tab-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .tab-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .tab-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .tab-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .tab-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .tab-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .tab-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .tab-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .tab-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .tab-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .tab-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .tab-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .tab-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .tab-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .tab-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .tab-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .tab-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .tab-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .tab-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .tab-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .tab-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .tab-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .tab-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .tab-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .tab-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .tab-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .tab-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .tab-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .tab-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .tab-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .tab-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .tab-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .tab-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .tab-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .tab-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .tab-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .tab-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .tab-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .tab-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .tab-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .tab-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .tab-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .tab-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
@media screen and (max-width: 53.0625em) {
  .tab-max-m0 {
    margin: 0 !important;
  }
  .tab-max-mt0 {
    margin-top: 0 !important;
  }
  .tab-max-mr0 {
    margin-right: 0 !important;
  }
  .tab-max-mb0 {
    margin-bottom: 0 !important;
  }
  .tab-max-ml0 {
    margin-left: 0 !important;
  }
  .tab-max-m1 {
    margin: calc(1 * var(--base-padding)) !important;
  }
  .tab-max-mt1 {
    margin-top: calc(1 * var(--base-padding)) !important;
  }
  .tab-max-mr1 {
    margin-right: calc(1 * var(--hbase-padding)) !important;
  }
  .tab-max-mb1 {
    margin-bottom: calc(1 * var(--base-padding)) !important;
  }
  .tab-max-ml1 {
    margin-left: calc(1 * var(--hbase-padding)) !important;
  }
  .tab-max-m2 {
    margin: calc(2 * var(--base-padding)) !important;
  }
  .tab-max-mt2 {
    margin-top: calc(2 * var(--base-padding)) !important;
  }
  .tab-max-mr2 {
    margin-right: calc(2 * var(--hbase-padding)) !important;
  }
  .tab-max-mb2 {
    margin-bottom: calc(2 * var(--base-padding)) !important;
  }
  .tab-max-ml2 {
    margin-left: calc(2 * var(--hbase-padding)) !important;
  }
  .tab-max-m3 {
    margin: calc(3 * var(--base-padding)) !important;
  }
  .tab-max-mt3 {
    margin-top: calc(3 * var(--base-padding)) !important;
  }
  .tab-max-mr3 {
    margin-right: calc(3 * var(--hbase-padding)) !important;
  }
  .tab-max-mb3 {
    margin-bottom: calc(3 * var(--base-padding)) !important;
  }
  .tab-max-ml3 {
    margin-left: calc(3 * var(--hbase-padding)) !important;
  }
  .tab-max-m4 {
    margin: calc(4 * var(--base-padding)) !important;
  }
  .tab-max-mt4 {
    margin-top: calc(4 * var(--base-padding)) !important;
  }
  .tab-max-mr4 {
    margin-right: calc(4 * var(--hbase-padding)) !important;
  }
  .tab-max-mb4 {
    margin-bottom: calc(4 * var(--base-padding)) !important;
  }
  .tab-max-ml4 {
    margin-left: calc(4 * var(--hbase-padding)) !important;
  }
  .tab-max-m5 {
    margin: calc(5 * var(--base-padding)) !important;
  }
  .tab-max-mt5 {
    margin-top: calc(5 * var(--base-padding)) !important;
  }
  .tab-max-mr5 {
    margin-right: calc(5 * var(--hbase-padding)) !important;
  }
  .tab-max-mb5 {
    margin-bottom: calc(5 * var(--base-padding)) !important;
  }
  .tab-max-ml5 {
    margin-left: calc(5 * var(--hbase-padding)) !important;
  }
  .tab-max-m6 {
    margin: calc(6 * var(--base-padding)) !important;
  }
  .tab-max-mt6 {
    margin-top: calc(6 * var(--base-padding)) !important;
  }
  .tab-max-mr6 {
    margin-right: calc(6 * var(--hbase-padding)) !important;
  }
  .tab-max-mb6 {
    margin-bottom: calc(6 * var(--base-padding)) !important;
  }
  .tab-max-ml6 {
    margin-left: calc(6 * var(--hbase-padding)) !important;
  }
  .tab-max-m7 {
    margin: calc(7 * var(--base-padding)) !important;
  }
  .tab-max-mt7 {
    margin-top: calc(7 * var(--base-padding)) !important;
  }
  .tab-max-mr7 {
    margin-right: calc(7 * var(--hbase-padding)) !important;
  }
  .tab-max-mb7 {
    margin-bottom: calc(7 * var(--base-padding)) !important;
  }
  .tab-max-ml7 {
    margin-left: calc(7 * var(--hbase-padding)) !important;
  }
  .tab-max-m8 {
    margin: calc(8 * var(--base-padding)) !important;
  }
  .tab-max-mt8 {
    margin-top: calc(8 * var(--base-padding)) !important;
  }
  .tab-max-mr8 {
    margin-right: calc(8 * var(--hbase-padding)) !important;
  }
  .tab-max-mb8 {
    margin-bottom: calc(8 * var(--base-padding)) !important;
  }
  .tab-max-ml8 {
    margin-left: calc(8 * var(--hbase-padding)) !important;
  }
  .tab-max-m9 {
    margin: calc(9 * var(--base-padding)) !important;
  }
  .tab-max-mt9 {
    margin-top: calc(9 * var(--base-padding)) !important;
  }
  .tab-max-mr9 {
    margin-right: calc(9 * var(--hbase-padding)) !important;
  }
  .tab-max-mb9 {
    margin-bottom: calc(9 * var(--base-padding)) !important;
  }
  .tab-max-ml9 {
    margin-left: calc(9 * var(--hbase-padding)) !important;
  }
  .tab-max-p0 {
    padding: 0 !important;
  }
  .tab-max-pt0 {
    padding-top: 0 !important;
  }
  .tab-max-pr0 {
    padding-right: 0 !important;
  }
  .tab-max-pb0 {
    padding-bottom: 0 !important;
  }
  .tab-max-pl0 {
    padding-left: 0 !important;
  }
  .tab-max-p1 {
    padding: calc(1 * var(--base-padding)) !important;
  }
  .tab-max-pt1 {
    padding-top: calc(1 * var(--base-padding)) !important;
  }
  .tab-max-pr1 {
    padding-right: calc(1 * var(--hbase-padding)) !important;
  }
  .tab-max-pb1 {
    padding-bottom: calc(1 * var(--base-padding)) !important;
  }
  .tab-max-pl1 {
    padding-left: calc(1 * var(--hbase-padding)) !important;
  }
  .tab-max-p2 {
    padding: calc(2 * var(--base-padding)) !important;
  }
  .tab-max-pt2 {
    padding-top: calc(2 * var(--base-padding)) !important;
  }
  .tab-max-pr2 {
    padding-right: calc(2 * var(--hbase-padding)) !important;
  }
  .tab-max-pb2 {
    padding-bottom: calc(2 * var(--base-padding)) !important;
  }
  .tab-max-pl2 {
    padding-left: calc(2 * var(--hbase-padding)) !important;
  }
  .tab-max-p3 {
    padding: calc(3 * var(--base-padding)) !important;
  }
  .tab-max-pt3 {
    padding-top: calc(3 * var(--base-padding)) !important;
  }
  .tab-max-pr3 {
    padding-right: calc(3 * var(--hbase-padding)) !important;
  }
  .tab-max-pb3 {
    padding-bottom: calc(3 * var(--base-padding)) !important;
  }
  .tab-max-pl3 {
    padding-left: calc(3 * var(--hbase-padding)) !important;
  }
  .tab-max-p4 {
    padding: calc(4 * var(--base-padding)) !important;
  }
  .tab-max-pt4 {
    padding-top: calc(4 * var(--base-padding)) !important;
  }
  .tab-max-pr4 {
    padding-right: calc(4 * var(--hbase-padding)) !important;
  }
  .tab-max-pb4 {
    padding-bottom: calc(4 * var(--base-padding)) !important;
  }
  .tab-max-pl4 {
    padding-left: calc(4 * var(--hbase-padding)) !important;
  }
  .tab-max-p5 {
    padding: calc(5 * var(--base-padding)) !important;
  }
  .tab-max-pt5 {
    padding-top: calc(5 * var(--base-padding)) !important;
  }
  .tab-max-pr5 {
    padding-right: calc(5 * var(--hbase-padding)) !important;
  }
  .tab-max-pb5 {
    padding-bottom: calc(5 * var(--base-padding)) !important;
  }
  .tab-max-pl5 {
    padding-left: calc(5 * var(--hbase-padding)) !important;
  }
  .tab-max-p6 {
    padding: calc(6 * var(--base-padding)) !important;
  }
  .tab-max-pt6 {
    padding-top: calc(6 * var(--base-padding)) !important;
  }
  .tab-max-pr6 {
    padding-right: calc(6 * var(--hbase-padding)) !important;
  }
  .tab-max-pb6 {
    padding-bottom: calc(6 * var(--base-padding)) !important;
  }
  .tab-max-pl6 {
    padding-left: calc(6 * var(--hbase-padding)) !important;
  }
  .tab-max-p7 {
    padding: calc(7 * var(--base-padding)) !important;
  }
  .tab-max-pt7 {
    padding-top: calc(7 * var(--base-padding)) !important;
  }
  .tab-max-pr7 {
    padding-right: calc(7 * var(--hbase-padding)) !important;
  }
  .tab-max-pb7 {
    padding-bottom: calc(7 * var(--base-padding)) !important;
  }
  .tab-max-pl7 {
    padding-left: calc(7 * var(--hbase-padding)) !important;
  }
  .tab-max-p8 {
    padding: calc(8 * var(--base-padding)) !important;
  }
  .tab-max-pt8 {
    padding-top: calc(8 * var(--base-padding)) !important;
  }
  .tab-max-pr8 {
    padding-right: calc(8 * var(--hbase-padding)) !important;
  }
  .tab-max-pb8 {
    padding-bottom: calc(8 * var(--base-padding)) !important;
  }
  .tab-max-pl8 {
    padding-left: calc(8 * var(--hbase-padding)) !important;
  }
  .tab-max-p9 {
    padding: calc(9 * var(--base-padding)) !important;
  }
  .tab-max-pt9 {
    padding-top: calc(9 * var(--base-padding)) !important;
  }
  .tab-max-pr9 {
    padding-right: calc(9 * var(--hbase-padding)) !important;
  }
  .tab-max-pb9 {
    padding-bottom: calc(9 * var(--base-padding)) !important;
  }
  .tab-max-pl9 {
    padding-left: calc(9 * var(--hbase-padding)) !important;
  }
}
/*
  grid helper classes
 */
.grid--6-columns, .grid--5-columns, .grid--4-columns, .grid--3-columns, .grid--2-columns {
  grid-column-gap: calc(2 * var(--text-padding));
  grid-auto-flow: dense;
}

@media screen and (min-width: 40em) {
  .grid--2-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.grid--start-2 {
  grid-column-start: 2;
}

.grid--6-columns, .grid--5-columns, .grid--4-columns, .grid--3-columns, .grid--2-columns {
  grid-column-gap: calc(2 * var(--text-padding));
  grid-auto-flow: dense;
}

@media screen and (min-width: 40em) {
  .grid--3-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

.grid--start-3 {
  grid-column-start: 3;
}

.grid--6-columns, .grid--5-columns, .grid--4-columns, .grid--2-columns, .grid--3-columns {
  grid-column-gap: calc(2 * var(--text-padding));
  grid-auto-flow: dense;
}

@media screen and (min-width: 40em) {
  .grid--4-columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

.grid--start-4 {
  grid-column-start: 4;
}

.grid--6-columns, .grid--5-columns, .grid--2-columns, .grid--3-columns, .grid--4-columns {
  grid-column-gap: calc(2 * var(--text-padding));
  grid-auto-flow: dense;
}

@media screen and (min-width: 40em) {
  .grid--5-columns {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
}

.grid--start-5 {
  grid-column-start: 5;
}

.grid--6-columns, .grid--2-columns, .grid--3-columns, .grid--4-columns, .grid--5-columns {
  grid-column-gap: calc(2 * var(--text-padding));
  grid-auto-flow: dense;
}

@media screen and (min-width: 40em) {
  .grid--6-columns {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
}

.grid--start-6 {
  grid-column-start: 6;
}

html {
  font-family: Barlow;
  font-size: 12px;
  line-height: 1.6;
  color: #383E42;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 40em) {
  html {
    font-size: 14px;
  }
}
@media screen and (min-width: 90em) {
  html {
    font-size: 16px;
  }
}

body {
  margin: 0px;
}

/*# sourceMappingURL=style.css.map */