/*! Cooltipz.css v1.7.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */:root{--cooltipz-bg-color:#1f1f1f;--cooltipz-border-width:0;--cooltipz-border-style:solid;--cooltipz-border-color:#1f1f1f;--cooltipz-text-color:#fff;--cooltipz-font-size:0.75rem;--cooltipz-slide:6px;--cooltipz-border-radius:0.125rem;--cooltipz-timing:120ms;--cooltipz-cursor:pointer;--cooltipz-small:6.25rem;--cooltipz-medium:12.5rem;--cooltipz-large:18.75rem;--cooltipz-arrow-size:0.3125rem;--cooltipz-delay-show:0s;--cooltipz-delay-hide:0s}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border:var(--cooltipz-arrow-size,.3125rem) solid transparent;height:0;width:0}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3))}[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3))}[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(1px 0 1px rgba(0,0,0,.3))}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][class*=cooltipz].cooltipz--small:after,[aria-label][class*=cooltipz][data-cooltipz-size=fit]:after,[aria-label][class*=cooltipz][data-cooltipz-size=large]:after,[aria-label][class*=cooltipz][data-cooltipz-size=medium]:after,[aria-label][class*=cooltipz][data-cooltipz-size=small]:after,[aria-label][data-cooltipz-dir].cooltipz--fit:after,[aria-label][data-cooltipz-dir].cooltipz--large:after,[aria-label][data-cooltipz-dir].cooltipz--medium:after,[aria-label][data-cooltipz-dir].cooltipz--small:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{white-space:normal;word-wrap:break-word}[aria-label][class*=cooltipz],[aria-label][data-cooltipz-dir]{cursor:var(--cooltipz-cursor,pointer);position:relative}[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{background-color:var(--cooltipz-bg-color,#1f1f1f);border-radius:var(--cooltipz-border-radius,.125rem);border:var(--cooltipz-border-width,0) var(--cooltipz-border-style,solid) var(--cooltipz-border-color,#1f1f1f);-webkit-box-shadow:0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 .1875rem rgba(0,0,0,.3);color:var(--cooltipz-text-color,#fff);content:attr(aria-label);font-family:Verdana,Geneva,Tahoma,var(--cooltipz-fontawesome,Arial),sans-serif;font-size:var(--cooltipz-font-size,.75rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;padding:.5em 1em;text-indent:0;text-shadow:none;white-space:nowrap;z-index:10}[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:before{content:"";z-index:11}[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;-webkit-transition-delay:var(--cooltipz-delay-hide,0s);transition-delay:var(--cooltipz-delay-hide,0s)}@media(prefers-reduced-motion:reduce){[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-transition:none;transition:none}}[aria-label][class*=cooltipz].cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--visible:before,[aria-label][class*=cooltipz]:focus:after,[aria-label][class*=cooltipz]:focus:before,[aria-label][class*=cooltipz]:hover:after,[aria-label][class*=cooltipz]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--visible:before,[aria-label][data-cooltipz-dir]:focus:after,[aria-label][data-cooltipz-dir]:focus:before,[aria-label][data-cooltipz-dir]:hover:after,[aria-label][data-cooltipz-dir]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:before{opacity:1;-webkit-transition-delay:var(--cooltipz-delay-show,0s);transition-delay:var(--cooltipz-delay-show,0s)}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir].cooltipz--top:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2)}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top:after,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px));-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top:focus:after,[aria-label][class*=cooltipz].cooltipz--top:focus:before,[aria-label][class*=cooltipz].cooltipz--top:hover:after,[aria-label][class*=cooltipz].cooltipz--top:hover:before,[aria-label][class*=cooltipz].cooltipz--top[data-cooltipz-visible]:after,[aria-label][class*=cooltipz].cooltipz--top[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--top[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2)}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2)}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px));-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-left:focus:after,[aria-label][class*=cooltipz].cooltipz--top-left:focus:before,[aria-label][class*=cooltipz].cooltipz--top-left:hover:after,[aria-label][class*=cooltipz].cooltipz--top-left:hover:before,[aria-label][class*=cooltipz].cooltipz--top-left[data-cooltipz-visible]:after,[aria-label][class*=cooltipz].cooltipz--top-left[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top-left[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--top-left[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0}[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2)}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px));-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-right:focus:after,[aria-label][class*=cooltipz].cooltipz--top-right:focus:before,[aria-label][class*=cooltipz].cooltipz--top-right:hover:after,[aria-label][class*=cooltipz].cooltipz--top-right:hover:before,[aria-label][class*=cooltipz].cooltipz--top-right[data-cooltipz-visible]:after,[aria-label][class*=cooltipz].cooltipz--top-right[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top-right[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--top-right[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2)}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom:hover:after,[aria-label][class*=cooltipz].cooltipz--bottom:hover:before,[aria-label][class*=cooltipz].cooltipz--bottom[data-cooltipz-visible]:after,[aria-label][class*=cooltipz].cooltipz--bottom[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2)}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2)}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:before,[aria-label][class*=cooltipz].cooltipz--bottom-left[data-cooltipz-visible]:after,[aria-label][class*=cooltipz].cooltipz--bottom-left[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0}[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2)}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:before,[aria-label][class*=cooltipz].cooltipz--bottom-right[data-cooltipz-visible]:after,[aria-label][class*=cooltipz].cooltipz--bottom-right[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir].cooltipz--left:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2)}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:after,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%);-webkit-transform-origin:left;transform-origin:left}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--left:focus:after,[aria-label][class*=cooltipz].cooltipz--left:focus:before,[aria-label][class*=cooltipz].cooltipz--left:hover:after,[aria-label][class*=cooltipz].cooltipz--left:hover:before,[aria-label][class*=cooltipz].cooltipz--left[data-cooltipz-visible]:after,[aria-label][class*=cooltipz].cooltipz--left[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--left[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--left[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir].cooltipz--right:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2)}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:after,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);-webkit-transform-origin:right;transform-origin:right}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--right:focus:after,[aria-label][class*=cooltipz].cooltipz--right:focus:before,[aria-label][class*=cooltipz].cooltipz--right:hover:after,[aria-label][class*=cooltipz].cooltipz--right:hover:before,[aria-label][class*=cooltipz].cooltipz--right[data-cooltipz-visible]:after,[aria-label][class*=cooltipz].cooltipz--right[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--right[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--right[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][class*=cooltipz][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir].cooltipz--fit:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after{width:100%}[aria-label][class*=cooltipz].cooltipz--small:after,[aria-label][class*=cooltipz][data-cooltipz-size=small]:after,[aria-label][data-cooltipz-dir].cooltipz--small:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{width:var(--cooltipz-small,6.25rem)}[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][class*=cooltipz][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir].cooltipz--medium:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][class*=cooltipz][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir].cooltipz--large:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after{width:var(--cooltipz-large,18.75rem)}[aria-label][class*=cooltipz].cooltipz--static:after,[aria-label][class*=cooltipz].cooltipz--static:before,[aria-label][class*=cooltipz][data-cooltipz-static]:after,[aria-label][class*=cooltipz][data-cooltipz-static]:before,[aria-label][data-cooltipz-dir].cooltipz--static:after,[aria-label][data-cooltipz-dir].cooltipz--static:before,[aria-label][data-cooltipz-dir][data-cooltipz-static]:after,[aria-label][data-cooltipz-dir][data-cooltipz-static]:before{-webkit-transition:none;transition:none} * > .intro-y:nth-child(1) { z-index: 49; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } * > .-intro-y:nth-child(1) { z-index: 49; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } * > .intro-x:nth-child(2) { z-index: 48; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } * > .-intro-x:nth-child(2) { z-index: 48; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } * > .intro-y:nth-child(2) { z-index: 48; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } * > .-intro-y:nth-child(2) { z-index: 48; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } * > .intro-x:nth-child(3) { z-index: 47; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } * > .-intro-x:nth-child(3) { z-index: 47; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } * > .intro-y:nth-child(3) { z-index: 47; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } * > .-intro-y:nth-child(3) { z-index: 47; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } * > .intro-x:nth-child(4) { z-index: 46; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } * > .-intro-x:nth-child(4) { z-index: 46; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } * > .intro-y:nth-child(4) { z-index: 46; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } * > .-intro-y:nth-child(4) { z-index: 46; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } * > .intro-x:nth-child(5) { z-index: 45; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } * > .-intro-x:nth-child(5) { z-index: 45; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } * > .intro-y:nth-child(5) { z-index: 45; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } * > .-intro-y:nth-child(5) { z-index: 45; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } * > .intro-x:nth-child(6) { z-index: 44; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } * > .-intro-x:nth-child(6) { z-index: 44; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } * > .intro-y:nth-child(6) { z-index: 44; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } * > .-intro-y:nth-child(6) { z-index: 44; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } * > .intro-x:nth-child(7) { z-index: 43; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } * > .-intro-x:nth-child(7) { z-index: 43; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } * > .intro-y:nth-child(7) { z-index: 43; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } * > .-intro-y:nth-child(7) { z-index: 43; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } * > .intro-x:nth-child(8) { z-index: 42; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } * > .-intro-x:nth-child(8) { z-index: 42; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } * > .intro-y:nth-child(8) { z-index: 42; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } * > .-intro-y:nth-child(8) { z-index: 42; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } * > .intro-x:nth-child(9) { z-index: 41; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } * > .-intro-x:nth-child(9) { z-index: 41; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } * > .intro-y:nth-child(9) { z-index: 41; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } * > .-intro-y:nth-child(9) { z-index: 41; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } * > .intro-x:nth-child(10) { z-index: 40; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } * > .-intro-x:nth-child(10) { z-index: 40; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } * > .intro-y:nth-child(10) { z-index: 40; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } * > .-intro-y:nth-child(10) { z-index: 40; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } * > .intro-x:nth-child(11) { z-index: 39; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } * > .-intro-x:nth-child(11) { z-index: 39; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } * > .intro-y:nth-child(11) { z-index: 39; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } * > .-intro-y:nth-child(11) { z-index: 39; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } * > .intro-x:nth-child(12) { z-index: 38; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } * > .-intro-x:nth-child(12) { z-index: 38; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } * > .intro-y:nth-child(12) { z-index: 38; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } * > .-intro-y:nth-child(12) { z-index: 38; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } * > .intro-x:nth-child(13) { z-index: 37; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } * > .-intro-x:nth-child(13) { z-index: 37; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } * > .intro-y:nth-child(13) { z-index: 37; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } * > .-intro-y:nth-child(13) { z-index: 37; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } * > .intro-x:nth-child(14) { z-index: 36; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } * > .-intro-x:nth-child(14) { z-index: 36; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } * > .intro-y:nth-child(14) { z-index: 36; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } * > .-intro-y:nth-child(14) { z-index: 36; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } * > .intro-x:nth-child(15) { z-index: 35; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } * > .-intro-x:nth-child(15) { z-index: 35; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } * > .intro-y:nth-child(15) { z-index: 35; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } * > .-intro-y:nth-child(15) { z-index: 35; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } * > .intro-x:nth-child(16) { z-index: 34; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } * > .-intro-x:nth-child(16) { z-index: 34; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } * > .intro-y:nth-child(16) { z-index: 34; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } * > .-intro-y:nth-child(16) { z-index: 34; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } * > .intro-x:nth-child(17) { z-index: 33; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } * > .-intro-x:nth-child(17) { z-index: 33; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } * > .intro-y:nth-child(17) { z-index: 33; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } * > .-intro-y:nth-child(17) { z-index: 33; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } * > .intro-x:nth-child(18) { z-index: 32; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } * > .-intro-x:nth-child(18) { z-index: 32; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } * > .intro-y:nth-child(18) { z-index: 32; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } * > .-intro-y:nth-child(18) { z-index: 32; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } * > .intro-x:nth-child(19) { z-index: 31; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } * > .-intro-x:nth-child(19) { z-index: 31; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } * > .intro-y:nth-child(19) { z-index: 31; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } * > .-intro-y:nth-child(19) { z-index: 31; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } * > .intro-x:nth-child(20) { z-index: 30; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2s; animation-delay: 2s; } * > .-intro-x:nth-child(20) { z-index: 30; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2s; animation-delay: 2s; } * > .intro-y:nth-child(20) { z-index: 30; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2s; animation-delay: 2s; } * > .-intro-y:nth-child(20) { z-index: 30; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2s; animation-delay: 2s; } * > .intro-x:nth-child(21) { z-index: 29; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } * > .-intro-x:nth-child(21) { z-index: 29; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } * > .intro-y:nth-child(21) { z-index: 29; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } * > .-intro-y:nth-child(21) { z-index: 29; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } * > .intro-x:nth-child(22) { z-index: 28; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } * > .-intro-x:nth-child(22) { z-index: 28; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } * > .intro-y:nth-child(22) { z-index: 28; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } * > .-intro-y:nth-child(22) { z-index: 28; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } * > .intro-x:nth-child(23) { z-index: 27; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } * > .-intro-x:nth-child(23) { z-index: 27; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } * > .intro-y:nth-child(23) { z-index: 27; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } * > .-intro-y:nth-child(23) { z-index: 27; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } * > .intro-x:nth-child(24) { z-index: 26; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } * > .-intro-x:nth-child(24) { z-index: 26; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } * > .intro-y:nth-child(24) { z-index: 26; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } * > .-intro-y:nth-child(24) { z-index: 26; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } * > .intro-x:nth-child(25) { z-index: 25; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } * > .-intro-x:nth-child(25) { z-index: 25; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } * > .intro-y:nth-child(25) { z-index: 25; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } * > .-intro-y:nth-child(25) { z-index: 25; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } * > .intro-x:nth-child(26) { z-index: 24; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } * > .-intro-x:nth-child(26) { z-index: 24; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } * > .intro-y:nth-child(26) { z-index: 24; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } * > .-intro-y:nth-child(26) { z-index: 24; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } * > .intro-x:nth-child(27) { z-index: 23; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.7s; animation-delay: 2.7s; } * > .-intro-x:nth-child(27) { z-index: 23; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.7s; animation-delay: 2.7s; } * > .intro-y:nth-child(27) { z-index: 23; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.7s; animation-delay: 2.7s; } * > .-intro-y:nth-child(27) { z-index: 23; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.7s; animation-delay: 2.7s; } * > .intro-x:nth-child(28) { z-index: 22; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; } * > .-intro-x:nth-child(28) { z-index: 22; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; } * > .intro-y:nth-child(28) { z-index: 22; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; } * > .-intro-y:nth-child(28) { z-index: 22; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; } * > .intro-x:nth-child(29) { z-index: 21; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.9s; animation-delay: 2.9s; } * > .-intro-x:nth-child(29) { z-index: 21; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.9s; animation-delay: 2.9s; } * > .intro-y:nth-child(29) { z-index: 21; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.9s; animation-delay: 2.9s; } * > .-intro-y:nth-child(29) { z-index: 21; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2.9s; animation-delay: 2.9s; } * > .intro-x:nth-child(30) { z-index: 20; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3s; animation-delay: 3s; } * > .-intro-x:nth-child(30) { z-index: 20; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3s; animation-delay: 3s; } * > .intro-y:nth-child(30) { z-index: 20; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3s; animation-delay: 3s; } * > .-intro-y:nth-child(30) { z-index: 20; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3s; animation-delay: 3s; } * > .intro-x:nth-child(31) { z-index: 19; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.1s; animation-delay: 3.1s; } * > .-intro-x:nth-child(31) { z-index: 19; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.1s; animation-delay: 3.1s; } * > .intro-y:nth-child(31) { z-index: 19; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.1s; animation-delay: 3.1s; } * > .-intro-y:nth-child(31) { z-index: 19; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.1s; animation-delay: 3.1s; } * > .intro-x:nth-child(32) { z-index: 18; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.2s; animation-delay: 3.2s; } * > .-intro-x:nth-child(32) { z-index: 18; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.2s; animation-delay: 3.2s; } * > .intro-y:nth-child(32) { z-index: 18; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.2s; animation-delay: 3.2s; } * > .-intro-y:nth-child(32) { z-index: 18; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.2s; animation-delay: 3.2s; } * > .intro-x:nth-child(33) { z-index: 17; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.3s; animation-delay: 3.3s; } * > .-intro-x:nth-child(33) { z-index: 17; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.3s; animation-delay: 3.3s; } * > .intro-y:nth-child(33) { z-index: 17; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.3s; animation-delay: 3.3s; } * > .-intro-y:nth-child(33) { z-index: 17; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.3s; animation-delay: 3.3s; } * > .intro-x:nth-child(34) { z-index: 16; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.4s; animation-delay: 3.4s; } * > .-intro-x:nth-child(34) { z-index: 16; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.4s; animation-delay: 3.4s; } * > .intro-y:nth-child(34) { z-index: 16; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.4s; animation-delay: 3.4s; } * > .-intro-y:nth-child(34) { z-index: 16; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.4s; animation-delay: 3.4s; } * > .intro-x:nth-child(35) { z-index: 15; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } * > .-intro-x:nth-child(35) { z-index: 15; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } * > .intro-y:nth-child(35) { z-index: 15; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } * > .-intro-y:nth-child(35) { z-index: 15; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } * > .intro-x:nth-child(36) { z-index: 14; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.6s; animation-delay: 3.6s; } * > .-intro-x:nth-child(36) { z-index: 14; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.6s; animation-delay: 3.6s; } * > .intro-y:nth-child(36) { z-index: 14; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.6s; animation-delay: 3.6s; } * > .-intro-y:nth-child(36) { z-index: 14; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.6s; animation-delay: 3.6s; } * > .intro-x:nth-child(37) { z-index: 13; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.7s; animation-delay: 3.7s; } * > .-intro-x:nth-child(37) { z-index: 13; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.7s; animation-delay: 3.7s; } * > .intro-y:nth-child(37) { z-index: 13; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.7s; animation-delay: 3.7s; } * > .-intro-y:nth-child(37) { z-index: 13; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.7s; animation-delay: 3.7s; } * > .intro-x:nth-child(38) { z-index: 12; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.8s; animation-delay: 3.8s; } * > .-intro-x:nth-child(38) { z-index: 12; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.8s; animation-delay: 3.8s; } * > .intro-y:nth-child(38) { z-index: 12; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.8s; animation-delay: 3.8s; } * > .-intro-y:nth-child(38) { z-index: 12; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.8s; animation-delay: 3.8s; } * > .intro-x:nth-child(39) { z-index: 11; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.9s; animation-delay: 3.9s; } * > .-intro-x:nth-child(39) { z-index: 11; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.9s; animation-delay: 3.9s; } * > .intro-y:nth-child(39) { z-index: 11; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.9s; animation-delay: 3.9s; } * > .-intro-y:nth-child(39) { z-index: 11; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3.9s; animation-delay: 3.9s; } * > .intro-x:nth-child(40) { z-index: 10; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4s; animation-delay: 4s; } * > .-intro-x:nth-child(40) { z-index: 10; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4s; animation-delay: 4s; } * > .intro-y:nth-child(40) { z-index: 10; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4s; animation-delay: 4s; } * > .-intro-y:nth-child(40) { z-index: 10; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4s; animation-delay: 4s; } * > .intro-x:nth-child(41) { z-index: 9; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.1s; animation-delay: 4.1s; } * > .-intro-x:nth-child(41) { z-index: 9; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.1s; animation-delay: 4.1s; } * > .intro-y:nth-child(41) { z-index: 9; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.1s; animation-delay: 4.1s; } * > .-intro-y:nth-child(41) { z-index: 9; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.1s; animation-delay: 4.1s; } * > .intro-x:nth-child(42) { z-index: 8; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.2s; animation-delay: 4.2s; } * > .-intro-x:nth-child(42) { z-index: 8; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.2s; animation-delay: 4.2s; } * > .intro-y:nth-child(42) { z-index: 8; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.2s; animation-delay: 4.2s; } * > .-intro-y:nth-child(42) { z-index: 8; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.2s; animation-delay: 4.2s; } * > .intro-x:nth-child(43) { z-index: 7; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.3s; animation-delay: 4.3s; } * > .-intro-x:nth-child(43) { z-index: 7; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.3s; animation-delay: 4.3s; } * > .intro-y:nth-child(43) { z-index: 7; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.3s; animation-delay: 4.3s; } * > .-intro-y:nth-child(43) { z-index: 7; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.3s; animation-delay: 4.3s; } * > .intro-x:nth-child(44) { z-index: 6; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.4s; animation-delay: 4.4s; } * > .-intro-x:nth-child(44) { z-index: 6; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.4s; animation-delay: 4.4s; } * > .intro-y:nth-child(44) { z-index: 6; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.4s; animation-delay: 4.4s; } * > .-intro-y:nth-child(44) { z-index: 6; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.4s; animation-delay: 4.4s; } * > .intro-x:nth-child(45) { z-index: 5; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } * > .-intro-x:nth-child(45) { z-index: 5; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } * > .intro-y:nth-child(45) { z-index: 5; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } * > .-intro-y:nth-child(45) { z-index: 5; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } * > .intro-x:nth-child(46) { z-index: 4; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.6s; animation-delay: 4.6s; } * > .-intro-x:nth-child(46) { z-index: 4; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.6s; animation-delay: 4.6s; } * > .intro-y:nth-child(46) { z-index: 4; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.6s; animation-delay: 4.6s; } * > .-intro-y:nth-child(46) { z-index: 4; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.6s; animation-delay: 4.6s; } * > .intro-x:nth-child(47) { z-index: 3; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.7s; animation-delay: 4.7s; } * > .-intro-x:nth-child(47) { z-index: 3; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.7s; animation-delay: 4.7s; } * > .intro-y:nth-child(47) { z-index: 3; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.7s; animation-delay: 4.7s; } * > .-intro-y:nth-child(47) { z-index: 3; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.7s; animation-delay: 4.7s; } * > .intro-x:nth-child(48) { z-index: 2; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.8s; animation-delay: 4.8s; } * > .-intro-x:nth-child(48) { z-index: 2; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.8s; animation-delay: 4.8s; } * > .intro-y:nth-child(48) { z-index: 2; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.8s; animation-delay: 4.8s; } * > .-intro-y:nth-child(48) { z-index: 2; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.8s; animation-delay: 4.8s; } * > .intro-x:nth-child(49) { z-index: 1; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.9s; animation-delay: 4.9s; } * > .-intro-x:nth-child(49) { z-index: 1; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.9s; animation-delay: 4.9s; } * > .intro-y:nth-child(49) { z-index: 1; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.9s; animation-delay: 4.9s; } * > .-intro-y:nth-child(49) { z-index: 1; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 4.9s; animation-delay: 4.9s; } * > .intro-x:nth-child(50) { z-index: 0; opacity: 0; position: relative; transform: translateX(50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 5s; animation-delay: 5s; } * > .-intro-x:nth-child(50) { z-index: 0; opacity: 0; position: relative; transform: translateX(-50px); -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation: 0.4s intro-x-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 5s; animation-delay: 5s; } * > .intro-y:nth-child(50) { z-index: 0; opacity: 0; position: relative; transform: translateY(50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 5s; animation-delay: 5s; } * > .-intro-y:nth-child(50) { z-index: 0; opacity: 0; position: relative; transform: translateY(-50px); -webkit-animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation: 0.4s intro-y-animation ease-in-out 0.33333s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 5s; animation-delay: 5s; } @-webkit-keyframes intro-x-animation { 100% { opacity: 1; transform: translateX(0px); } } @keyframes intro-x-animation { 100% { opacity: 1; transform: translateX(0px); } } @-webkit-keyframes intro-y-animation { 100% { opacity: 1; transform: translateY(0px); } } @keyframes intro-y-animation { 100% { opacity: 1; transform: translateY(0px); } } .zoom-in { transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --transform-translate-x: 0; --transform-translate-y: 0; --transform-rotate: 0; --transform-skew-x: 0; --transform-skew-y: 0; --transform-scale-x: 1; --transform-scale-y: 1; transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); cursor: pointer; } .zoom-in:hover { --transform-scale-x: 1.05; --transform-scale-y: 1.05; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .relative{ position: relative; } .absolute{ position: absolute; }