anycode-components
Version:
anycode-components (RiotJS Tag Library) - A set of common RiotJS tags used by Anycode
1 lines • 29 kB
CSS
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend{border:0}blockquote,h6,p{letter-spacing:0}pre,textarea{overflow:auto}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}body,h6{line-height:1.6}blockquote,h5{line-height:1.5}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px}legend{padding:0}table{border-collapse:collapse;border-spacing:0}.container{position:relative;width:100%;max-width:1100px;margin:0 auto;padding:0 20px;box-sizing:border-box}ol,p,ul{margin-top:0}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width:400px){.container{width:90%;padding:0}}@media (min-width:550px){.container{width:90%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;font-weight:400;font-family:"Titillium Web",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:rgba(0,0,0,.7)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:600}h1{font-size:3rem;line-height:1.2;letter-spacing:-.1rem}h1:first-of-type{margin-top:3rem}h2{font-size:2.7rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:2.3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;letter-spacing:-.05rem}h6{font-size:1.5rem}blockquote{font-size:1.2rem;margin-left:0;margin-right:0;color:rgba(0,0,0,.74)}h1~blockquote{font-size:1.6rem}h2~blockquote{font-size:1.5rem}h3~blockquote{font-size:1.4rem}h4~blockquote{font-size:1.3rem}h5~blockquote,p{font-size:1.2rem}em{font-style:normal;font-weight:600}@media (min-width:300px){h1,h2,h3{letter-spacing:-.1rem}blockquote,h5{line-height:1.5}blockquote,h6,p{letter-spacing:0}h1{font-size:4rem;line-height:1.2}h1:first-of-type{margin-top:3rem}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6}blockquote{font-size:1.2rem}h1~blockquote{font-size:1.6rem}h2~blockquote{font-size:1.5rem}h3~blockquote{font-size:1.4rem}h4~blockquote{font-size:1.3rem}h5~blockquote,p{font-size:1.2rem}em{font-style:normal;font-weight:600}}@media (min-width:400px){h1,h2,h3{letter-spacing:-.1rem}blockquote,h5{line-height:1.5}blockquote,h6,p{letter-spacing:0}h1{font-size:5rem;line-height:1.2}h1:first-of-type{margin-top:3rem}h2{font-size:4.6rem;line-height:1.25}h3{font-size:4rem;line-height:1.3}h4{font-size:3.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:2.8rem;letter-spacing:-.05rem}h6{font-size:2.5rem;line-height:1.6}blockquote{font-size:1.8rem}h1~blockquote{font-size:2.4rem}h2~blockquote{font-size:2.3rem}h3~blockquote{font-size:2.2rem}h4~blockquote{font-size:2.1rem}h5~blockquote{font-size:2rem}p{font-size:1.6rem}em{font-style:normal;font-weight:600}}@media (min-width:550px){h1{font-size:6rem}h1:first-of-type{margin-top:6rem}h2{font-size:5.2rem}h3{font-size:4.6rem}h4{font-size:4rem}h5{font-size:3.4rem}h6{font-size:2.5rem}blockquote{font-size:2.3rem}h1~blockquote{font-size:3rem}h2~blockquote{font-size:2.9rem}h3~blockquote{font-size:2.8rem}h4~blockquote{font-size:2.7rem}h5~blockquote{font-size:2.6rem}p{font-size:2rem;letter-spacing:0}}a:hover{text-decoration:underline}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:5rem;min-width:5rem;padding:0 3rem;text-align:center;font-size:2rem;font-weight:400;line-height:4.8rem;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border-style:solid;border-width:1px;cursor:pointer;box-sizing:border-box}input[type=email],input[type=text],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=search],select,textarea{height:38px;padding:6px 10px;border-style:solid;border-width:1px;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=text],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=search],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,select:focus,textarea:focus{border-style:solid;border-width:1px;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;border-style:solid;border-width:1px;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}td,th{padding:12px 15px;text-align:left;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(0,0,0,.16)}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.u-center-text{text-align:center}.u-pad-below{padding-bottom:2rem}.u-well{font-size:0}.u-well>*{margin:.5rem .5rem .5rem 0}.u-well>:first-child{margin-left:1rem}.u-cp *{cursor:pointer}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.u-pull-right-or-full-width{float:right}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:1px 0 0;border-top-style:solid}.mega,body{margin:0;padding:0}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}h1~blockquote,h2~blockquote,h3~blockquote,h4~blockquote{color:rgba(0,0,0,.44)}h5~blockquote{color:rgba(0,0,0,.54)}h6~blockquote{color:rgba(0,0,0,.64)}@media (min-width:550px){body.inverted blockquote{color:rgba(0,0,0,.44)}body.inverted h1~blockquote{color:rgba(0,0,0,.28)}}.button,button,input[type=button],input[type=reset],input[type=submit]{color:rgba(0,0,0,.74);border-color:rgba(0,0,0,.74)}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{text-decoration:none;outline:0;color:rgba(0,0,0,.74);background-color:rgba(0,0,0,.28);border-color:rgba(0,0,0,.08)}code{background-color:rgba(0,0,0,.08);border-color:rgba(0,0,0,.18)}input[type=email],input[type=text],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=search],select,textarea{background-color:rgba(255,255,255,.3);border-color:rgba(0,0,0,.16)}body.inverted{color:rgba(255,255,255,.7)}body.inverted blockquote{color:rgba(255,255,255,.74)}body.inverted h1~blockquote,body.inverted h2~blockquote,body.inverted h3~blockquote{color:rgba(255,255,255,.44)}@media (min-width:550px){body.inverted blockquote{color:rgba(255,255,255,.44)}body.inverted h1~blockquote{color:rgba(255,255,255,.28)}.navigation-margin .mega{padding-left:4.2rem}}body.inverted hr{border-top-color:rgba(255,255,255,.16)}body.inverted .button,body.inverted button,body.inverted input[type=button],body.inverted input[type=reset],body.inverted input[type=submit]{color:rgba(255,255,255,.74);border-color:rgba(255,255,255,.44)}body.inverted .button:focus,body.inverted .button:hover,body.inverted button:focus,body.inverted button:hover,body.inverted input[type=button]:focus,body.inverted input[type=button]:hover,body.inverted input[type=reset]:focus,body.inverted input[type=reset]:hover,body.inverted input[type=submit]:focus,body.inverted input[type=submit]:hover{color:rgba(255,255,255,.74);background-color:rgba(255,255,255,.28);border-color:rgba(255,255,255,.08)}body.inverted code{background-color:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}body.inverted input[type=email],body.inverted input[type=text],body.inverted input[type=tel],body.inverted input[type=url],body.inverted input[type=password],body.inverted input[type=number],body.inverted input[type=search],body.inverted select,body.inverted textarea{background-color:rgba(0,0,0,.3);border-color:rgba(255,255,255,.18)}body.inverted td,body.inverted th{border-bottom-color:rgba(255,255,255,.16)}::-webkit-input-placeholder{color:rgba(255,255,255,.7)}:-moz-placeholder{color:rgba(255,255,255,.7)}::-moz-placeholder{color:rgba(255,255,255,.7)}:-ms-input-placeholder{color:rgba(255,255,255,.7)}body.inverted a{color:rgba(9,215,114,.9)}body.inverted a:hover{color:rgba(33,199,178,.9)}.button.button-primary,body.inverted .button.button-primary,body.inverted button.button-primary,body.inverted input[type=button].button-primary,body.inverted input[type=reset].button-primary,body.inverted input[type=submit].button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:rgba(255,255,255,1);background-color:rgba(9,215,114,.9);border-color:rgba(9,215,114,.9)}body.inverted .button.button-primary:focus,body.inverted .button.button-primary:hover,body.inverted button.button-primary:focus,body.inverted button.button-primary:hover,body.inverted input[type=button].button-primary:focus,body.inverted input[type=button].button-primary:hover,body.inverted input[type=reset].button-primary:focus,body.inverted input[type=reset].button-primary:hover,body.inverted input[type=submit].button-primary:focus,body.inverted input[type=submit].button-primary:hover{color:rgba(255,255,255,1);background-color:rgba(9,250,139,.9);border-color:rgba(33,199,178,.9)}body.inverted input[type=email]:focus,body.inverted input[type=text]:focus,body.inverted input[type=tel]:focus,body.inverted input[type=url]:focus,body.inverted input[type=password]:focus,body.inverted input[type=number]:focus,body.inverted input[type=search]:focus,body.inverted select:focus,body.inverted textarea:focus{border-color:rgba(33,199,178,.6)}body{background:#FFF;overflow-x:hidden}.not-ready{display:none}.mega{background:url(img/pattern.png) fixed #F3F3F3;text-align:left;height:auto;width:100vw;box-sizing:border-box;display:table-cell;vertical-align:middle}@media (min-height:500px){.mega article.u-pt{padding-top:2.2rem}}.mega h1{font-size:3.5rem}@media (min-width:300px){.mega h1{font-size:5rem}}h3{margin-top:2rem}@media (min-width:400px){h3{margin-top:4.5rem}.mega{padding:6rem 3rem;text-align:center;height:55rem;width:100vw;box-sizing:border-box;display:table-cell;vertical-align:middle}.mega article.u-pn{margin-left:auto}}@media (min-width:550px){h3{margin-top:6rem}.mega article.u-pn{padding-left:0}.mega{background-color:rgba(0,0,0,.05);margin:1rem;padding:0;text-align:center;height:55rem;width:100vw;box-sizing:border-box;display:table-cell;vertical-align:middle}.mega h1{font-size:10rem}}.mega .links{position:absolute;top:0;width:auto;left:0;right:0;box-sizing:border-box;padding:0 2rem}.alternative{background:rgba(0,0,0,.05)}.attributes ul{list-style:none}.attributes ul ul{list-style:none;margin:0;padding:0}.attributes>ul>li{clear:both;display:block;margin-bottom:1rem;padding-bottom:0}@media (min-width:300px){.attributes>ul>li{margin-bottom:3rem;padding-bottom:1rem}.attributes>ul>li>ul{clear:both}.attributes li>h5{border-bottom:1px solid #DDD}.attributes li>h5>label{display:inline;font-size:2rem;font-weight:400;margin:0;padding:0 0 0 .5rem}.attributes li>h5>span{display:inline;font-size:2rem;font-weight:700}.attributes>ul>li>ul>li{clear:both;min-height:3rem}.attributes li>label{float:left;font-size:1.5rem;height:3rem;width:9rem;padding:0 1rem}.attributes li>p{font-size:1.5rem;margin-left:12rem}}.button-icon{height:5rem;width:5rem;min-width:5rem;padding:0;line-height:1.9rem;letter-spacing:0;font-size:2.6rem;vertical-align:top;text-align:center}.button-small,.button-small.button-icon{height:4rem;vertical-align:top;text-align:center;letter-spacing:0}.button-small{padding:0 2.1rem;line-height:1.9rem;font-size:1.6rem}.button-small.button-icon{width:4rem;min-width:4rem;padding:0;line-height:1.3rem;font-size:2.1rem}.button-extra-small{height:3rem;padding:0 2.1rem;line-height:2.9rem;letter-spacing:0;font-size:1.2rem;vertical-align:top;text-align:center}.button-extra-small.button-icon,.icon-extra-small{height:3rem;width:3rem;min-width:3rem;padding:0;line-height:1rem;letter-spacing:0;font-size:1.5rem;vertical-align:top;text-align:center}.icon-extra-small{border-radius:.3rem}a{text-decoration:none;color:rgba(0,215,180,.9)}a:hover{color:rgba(33,199,178,.9)}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:rgba(255,255,255,1);background-color:rgba(0,215,180,.9);border-color:rgba(0,215,180,.9)}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:rgba(255,255,255,1);background-color:rgba(0,180,170,.9);border-color:rgba(0,180,170,1)}input[type=email]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,select:focus,textarea:focus{border-color:rgba(33,199,178,.7)}.button.button-primary.button-red{background:#d2666f;border:#d2666f}.button.button-primary.button-red:active,.button.button-primary.button-red:focus,.button.button-primary.button-red:hover{background:#BB4C55;border:#BB4C55}.icon-inverted{color:rgba(255,255,255,1);background-color:rgba(100,100,100,.5);border-color:rgba(50,50,50,.15)}.active .icon-inverted{color:rgba(255,255,255,1);background-color:rgba(0,0,0,.4);border-color:rgba(0,0,0,.1)}.u-vertical-separator,.u-vertical-separator-extra-small,.u-vertical-separator-small{display:inline-block;background:rgba(0,0,0,.1);font-size:0;vertical-align:top}.u-nd{text-decoration:none}.u-vertical-separator{width:.5rem;border-radius:4px;height:5rem}.u-vertical-separator-small{width:.4rem;border-radius:3px;height:4rem}.u-vertical-separator-extra-small{width:.3rem;border-radius:2px;height:3rem}.navigation-icon{margin-top:.15rem;margin-right:.2rem}hr{border-top-width:2.5rem;border-top-color:rgba(0,0,0,.05)}h1.tag{font-weight:400;text-overflow:ellipsis}h1.tag em{font-weight:600;color:rgba(0,0,0,.9)}article.u-pt{padding-top:0}article.u-pn{padding-left:0;padding-right:0}@media (min-width:550px){article.u-pt{padding-top:4rem}article.u-pn{padding-left:2rem;padding-right:2rem}.navigation-margin article.u-pn{padding-left:6rem}}@media (min-width:750px){.navigation-margin iconic-navigation.auto~article.u-pn{padding-left:2rem}}article.right{padding-top:4rem;padding-left:6rem;padding-right:2rem}iconic-navigation.slide~article,iconic-navigation.slide~iconic-footer{transition:margin .2s ease-in-out}iconic-navigation.slide~.mega{transition:padding .2s ease-in-out}iconic-navigation.slide.expand~article,iconic-navigation.slide.expand~iconic-footer{margin-left:25rem;transition:margin .2s ease-in-out}iconic-navigation.slide.expand~.mega{padding-left:27rem;transition:padding .2s ease-in-out}@media (min-width:750px){iconic-navigation.auto~article,iconic-navigation.auto~iconic-footer{margin-left:25rem}iconic-navigation.auto~.mega{padding-left:27rem}}blockquote .icon{font-size:6rem;color:rgba(100,100,100,.5);left:0;top:3rem;margin-right:2rem;z-index:-1;vertical-align:bottom;float:left;height:6rem}iconic-announcement{background:rgba(100,100,100,.9);color:rgba(255,255,255,.8)}iconic-announcement .badge{background:#ff6e66;border-right:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.3)}iconic-announcement em{font-style:normal;color:rgba(255,255,255,.9)}iconic-announcement.warning{background:#ff2d4d;color:rgba(255,255,255,.8)}iconic-announcement.warning .badge{background:#ff2d4d;border-right:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.3)}iconic-announcement.warning .content{background:#ff2d4d}iconic-announcement.warning em{font-style:normal;color:rgba(255,255,255,.9)}iconic-announcement.success{background:#089;color:rgba(255,255,255,.8)}iconic-announcement.success .badge{background:#089;border-right:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.3)}iconic-announcement.success .content{background:#089}iconic-announcement.success em{font-style:normal;color:rgba(255,255,255,.9)}iconic-button i{display:inline-flex}iconic-dropdown .dd-content .overflow{display:block}@media (min-width:500px){iconic-dropdown .dd-content .overflow{display:none}}iconic-dropdown .dd-trigger{background-color:rgba(255,255,255,.25);border-color:#DFDFDF}iconic-dropdown .dd-trigger:hover{background-color:rgba(255,255,255,1);border-color:#DFDFDF}iconic-dropdown .open .dd-trigger{background-color:rgba(255,255,255,1);border-bottom:1px dotted #E5E5E5;border-bottom-left-radius:0;border-bottom-right-radius:0}iconic-dropdown .dd-content{background-color:#FFF;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-left:1px solid #DFDFDF;border-right:1px solid #DFDFDF;box-shadow:0 1rem 2rem 0 rgba(0,0,0,.1);left:auto;margin-top:0;overflow-x:hidden;position:absolute;right:0;width:81vw;z-index:1}iconic-dropdown .dd-content label{color:#000}.u-pull-left iconic-dropdown .dd-content{left:0;right:auto}@media (min-width:180px){iconic-dropdown .dd-content{width:83vw}}@media (min-width:220px){iconic-dropdown .dd-content{width:85.5vw}}@media (min-width:280px){iconic-dropdown .dd-content{width:88vw}}iconic-dropdown .oversize .dd-content{border-top-left-radius:.65rem}.u-pull-left iconic-dropdown .oversize .dd-content{border-top-left-radius:0;border-top-right-radius:.65rem}@media (min-width:300px){iconic-dropdown .dd-content{left:auto;margin-top:0;position:absolute;right:0;width:auto}}iconic-dropdown .dd-content a{color:#000;text-decoration:none;white-space:normal}iconic-dropdown .dd-content a:hover,iconic-dropdown .dd-content item:hover{background-color:#95f2e2;color:#000}iconic-dropdown .dd-content>.primary{background-color:rgba(0,215,180,.9);border-radius:.3rem;color:#FFF;font-weight:600;margin:.2rem;text-align:center}iconic-dropdown .dd-content>.primary:hover{background-color:rgba(0,180,170,.9);color:#FFF}iconic-dropdown .oversize .dd-content>:hover:first-child{border-top-left-radius:.65rem}.u-pull-left iconic-dropdown .oversize .dd-content>:hover:first-child{border-top-left-radius:0;border-top-right-radius:.65rem}iconic-dropdown .dd-content>:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}iconic-footer{background:url(img/pattern.png) fixed #F3F3F3;min-width:127px}@media (min-width:550px){.navigation-margin iconic-footer{margin-left:4.2rem}}@media (min-width:300px){iconic-dropdown .dd-content>*,iconic-footer{white-space:nowrap}}iconic-footer .f-brand{color:#555;font-size:10rem;margin:2rem auto 1rem}iconic-footer .f-tagline{color:#555}@media (min-width:400px){iconic-footer .f-brand{font-size:15rem;margin:3.7rem auto 1.8rem}}@media (min-width:550px){iconic-footer .f-brand{font-size:20rem;margin:5rem auto 3rem}}iconic-footer .links ul li a{color:rgba(0,0,0,.7);background:rgba(255,255,255,.5)}iconic-footer .links ul li a:hover{color:rgba(0,0,0,1);background:#95f2e2}@media (min-width:400px){iconic-footer .links>ul{display:inline-block;white-space:normal;margin:2.8rem auto;padding:0}}iconic-footer .tested-with{background:rgba(0,0,0,.3);color:#FFF;font-size:.6rem;max-width:12.5rem}iconic-header,iconic-navigation{background:url(img/pattern.png) fixed #F3F3F3}@media (min-width:300px){.tested-with{margin:0 auto;font-size:1.1rem;max-width:16.5rem}.tested-with img{height:2rem}}iconic-header{position:relative;min-width:127px}@media (min-width:550px){.navigation-margin iconic-header{margin-left:4.2rem}}@media (min-height:550px){iconic-header{position:fixed;left:0;margin:0;right:0;top:0;z-index:2}body{padding-top:2.2rem}}iconic-header div>ul li{display:none}iconic-header div>ul li.restricted{display:inline-block}@media (min-width:220px){iconic-header div>ul li.pinned{display:inline-block}.navigation-margin iconic-header div>ul li.pinned{display:none}}@media (min-width:300px){.navigation-margin iconic-header div>ul li.pinned{display:inline-block}}@media (min-width:550px){iconic-header div>ul li{display:inline-block}iconic-header div>ul li.restricted{display:none}}iconic-header div>ul li a{color:rgba(0,0,0,.7)}iconic-menu a:hover{color:#FFF;background:-moz-linear-gradient(left,rgba(244,226,195,.34) 0,rgba(118,255,183,.18) 100%);background:-webkit-linear-gradient(left,rgba(244,226,195,.34) 0,rgba(100,100,100,0) 100%);background:linear-gradient(to right,rgba(118,255,183,.18) 0,rgba(118,255,183,.1) 100%);border-radius:.3rem;border:.1rem solid rgba(100,200,200,.2);box-shadow:0 0 4px rgba(0,0,0,1)}iconic-menu a:hover .icon-extra-small{border-top-right-radius:0;border-bottom-right-radius:0}iconic-menu{bakcgorund:#FFF}iconic-navigation{display:none;border-right:.1rem solid #EEE}iconic-navigation.expand{box-shadow:10px 0 15px rgba(0,0,0,.095)}iconic-select .dd-content,iconic-tagger .dd-content{box-shadow:0 1rem 2rem 0 rgba(0,0,0,.1);margin-top:0;overflow-x:hidden;position:absolute;z-index:1}@media (min-width:550px){iconic-navigation{display:block}}@media (min-width:750px){iconic-navigation.auto{background-color:#fff}}iconic-navigation>ul{background:#FFF}iconic-navigation>ul li.separator{height:1px;border-top:3px solid #fff;background:#EEE;border-bottom:2px solid #fff}iconic-navigation>ul li ul li a{border-top:1px solid #fff}iconic-navigation>ul a{color:#999;background:#FFF}iconic-navigation>ul a:hover{color:#222;background:#95f2e2}iconic-navigation>ul a.active{background:#00d4b4;color:#FFF}iconic-navigation>ul a.active:hover{background:#00b4a9;color:#FFF}iconic-navigation iconic-button[name=menuButton],iconic-select .dd-trigger{background-color:rgba(255,255,255,.25);border-color:#DFDFDF}iconic-navigation .brand{color:rgba(0,0,0,.7)}iconic-tip.navigation-tip a{color:#fff;font-size:2rem;text-decoration:none;line-height:3rem}iconic-select .dd-content .overflow{display:block}@media (min-width:500px){iconic-select .dd-content .overflow{display:none}}iconic-select .dd-trigger:hover{background-color:rgba(255,255,255,1);border-color:#DFDFDF}iconic-select .open .dd-trigger{background-color:rgba(255,255,255,1);border-bottom:1px dotted #E5E5E5;border-bottom-left-radius:0;border-bottom-right-radius:0}iconic-select .dd-content,iconic-select .dd-content>:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}iconic-select .dd-content{background-color:#FFF;border-left:1px solid #DFDFDF;border-right:1px solid #DFDFDF;left:auto;right:0;width:81vw}.u-pull-left iconic-select .dd-content{left:0;right:auto}@media (min-width:180px){iconic-select .dd-content{width:83vw}}@media (min-width:220px){iconic-select .dd-content{width:85.5vw}}@media (min-width:280px){iconic-select .dd-content{width:88vw}}iconic-select .oversize .dd-content{border-top-left-radius:.65rem}.u-pull-left iconic-select .oversize .dd-content{border-top-left-radius:0;border-top-right-radius:.65rem}iconic-select .dd-content item{color:#000;text-decoration:none;white-space:normal}iconic-select .dd-content item:hover{background-color:#95f2e2;color:#000}iconic-select .dd-content item.selected{background:rgba(0,215,180,.9);color:#FFF}iconic-select .dd-content item.selected:hover{background:rgba(0,180,170,.7)}iconic-select .oversize .dd-content>:hover:first-child{border-top-left-radius:.65rem}.u-pull-left iconic-select .oversize .dd-content>:hover:first-child{border-top-left-radius:0;border-top-right-radius:.65rem}@media (min-width:300px){iconic-select .dd-content{left:auto;margin-top:0;position:absolute;right:0;width:auto}iconic-select .dd-content>*{white-space:nowrap}}iconic-tagger .dd-content .overflow{display:block}@media (min-width:500px){iconic-tagger .dd-content .overflow{display:none}}iconic-tagger .dd-trigger{background-color:rgba(255,255,255,.25);border-color:#DFDFDF}iconic-tagger .dd-trigger span{border:1px solid rgba(0,180,170,1);background:rgba(0,180,170,.7);color:#FFF}iconic-tagger .dd-trigger:hover{background-color:rgba(255,255,255,1);border-color:#DFDFDF}iconic-tagger .open .dd-trigger{background-color:rgba(255,255,255,1);border-bottom:1px dotted #E5E5E5;border-bottom-left-radius:0;border-bottom-right-radius:0}iconic-tagger .dd-content,iconic-tagger .dd-content>:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}iconic-tagger .dd-trigger.disabled .opener{color:#CCC}iconic-tagger .dd-content{background-color:#FFF;border-left:1px solid #DFDFDF;border-right:1px solid #DFDFDF;left:auto;right:0;width:81vw}.u-pull-left iconic-tagger .dd-content{left:0;right:auto}@media (min-width:180px){iconic-tagger .dd-content{width:83vw}}@media (min-width:220px){iconic-tagger .dd-content{width:85.5vw}}@media (min-width:280px){iconic-tagger .dd-content{width:88vw}}iconic-tagger .oversize .dd-content{border-top-left-radius:.65rem}.u-pull-left iconic-tagger .oversize .dd-content{border-top-left-radius:0;border-top-right-radius:.65rem}iconic-tagger .dd-content item{color:#000;text-decoration:none;white-space:normal}iconic-tagger .dd-content item:hover{background-color:#95f2e2;color:#000}iconic-tagger .oversize .dd-content>:hover:first-child{border-top-left-radius:.65rem}.u-pull-left iconic-tagger .oversize .dd-content>:hover:first-child{border-top-left-radius:0;border-top-right-radius:.65rem}@media (min-width:300px){iconic-tagger .dd-content{left:auto;margin-top:0;position:absolute;right:0;width:auto}iconic-tagger .dd-content>*{white-space:nowrap}}iconic-well{background:rgba(255,255,255,.2)}