9 lines
41 KiB
CSS
9 lines
41 KiB
CSS
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}code[class*=language-],pre[class*=language-]{-moz-hyphens:none;-moz-tab-size:4;-ms-hyphens:none;-o-tab-size:4;-webkit-hyphens:none;-webkit-overflow-scrolling:touch;background:none;color:#324b64;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1rem;hyphens:none;line-height:2;margin:0;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#b3d4fc;text-shadow:none}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#b3d4fc;text-shadow:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{overflow:auto;padding:.75rem 1.25rem}pre.is-option{margin:0;padding:0}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f6f9;border-radius:.25rem}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8ca2d3}.token.attr-name,.token.selector{color:#da7800}.token.punctuation{color:#93a0c7}.namespace{opacity:.7}.token.tag{color:#e22f70}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol{color:#0087ca}.language-css .token.string,.token.attr-value,.token.builtin,.token.char,.token.inserted,.token.string,.token.url{color:#008a7e}.style .token.string,.token.entity,.token.operator{color:#f53737}.token.atrule,.token.important,.token.keyword{color:#7552ff}.token.function{color:#396dff}.token.regex,.token.variable{color:#00a8d4}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}html{box-sizing:border-box;font-size:.95rem}*,:after,:before{box-sizing:inherit}body{background:#f6f7fd;color:#324b64;font-family:-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}a{color:#157bda;overflow-wrap:break-word;text-decoration:none;word-wrap:break-word}a:hover{color:#0090ff}hr{border:0;border-top:1px solid rgba(0,32,128,.1)}ol,ul{padding-left:1.25rem}.container{margin:0 auto;max-width:64rem;padding:0 2%}.main>.container{padding:0}@media (min-width:579px){.main>.container{padding:0 2%}}@media (min-width:768px){html{font-size:1rem}}@media (min-width:992px){.content-wrapper{margin-left:200px}}
|
|
|
|
/*!
|
|
* Hamburgers
|
|
* @description Tasty CSS-animated hamburgers
|
|
* @author Jonathan Suh @jonsuh
|
|
* @site https://jonsuh.com/hamburgers
|
|
* @link https://github.com/jonsuh/hamburgers
|
|
*/.hamburger{background-color:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:0;outline:0;overflow:visible;padding:1rem;text-transform:none;transition-duration:.15s;transition-property:opacity,filter;transition-timing-function:linear}.hamburger:hover{opacity:.7}.hamburger-box{display:inline-block;height:20px;position:relative;width:40px}.hamburger-inner{display:block;top:50%}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:#e3f5ff;border-radius:4px;height:2px;position:absolute;transition-duration:.15s;transition-property:transform;transition-timing-function:ease;width:36px}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg) rotateY(180deg) rotate(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{opacity:0;top:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{bottom:0;top:auto;transition-delay:.13s;transition-duration:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner:after{opacity:0;top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transform:rotate(-90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s}.hamburger--collapse-r .hamburger-inner{bottom:0;top:auto;transition-delay:.13s;transition-duration:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r.is-active .hamburger-inner:after{opacity:0;top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transform:rotate(90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s}.hamburger--elastic .hamburger-inner{top:2px;transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner:before{opacity:0;transition-delay:0s}.hamburger--elastic.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:75ms}.hamburger--elastic-r .hamburger-inner{top:2px;transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-135deg);transition-delay:75ms}.hamburger--elastic-r.is-active .hamburger-inner:before{opacity:0;transition-delay:0s}.hamburger--elastic-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(270deg);transition-delay:75ms}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{right:0;top:10px;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{background-color:transparent;transition-delay:0s;transition-timing-function:ease-out}.hamburger--emphatic.is-active .hamburger-inner:before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--emphatic.is-active .hamburger-inner:after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{right:0;top:10px;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{background-color:transparent;transition-delay:0s;transition-timing-function:ease-out}.hamburger--emphatic-r.is-active .hamburger-inner:before{left:-80px;top:80px;transform:translate3d(80px,-80px,0) rotate(-45deg);transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--emphatic-r.is-active .hamburger-inner:after{right:-80px;top:80px;transform:translate3d(-80px,-80px,0) rotate(45deg);transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{opacity:0;transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-duration:.15s;transition-property:transform,opacity;transition-timing-function:ease}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{opacity:0;transform:rotate(-45deg) translate3d(-5.71429px,-6px,0)}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-duration:.15s;transition-property:transform,opacity;transition-timing-function:ease}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{opacity:0;transform:rotate(45deg) translate3d(5.71429px,-6px,0)}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner:before{opacity:0;top:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r.is-active .hamburger-inner:before{opacity:0;top:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{background-color:transparent;transition-delay:.22s}.hamburger--spring.is-active .hamburger-inner:before{top:0;transform:translate3d(0,10px,0) rotate(45deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s}.hamburger--spring.is-active .hamburger-inner:after{top:0;transform:translate3d(0,10px,0) rotate(-45deg);transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s}.hamburger--spring-r .hamburger-inner{bottom:0;top:auto;transition-delay:0s;transition-duration:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner:after{opacity:0;top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transform:rotate(90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{background-color:transparent;transform:rotate(90deg);transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s}.hamburger--stand.is-active .hamburger-inner:before{top:0;transform:rotate(-45deg);transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transform:rotate(45deg);transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{background-color:transparent;transform:rotate(-90deg);transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transform:rotate(-45deg);transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(45deg);transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner:before{opacity:0;top:0;transition:top 75ms ease,opacity 75ms ease .12s}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-duration:0s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{opacity:0;top:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-duration:0s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{opacity:0;top:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.sidebar{background:#202e4e;box-shadow:0 .25rem .5rem -.1rem rgba(0,32,128,.2);height:44px;position:fixed;width:100%;z-index:2}.sidebar__menu{border:none;font-weight:700;left:0;outline:0;padding:.75rem 1rem;position:absolute;text-align:left;text-transform:uppercase;top:0}.sidebar__menu-icon{height:24px}.sidebar__links{-webkit-overflow-scrolling:touch;background:#202e4e;box-shadow:0 .25rem .5rem -.1rem rgba(0,32,128,.2);margin-top:44px;max-height:378px;opacity:0;overflow-y:auto;padding-bottom:1rem;transform:rotateX(-90deg);transform-origin:0 0;transition:transform .6s cubic-bezier(.165,.84,.44,1);visibility:hidden}.sidebar__links.is-active{opacity:1;transform:rotateX(0);visibility:visible}.sidebar__link{border-left:2px solid #576a85;color:#e3f5ff;display:block;font-size:.95rem;font-weight:500;margin:.5rem;padding:.5rem .75rem;transition:all .1s ease-out}.sidebar__link:hover{background:hsla(0,0%,100%,.1);border-color:pink;color:#88f4ff}.sidebar__section{padding:0 .75rem}.sidebar__section-heading{color:#e3f5ff;margin-bottom:.5rem;text-transform:capitalize}@media (min-width:992px){.sidebar{background:linear-gradient(-30deg,#2a3d67,#14264e);bottom:0;box-shadow:.4rem .4rem .8rem rgba(0,32,64,.1);color:#fff;height:100%;left:0;max-width:250px;min-width:200px;overflow-y:auto;top:0;width:15%}.sidebar::-webkit-scrollbar-track{background-color:rgba(0,0,0,.6)}.sidebar::-webkit-scrollbar{background-color:#4b6191;width:10px}.sidebar::-webkit-scrollbar-thumb{background-color:#4b6191}.sidebar__links{background:none;box-shadow:none;margin-top:0;max-height:none;opacity:1;transform:rotateX(0);visibility:visible}.sidebar__menu{display:none}}.header{background:#5b67ff;background:linear-gradient(45deg,#5cd2ff,#5b67ff,#681ae4);color:#fff;margin-bottom:2rem;overflow:hidden;padding:5rem 1rem 4rem;position:relative;text-align:center;z-index:1}.header:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MCwuc3Qxe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKX0uc3Qwe3N0cm9rZTojZmZmO3N0cm9rZS13aWR0aDoyLjgzNTtmaWxsOm5vbmV9LnN0MXtmaWxsOiNmZmZ9LnN0Miwuc3Q1e2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6Mi44MzV9LnN0NXtjbGlwLXBhdGg6dXJsKCNTVkdJRF82Xyl9LnN0Niwuc3Q3e2NsaXAtcGF0aDp1cmwoI1NWR0lEXzhfKTtmaWxsOiNmZmZ9LnN0N3tmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjIuODM1fS5zdDgsLnN0OXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8xMF8pfS5zdDh7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjIuODM1O2ZpbGw6bm9uZX0uc3Q5e2ZpbGw6I2ZmZn0uc3QxMHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8xMl8pO2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6Mi44MzV9PC9zdHlsZT48ZGVmcz48cGF0aCBpZD0iU1ZHSURfMV8iIGQ9Ik0wIDBoMTkyMHYxMDgwSDB6Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE1NDIuOSA5MTAuM2M0NC4zLTM3LjkgNjEuNS04Mi42IDY2LjctMTMwLjNNMTY2My44IDcyNC44YzEzMi4zIDkuNCAxNDcuNC0xNzkuNCAyODEuOC0xNjkuOCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNzAyLjMgMzgxLjJjNi43IDcuNyAxOC4zIDguNSAyNiAxLjggNy43LTYuNyA4LjUtMTguMyAxLjgtMjYtNi43LTcuNy0xOC4zLTguNS0yNi0xLjgtNy43IDYuNy04LjUgMTguNC0xLjggMjZNMTU4Ni40IDc0My45YzEzLjQgMTUuNCAzNi43IDE3LjEgNTIuMSAzLjcgMTUuNC0xMy40IDE3LTM2LjcgMy42LTUyLjEtMTMuNC0xNS40LTM2LjctMTcuMS01Mi4xLTMuNy0xNS40IDEzLjMtMTcgMzYuNy0zLjYgNTIuMSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MDcuOSA0NDcuMWMtMTcuMyA1OS4zLTcuMyAxMDIuMiAxOCAxNDcuM001MDUuMiA2NzkuOWMtMTEyLjMgNjIuMS0yNyAyMTkuOC0xNDEuMSAyODIuOSIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02NjQuNiA5NzYuMmMtOS44LTIuOC0yMCAyLjktMjIuOCAxMi42LTIuOCA5LjggMi45IDIwIDEyLjcgMjIuOCA5LjggMi44IDIwLTIuOSAyMi44LTEyLjZzLTIuOS0yMC0xMi43LTIyLjhNMzE4LjkgOTY1LjVjLTkuOC0yLjgtMjAgMi45LTIyLjggMTIuNi0yLjggOS44IDIuOSAyMCAxMi43IDIyLjggOS44IDIuOCAyMC0yLjkgMjIuOC0xMi42IDIuOC05LjgtMi45LTIwLTEyLjctMjIuOE01NjQuMiA2MDljLTE5LjYtNS42LTQwLjEgNS43LTQ1LjcgMjUuMy01LjYgMTkuNiA1LjcgNDAgMjUuNCA0NS43IDE5LjYgNS42IDQwLjEtNS43IDQ1LjctMjUuMyA1LjUtMTkuNi01LjgtNDAuMS0yNS40LTQ1LjciLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTkyLjggNjg5LjdjNTcuOSA3Mi4zIDExNi4zIDE0NC44IDg2LjMgMjQ3LjVNMTM2OCA0MTQuM2MtNzguOCAyOS40LTEwMi4xLTg4LTE4Mi4xLTU4LjJNMTY3NCAzNTAuMmMtNzQtMzctMTM5LjEtMTYuOS0yMDIuNSAxNS43TTEzMTEuMi0yMS43Yy01MC4zIDEzMC43IDE5LjkgMjY3LjIgOTAgMzY4LjkiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTE1MS41IDM3NC4zYzQuNC05LjIuNS0yMC4yLTguNy0yNC42LTkuMi00LjQtMjAuMi0uNS0yNC42IDguNy00LjQgOS4yLS41IDIwLjIgOC43IDI0LjYgOS4yIDQuNCAyMC4zLjUgMjQuNi04LjdNMTQ1OC45IDQwOS4yYzguOC0xOC40IDEtNDAuNC0xNy40LTQ5LjItMTguNC04LjgtNDAuNS0uOS00OS4zIDE3LjVzLTEgNDAuNCAxNy40IDQ5LjJjMTguNCA4LjcgNDAuNS45IDQ5LjMtMTcuNSIvPjxnPjxkZWZzPjxwYXRoIGlkPSJTVkdJRF8zXyIgZD0iTTAgMGgxOTIwdjEwODBIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+PHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48cGF0aCBkPSJNMTEzNS41IDMxNS41Yy00LjYtMTA1LjEtMjQuMi0xMTkuMy0xMDEuOS0xNjkuOCIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuODM1Ii8+PHBhdGggZD0iTTk4MS41IDE1My41YzIwLjQtLjkgMzYuMi0xOC4xIDM1LjMtMzguNC0uOS0yMC4zLTE4LjEtMzYtMzguNS0zNS4xcy0zNi4yIDE4LTM1LjMgMzguM2MuOSAyMC4zIDE4LjEgMzYuMSAzOC41IDM1LjIiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNmZmYiLz48L2c+PGc+PGRlZnM+PHBhdGggaWQ9IlNWR0lEXzVfIiBkPSJNMCAwaDE5MjB2MTA4MEgweiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj48dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF81XyIgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0yMDEgNzg2LjRjNiA4Mi45LTExNC41IDg0LjEtMTA4LjQgMTY4LjNNMjE5LjUgNDgzLjFjLTczLjMgNzkuMi02My45IDExMS43LTQxLjYgMjAxLjFNLTkyLjkgNDk3LjJjMTQyLjQgNjUuOSAxODMuNCAzNy42IDI5Ny43LTM1LjEiLz48L2c+PGc+PGRlZnM+PHBhdGggaWQ9IlNWR0lEXzdfIiBkPSJNMCAwaDE5MjB2MTA4MEgweiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzhfIj48dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF83XyIgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0xMDEuMSA5OTIuN2MtNy43LTYuNy0xOS4zLTUuOS0yNiAxLjgtNi43IDcuNy01LjkgMTkuMyAxLjggMjZzMTkuMyA1LjkgMjYtMS44YzYuNy03LjcgNS45LTE5LjMtMS44LTI2TTIxNi45IDcwNi4yYy0xNS40LTEzLjQtMzguOC0xMS44LTUyLjEgMy42LTEzLjQgMTUuNC0xMS43IDM4LjcgMy43IDUyLjEgMTUuNCAxMy40IDM4LjggMTEuOCA1Mi4xLTMuNiAxMy40LTE1LjQgMTEuNy0zOC43LTMuNy01Mi4xIi8+PHBhdGggY2xhc3M9InN0NyIgZD0iTTExNzAuNSAxMDY2LjljLTMzLTEyOC44IDE1MS45LTE3NS44IDExOC4zLTMwNi42Ii8+PHBhdGggY2xhc3M9InN0NiIgZD0iTTE1MDIuNSA5NjkuNGMtOC43LTUuMi0xMS42LTE2LjYtNi4zLTI1LjMgNS4yLTguNyAxNi42LTExLjUgMjUuMy02LjNzMTEuNiAxNi42IDYuMyAyNS4zLTE2LjYgMTEuNi0yNS4zIDYuM00xMjU4LjggNzI0LjFjLTguNy01LjItMTEuNi0xNi42LTYuMy0yNS4zIDUuMi04LjcgMTYuNi0xMS41IDI1LjMtNi4zczExLjYgMTYuNiA2LjMgMjUuM2MtNS4yIDguOC0xNi41IDExLjYtMjUuMyA2LjMiLz48cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTA5NC40IDM0MmMtNTkuNy0yOS45LTg4LjEtMjkuOC0xNTMuOS03TTg3NC4xIDI5Ny4zQzgzMC40IDE3MS40IDY1NSAyMzkuMSA2MTAuNiAxMTEuMiIvPjxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik01NDUuNSA0MDMuOWM0LjUtOS4xLjctMjAuMi04LjUtMjQuNi05LjItNC41LTIwLjItLjctMjQuNyA4LjUtNC41IDkuMS0uNyAyMC4yIDguNSAyNC42IDkuMiA0LjUgMjAuMi43IDI0LjctOC41TTYxNi4xIDY1LjdjNC41LTkuMS43LTIwLjItOC41LTI0LjYtOS4yLTQuNS0yMC4yLS43LTI0LjcgOC41LTQuNSA5LjEtLjcgMjAuMiA4LjUgMjQuNiA5LjIgNC40IDIwLjIuNiAyNC43LTguNU05MjUgMzY4LjljOS0xOC4zIDEuNC00MC40LTE3LTQ5LjQtMTguMy04LjktNDAuNS0xLjMtNDkuNCAxNy05IDE4LjMtMS40IDQwLjQgMTcgNDkuNCAxOC4zIDguOSA0MC40IDEuMyA0OS40LTE3Ii8+PHBhdGggY2xhc3M9InN0NyIgZD0iTTEwMzIuMiA1OTIuNGMxLjggMTA0LjUtNzIuOCAxNTguOC0xNDcuNCAyMTMuNk0xMDc0LjkgNTMwLjRjOTAuNSAwIDEzNi41IDY4LjMgMTgyLjggMTM2LjYiLz48cGF0aCBjbGFzcz0ic3Q2IiBkPSJNODUxLjUgODQzLjJjLTQuNiA5LjEtMTUuNyAxMi43LTI0LjggOC4xLTkuMS00LjYtMTIuNy0xNS43LTguMS0yNC44czE1LjctMTIuNyAyNC44LTguMWM5LjEgNC42IDEyLjcgMTUuNyA4LjEgMjQuOE0xMDQwLjQgNTUzLjRjLTQuNiA5LjEtMTUuNyAxMi43LTI0LjggOC4xLTkuMS00LjYtMTIuNy0xNS43LTguMS0yNC44IDQuNi05LjEgMTUuNy0xMi43IDI0LjgtOC4xIDkuMSA0LjYgMTIuNyAxNS43IDguMSAyNC44Ii8+PC9nPjxnPjxkZWZzPjxwYXRoIGlkPSJTVkdJRF85XyIgZD0iTTAgMGgxOTIwdjEwODBIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJTVkdJRF8xMF8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzlfIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xhc3M9InN0OCIgZD0iTTE3MjQuNiAzMTQuMmMxMy45LTc1LTEwMi43LTYyLjMtODguNi0xMzguNSIvPjxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xNjc5LjcgMTE1LjJjMCAyMC40LTE2LjYgMzYuOS0zNyAzNi45cy0zNy0xNi41LTM3LTM2LjkgMTYuNi0zNi45IDM3LTM2LjljMjAuNS0uMSAzNyAxNi41IDM3IDM2LjkiLz48cGF0aCBjbGFzcz0ic3Q4IiBkPSJNNTQ1LjIgNDAuN2MtNTguOS0xMC0xMDUuMiA3LTE0Ni4yIDM1LjVNMzU1LjggMTU0LjRjMTcuOSAxMDMuNS0xMzEuNCAxMjkuNC0xMTMuMiAyMzQuNSIvPjxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0zNi43IDI1Ni4yYzEuNy0xMC01LjEtMTkuNS0xNS4yLTIxLjItMTAuMS0xLjctMTkuNiA1LjEtMjEuMiAxNS4xLTEuNyAxMCA1LjEgMTkuNSAxNS4yIDIxLjIgMTAgMS43IDE5LjUtNS4xIDIxLjItMTUuMU0yNTAuMiA0MjMuMWMxMC4xIDEuNyAxNi44IDExLjIgMTUuMiAyMS4ycy0xMS4yIDE2LjgtMjEuMiAxNS4xYy0xMC4xLTEuNy0xNi44LTExLjItMTUuMi0yMS4yIDEuNi0xMCAxMS4xLTE2LjggMjEuMi0xNS4xTTM5MC4xIDExNC45YzMuNC0yMC4xLTEwLjEtMzkuMS0zMC4yLTQyLjVzLTM5IDEwLjItNDIuMyAzMC4zYy0zLjQgMjAuMSAxMC4xIDM5LjEgMzAuMiA0Mi41IDIwIDMuNCAzOC45LTEwLjIgNDIuMy0zMC4zIi8+PC9nPjxnPjxkZWZzPjxwYXRoIGlkPSJTVkdJRF8xMV8iIGQ9Ik0wIDBoMTkyMHYxMDgwSDB6Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMTJfIj48dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xMV8iIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTcxNC43IDk2OWMxNjAuNS02Mi44IDI4OC41IDI4LjcgNDE3LjEgMTE5LjlNMzEzLjUgMTUyLjVjLTY1LjQgNjUuNi0xMzEgMTMxLjYtMjM2LjQgMTEzLjdNODM4LjUgMzg0LjFjLTgwLjYgNDQuMy0xNjEuNiA4OC4zLTI1Ny4xIDQwLjVNMTYwNy4zIDY2NS45Yy04LjYtOTUuMy0yMS4xLTE4Ni45IDY0LjEtMjU5LjkiLz48L2c+PC9zdmc+);content:"";height:150%;left:0;opacity:.1;position:absolute;top:0;width:150%;z-index:-1}.header:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjQxNCI+PHBhdGggZD0iTTEyIDEybDEyIDEySDBsMTItMTJ6IiBmaWxsPSIjZjZmN2ZkIi8+PC9zdmc+);background-size:24px 24px;bottom:-1px;content:"";height:24px;left:0;position:absolute;width:100%}.header__logo{height:146px;user-select:none}.header__heading{font-size:3rem;font-weight:200;line-height:1.2;margin:1rem 0}.header__description{font-size:1.5rem;font-weight:300;letter-spacing:.4px;margin:0 auto 2rem;max-width:600px}.header__css{font-size:4rem;font-weight:700}.header__github-button-wrapper{height:28px}.header__github-button{color:#fff}@media (min-width:579px){.header{padding:6rem 0 5rem}.header__heading{font-size:3.75rem}}@media (min-width:992px){.header{padding:2.5rem 0 5rem}}.snippet{background:#fff;border-radius:.25rem;box-shadow:0 .4rem .8rem -.1rem rgba(0,32,128,.1),0 0 0 1px #f0f2f7;font-size:1.1rem;margin-bottom:1.5rem;padding:2rem 5%;position:relative}.snippet h3{border-bottom:1px solid rgba(0,32,128,.1);font-size:2rem;line-height:1.3;margin-bottom:1.25rem;margin-top:0;padding:.5rem 0}.snippet h3 span:not(.snippet__tag){margin-right:.75rem}.snippet code:not([class*=lang]){background:#fcfaff;border:1px solid #e2ddff;border-radius:.15rem;color:#4b00da;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9rem;margin:0 .1rem;padding:.2rem .4rem}.snippet ol{margin-top:.5rem}.snippet ol>li{margin-bottom:.5rem}.snippet>p{margin-top:.5rem}.snippet h4{display:inline-block;font-size:1.1rem;line-height:2;margin:1rem 0 .5rem}.snippet h4[data-type]{background:#333;background:#fff;background-repeat:no-repeat;border:1px solid #c6d6ea;border-bottom-color:#b3c9e3;border-radius:3px;box-shadow:0 .25rem .5rem -.1rem rgba(0,32,64,.15);font-size:.9rem;padding:0 .5rem;text-transform:uppercase}.snippet h4[data-type=HTML]{background-image:linear-gradient(135deg,#ff4c9f,#ff7b74);border:none;color:#fff}.snippet h4[data-type=CSS]{background-image:linear-gradient(135deg,#7983ff,#5f9de9);border:none;color:#fff}.snippet h4[data-type=JavaScript]{background-image:linear-gradient(135deg,#ffb000,#f58818);border:none;color:#fff}.snippet__browser-support{display:inline-block;font-size:2rem;font-weight:200;line-height:1;margin:.5rem 0}.snippet__subheading.is-html{color:#e22f70}.snippet__subheading.is-css{color:#0a91d4}.snippet__subheading.is-explanation{color:#4b00da}.snippet__support-note{color:#9fa5b5;font-weight:700}.snippet__requires-javascript{background:red;background:linear-gradient(145deg,#ff003b,#ff4b39);color:#fff;font-size:.9rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:0;top:1rem;transform:rotate(20deg)}.snippet-demo{background:#f5f6f9;border-radius:.25rem;padding:.75rem 1.25rem}.snippet-demo.is-distinct{background:linear-gradient(135deg,#ff4c9f,#ff7b74)}@media (min-width:768px){.snippet__requires-javascript{right:-.5rem}}.back-to-top-button{align-items:center;background:#fff;border:1px solid rgba(0,32,128,.1);border-radius:50%;bottom:2rem;box-shadow:0 .4rem .8rem -.1rem rgba(0,32,128,.15);color:inherit;cursor:pointer;display:flex;font-weight:700;height:4rem;justify-content:center;opacity:0;outline:0;position:fixed;right:2rem;transition:all .2s ease-out;user-select:none;visibility:hidden;width:4rem;z-index:1}.back-to-top-button:focus,.back-to-top-button:hover{box-shadow:0 .8rem 1.6rem -.2rem rgba(0,32,128,.15);color:#35a8ff;transform:scale(1.1)}.back-to-top-button:focus{box-shadow:0 .8rem 1.6rem -.2rem rgba(0,32,128,.15),0 0 2px 2px #35a8ff;outline-style:none}.back-to-top-button.is-visible{opacity:1;visibility:visible}.back-to-top-button .feather{height:2rem;width:2rem}.tags{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.tags,.tags__tag{position:relative}.tags__tag{border:1px solid #c8cbf2;border-radius:2px;color:#8385aa;display:inline-block;font-size:.75rem;font-weight:700;line-height:2;margin-right:.5rem;outline:0;padding:0 .5rem;text-transform:uppercase;top:-1px;transition:all .1s ease-out;vertical-align:middle;white-space:nowrap}.tags__tag.is-large{border-radius:.2rem;font-size:.95rem}.tags__tag.is-large .feather{height:18px;top:-2px;width:18px}.tags__tag .feather{height:14px;margin-right:.25rem;position:relative;top:-1px;vertical-align:middle;width:14px}.tags button.tags__tag{background:#fff;cursor:pointer;margin-bottom:1rem;margin-right:1rem;user-select:none}.tags button.tags__tag:hover{background:#8385aa;border-color:#8385aa;color:#fff}.tags button.tags__tag.focus-visible:focus{box-shadow:0 0 0 .25rem rgba(131,133,170,.5)}.tags button.tags__tag:active{background:#666894;border-color:#666894;box-shadow:inset 0 .1rem .1rem .1rem rgba(0,0,0,.2)}.tags button.tags__tag.is-active{background:#7983ff;border-color:#7983ff;color:#fff}.tags button.tags__tag.is-active.focus-visible:focus{box-shadow:0 0 0 .25rem rgba(121,131,255,.5)}.btn{border:1px solid #c8cbf2;border-radius:2px;color:#8385aa;display:inline-block;font-size:.75rem;font-weight:700;line-height:2;margin-right:.5rem;outline:0;padding:0 .5rem;position:relative;text-transform:uppercase;top:-1px;transition:all .1s ease-out;vertical-align:middle;white-space:nowrap}.btn.is-large{border-radius:.2rem;font-size:.95rem}.btn.is-large .feather{height:18px;top:-2px;width:18px}.btn .feather{height:14px;margin-right:.25rem;position:relative;top:-1px;vertical-align:middle;width:14px}button.btn{background:#fff;cursor:pointer;margin-bottom:1rem;margin-right:1rem;user-select:none}button.btn:hover{background:#8385aa;border-color:#8385aa;color:#fff}button.btn.focus-visible:focus{box-shadow:0 0 0 .25rem rgba(131,133,170,.5)}button.btn:active{background:#666894;border-color:#666894;box-shadow:inset 0 .1rem .1rem .1rem rgba(0,0,0,.2)}button.btn.is-active{background:#7983ff;border-color:#7983ff;color:#fff}button.btn.is-active.focus-visible:focus{box-shadow:0 0 0 .25rem rgba(121,131,255,.5)}button.btn.codepen-btn{margin-top:.5rem} |