/* TACHYONS v0.0.1 | https://github.com/tachyons-css/tachyons */ /* * * ________ ______ * ___ __/_____ _________ /______ ______________________ * __ / _ __ / ___/_ __ _ / / / __ _ __ _ ___/ * _ / / /_/ // /__ _ / / / /_/ // /_/ / / / /(__ ) * /_/ __,_/ ___/ /_/ /_/___, / ____//_/ /_//____/ * /____/ * * TABLE OF CONTENTS * * 1. External Library Includes * - Normalize.css | http://normalize.css.github.io * 2. Tachyons Modules * 3. Variables * - Media Queries * - Colors * 4. Debugging * - Debug all * - Debug children * */ /* External Library Includes */.aspect-ratio{height:0;position:relative}.aspect-ratio--16x9{padding-bottom:56.25%}.aspect-ratio--9x16{padding-bottom:177.77%}.aspect-ratio--4x3{padding-bottom:75%}.aspect-ratio--3x4{padding-bottom:133.33%}.aspect-ratio--6x4{padding-bottom:66.6%}.aspect-ratio--4x6{padding-bottom:150%}.aspect-ratio--8x5{padding-bottom:62.5%}.aspect-ratio--5x8{padding-bottom:160%}.aspect-ratio--7x5{padding-bottom:71.42%}.aspect-ratio--5x7{padding-bottom:140%}.aspect-ratio--1x1{padding-bottom:100%}.aspect-ratio--object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover{background-size:cover!important}.contain{background-size:contain!important}.bg-center{background-repeat:no-repeat;background-position:center center}.bg-top{background-repeat:no-repeat;background-position:top center}.bg-right{background-repeat:no-repeat;background-position:center right}.bg-bottom{background-repeat:no-repeat;background-position:bottom center}.bg-left{background-repeat:no-repeat;background-position:center left}.ba{border-style:solid;border-width:1px}.bt{border-top-style:solid;border-top-width:1px}.br{border-right-style:solid;border-right-width:1px}.bb{border-bottom-style:solid;border-bottom-width:1px}.bl{border-left-style:solid;border-left-width:1px}.bn{border-style:none;border-width:0}.b--black{border-color:#000}.b--white{border-color:#fff}.b--transparent{border-color:transparent} /* BORDER RADIUS Docs: http://tachyons.io/docs/themes/border-radius/ Base: br = border-radius Modifiers: 0 = 0/none 1 = 1st step in scale 2 = 2nd step in scale 3 = 3rd step in scale 4 = 4th step in scale Literal values: -100 = 100% -pill = 9999px Media Query Extensions: */.br0{border-radius:0}.br1{border-radius:.125rem}.br2{border-radius:.25rem}.br3{border-radius:.5rem}.br4{border-radius:1rem}.br-100{border-radius:100%}.br-pill{border-radius:9999px}.br--bottom{border-top-left-radius:0;border-top-right-radius:0}.br--top{border-bottom-left-radius:0;border-bottom-right-radius:0}.br--right{border-top-left-radius:0;border-bottom-left-radius:0}.br--left{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}.b--none{border-style:none} /* BORDER WIDTHS Docs: http://tachyons.io/docs/themes/borders/ Base: bw = border-width Modifiers: 0 = 0 width border 1 = 1st step in border-width scale 2 = 2nd step in border-width scale 3 = 3rd step in border-width scale 4 = 4th step in border-width scale 5 = 5th step in border-width scale Media Query Extensions: */.bw0{border-width:0}.bw1{border-width:.125rem}.bw2{border-width:.25rem}.bw3{border-width:.5rem}.bw4{border-width:1rem}.bw5{border-width:2rem}.bt-0{border-top-width:0}.br-0{border-right-width:0}.bb-0{border-bottom-width:0}.bl-0{border-left-width:0}.shadow-1{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.pre{overflow-x:auto;overflow-y:hidden;overflow:scroll} /* SPACING Docs: http://tachyons.io/docs/layout/spacing/ An eight step powers of two scale ranging from 0 to 16rem. Base: p = padding m = margin Modifiers: a = all h = horizontal v = vertical t = top r = right b = bottom l = left 0 = 0/none 1 = 1st step in spacing scale 2 = 2nd step in spacing scale 3 = 3rd step in spacing scale 4 = 4th step in spacing scale 5 = 5th step in spacing scale 6 = 6th step in spacing scale 7 = 7th step in spacing scale Media Query Extensions: */.pa0{padding:0}.ma0{margin:0}.na0{margin:0}.pl0{padding-left:0}.ml0{margin-left:0}.nl0{margin-left:0}.pr0{padding-right:0}.mr0{margin-right:0}.nr0{margin-right:0}.pt0{padding-top:0}.mt0{margin-top:0}.nt0{margin-top:0}.pb0{padding-bottom:0}.mb0{margin-bottom:0}.nb0{margin-bottom:0}.pv0{padding-top:0;padding-bottom:0}.mv0{margin-top:0;margin-bottom:0}.nv0{margin-top:0;margin-bottom:0}.ph0{padding-left:0;padding-right:0}.mh0{margin-left:0;margin-right:0}.nh0{margin-left:0;margin-right:0}.pa1{padding:.25rem}.ma1{margin:.25rem}.na1{margin:-0.25rem}.pl1{padding-left:.25rem}.ml1{margin-left:.25rem}.nl1{margin-left:-0.25rem}.pr1{padding-right:.25rem}.mr1{margin-right:.25rem}.nr1{margin-right:-0.25rem}.pt1{padding-top:.25rem}.mt1{margin-top:.25rem}.nt1{margin-top:-0.25rem}.pb1{padding-bottom:.25rem}.mb1{margin-bottom:.25rem}.nb1{margin-bottom:-0.25rem}.pv1{padding-top:.25rem;padding-bottom:.25rem}.mv1{margin-top:.25rem;margin-bottom:.25rem}.nv1{margin-top:-0.25rem;margin-bottom:-0.25rem}.ph1{padding-left:.25rem;padding-right:.25rem}.mh1{margin-left:.25rem;margin-right:.25rem}.nh1{margin-left:-0.25rem;margin-right:-0.25rem}.pa2{padding:.5rem}.ma2{margin:.5rem}.na2{margin:-0.5rem}.pl2{padding-left:.5rem}.ml2{margin-left:.5rem}.nl2{margin-left:-0.5rem}.pr2{padding-right:.5rem}.mr2{margin-right:.5rem}.nr2{margin-right:-0.5rem}.pt2{padding-top:.5rem}.mt2{margin-top:.5rem}.nt2{margin-top:-0.5rem}.pb2{padding-bottom:.5rem}.mb2{margin-bottom:.5rem}.nb2{margin-bottom:-0.5rem}.pv2{padding-top:.5rem;padding-bottom:.5rem}.mv2{margin-top:.5rem;margin-bottom:.5rem}.nv2{margin-top:-0.5rem;margin-bottom:-0.5rem}.ph2{padding-left:.5rem;padding-right:.5rem}.mh2{margin-left:.5rem;margin-right:.5rem}.nh2{margin-left:-0.5rem;margin-right:-0.5rem}.pa3{padding:1rem}.ma3{margin:1rem}.na3{margin:-1rem}.pl3{padding-left:1rem}.ml3{margin-left:1rem}.nl3{margin-left:-1rem}.pr3{padding-right:1rem}.mr3{margin-right:1rem}.nr3{margin-right:-1rem}.pt3{padding-top:1rem}.mt3{margin-top:1rem}.nt3{margin-top:-1rem}.pb3{padding-bottom:1rem}.mb3{margin-bottom:1rem}.nb3{margin-bottom:-1rem}.pv3{padding-top:1rem;padding-bottom:1rem}.mv3{margin-top:1rem;margin-bottom:1rem}.nv3{margin-top:-1rem;margin-bottom:-1rem}.ph3{padding-left:1rem;padding-right:1rem}.mh3{margin-left:1rem;margin-right:1rem}.nh3{margin-left:-1rem;margin-right:-1rem}.pa4{padding:2rem}.ma4{margin:2rem}.na4{margin:-2rem}.pl4{padding-left:2rem}.ml4{margin-left:2rem}.nl4{margin-left:-2rem}.pr4{padding-right:2rem}.mr4{margin-right:2rem}.nr4{margin-right:-2rem}.pt4{padding-top:2rem}.mt4{margin-top:2rem}.nt4{margin-top:-2rem}.pb4{padding-bottom:2rem}.mb4{margin-bottom:2rem}.nb4{margin-bottom:-2rem}.pv4{padding-top:2rem;padding-bottom:2rem}.mv4{margin-top:2rem;margin-bottom:2rem}.nv4{margin-top:-2rem;margin-bottom:-2rem}.ph4{padding-left:2rem;padding-right:2rem}.mh4{margin-left:2rem;margin-right:2rem}.nh4{margin-left:-2rem;margin-right:-2rem}.pa5{padding:4rem}.ma5{margin:4rem}.na5{margin:-4rem}.pl5{padding-left:4rem}.ml5{margin-left:4rem}.nl5{margin-left:-4rem}.pr5{padding-right:4rem}.mr5{margin-right:4rem}.nr5{margin-right:-4rem}.pt5{padding-top:4rem}.mt5{margin-top:4rem}.nt5{margin-top:-4rem}.pb5{padding-bottom:4rem}.mb5{margin-bottom:4rem}.nb5{margin-bottom:-4rem}.pv5{padding-top:4rem;padding-bottom:4rem}.mv5{margin-top:4rem;margin-bottom:4rem}.nv5{margin-top:-4rem;margin-bottom:-4rem}.ph5{padding-left:4rem;padding-right:4rem}.mh5{margin-left:4rem;margin-right:4rem}.nh5{margin-left:-4rem;margin-right:-4rem}.pa6{padding:8rem}.ma6{margin:8rem}.na6{margin:-8rem}.pl6{padding-left:8rem}.ml6{margin-left:8rem}.nl6{margin-left:-8rem}.pr6{padding-right:8rem}.mr6{margin-right:8rem}.nr6{margin-right:-8rem}.pt6{padding-top:8rem}.mt6{margin-top:8rem}.nt6{margin-top:-8rem}.pb6{padding-bottom:8rem}.mb6{margin-bottom:8rem}.nb6{margin-bottom:-8rem}.pv6{padding-top:8rem;padding-bottom:8rem}.mv6{margin-top:8rem;margin-bottom:8rem}.nv6{margin-top:-8rem;margin-bottom:-8rem}.ph6{padding-left:8rem;padding-right:8rem}.mh6{margin-left:8rem;margin-right:8rem}.nh6{margin-left:-8rem;margin-right:-8rem}.pa7{padding:16rem}.ma7{margin:16rem}.na7{margin:-16rem}.pl7{padding-left:16rem}.ml7{margin-left:16rem}.nl7{margin-left:-16rem}.pr7{padding-right:16rem}.mr7{margin-right:16rem}.nr7{margin-right:-16rem}.pt7{padding-top:16rem}.mt7{margin-top:16rem}.nt7{margin-top:-16rem}.pb7{padding-bottom:16rem}.mb7{margin-bottom:16rem}.nb7{margin-bottom:-16rem}.pv7{padding-top:16rem;padding-bottom:16rem}.mv7{margin-top:16rem;margin-bottom:16rem}.nv7{margin-top:-16rem;margin-bottom:-16rem}.ph7{padding-left:16rem;padding-right:16rem}.mh7{margin-left:16rem;margin-right:16rem}.nh7{margin-left:-16rem;margin-right:-16rem}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:1rem}.right-1{right:1rem}.bottom-1{bottom:1rem}.left-1{left:1rem}.top-2{top:2rem}.right-2{right:2rem}.bottom-2{bottom:2rem}.left-2{left:2rem}.top--1{top:-1rem}.right--1{right:-1rem}.bottom--1{bottom:-1rem}.left--1{left:-1rem}.top--2{top:-2rem}.right--2{right:-2rem}.bottom--2{bottom:-2rem}.left--2{left:-2rem}.absolute--fill{top:0;right:0;bottom:0;left:0}.cf:before, .cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.cl{clear:left}.cr{clear:right}.cb{clear:both}.cn{clear:none}.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.dit{display:inline-table}.dt{display:table}.dtc{display:table-cell}.dt-row{display:table-row}.dt-row-group{display:table-row-group}.dt-column{display:table-column}.dt-column-group{display:table-column-group}.dt--fixed{table-layout:fixed;width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-auto{flex:1 1 auto;min-width:0;min-height:0}.flex-none{flex:none}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-column-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-last{order:99999}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.fl{float:left;_display:inline}.fr{float:right;_display:inline}.fn{float:none}.sans-serif{font-family:-apple-system,BlinkMacSystemFont,'avenir next',avenir,'helvetica neue',helvetica,ubuntu,roboto,noto,'segoe ui',arial,sans-serif}.serif{font-family:georgia,times,serif}.system-sans-serif{font-family:sans-serif}.system-serif{font-family:serif}swan-code, .code{font-family:Consolas,monaco,monospace}.courier{font-family:'Courier Next',courier,monospace}.helvetica{font-family:'helvetica neue',helvetica,sans-serif}.avenir{font-family:'avenir next',avenir,sans-serif}.athelas{font-family:athelas,georgia,serif}.georgia{font-family:georgia,serif}.times{font-family:times,serif}.bodoni{font-family:"Bodoni MT",serif}.calisto{font-family:"Calisto MT",serif}.garamond{font-family:garamond,serif}.baskerville{font-family:baskerville,serif}.i{font-style:italic}.fs-normal{font-style:normal}.normal{font-weight:normal}.b{font-weight:bold}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}.input-reset{-webkit-appearance:none;-moz-appearance:none}.button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner{border:0;padding:0}.debug *{outline:1px solid gold}.debug-white *{outline:1px solid white}.debug-black *{outline:1px solid black}.debug-grid{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=) repeat top left}.debug-grid-16{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat top left}.debug-grid-8-solid{background:white url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat top left}.debug-grid-16-solid{background:white url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7) repeat top left}.link{text-decoration:none;transition:color .15s ease-in}.link:link, .link:visited{transition:color .15s ease-in}.link:hover{transition:color .15s ease-in}.link:active{transition:color .15s ease-in}.link:focus{transition:color .15s ease-in;outline:1px dotted currentColor}.list{list-style-type:none} /* HEIGHTS Docs: http://tachyons.io/docs/layout/heights/ Base: h = height min-h = min-height min-vh = min-height vertical screen height vh = vertical screen height Modifiers 1 = 1st step in height scale 2 = 2nd step in height scale 3 = 3rd step in height scale 4 = 4th step in height scale 5 = 5th step in height scale -25 = literal value 25% -50 = literal value 50% -75 = literal value 75% -100 = literal value 100% -auto = string value of auto -inherit = string value of inherit Media Query Extensions: */.h1{height:1rem}.h2{height:2rem}.h3{height:4rem}.h4{height:8rem}.h5{height:16rem}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.min-h-100{min-height:100%}.vh-25{height:25vh}.vh-50{height:50vh}.vh-75{height:75vh}.vh-100{height:100vh}.min-vh-100{min-height:100vh}.h-auto{height:auto}.h-inherit{height:inherit}.black{color:#000}.white{color:#fff}.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.hover-black:focus{color:#000}.hover-black:hover{color:#000}.hover-white:focus{color:#fff}.hover-white:hover{color:#fff}.hover-bg-black:focus{background-color:#000}.hover-bg-black:hover{background-color:#000}.hover-bg-white:focus{background-color:#fff}.hover-bg-white:hover{background-color:#fff}.hover-bg-transparent:focus{background-color:transparent}.hover-bg-transparent:hover{background-color:transparent}swan-img{max-width:100%}.tracked{letter-spacing:.1em}.tracked-tight{letter-spacing:-.05em}.tracked-mega{letter-spacing:.25em} /* LINE HEIGHT / Leading Docs: http://tachyons.io/docs/typography/line-height/ Base: lh = line-height Media Query Extensions: */.lh-solid{line-height:1}.lh-title{line-height:1.25}.lh-copy{line-height:1.5} /* MAX WIDTHS Docs: http://tachyons.io/docs/layout/max-widths/ Base: mw = max-width Modifiers: 1 = 1st step in width scale 2 = 2nd step in width scale 3 = 3rd step in width scale 4 = 4th step in width scale 5 = 5th step in width scale 6 = 6th step in width scale 7 = 7th step in width scale 8 = 8th step in width scale 9 = 9th step in width scale -100 = literal value 100% -none = string value none Media Query Extensions: */.mw1{max-width:1rem}.mw2{max-width:2rem}.mw3{max-width:4rem}.mw4{max-width:8rem}.mw5{max-width:16rem}.mw6{max-width:32rem}.mw7{max-width:48rem}.mw8{max-width:64rem}.mw9{max-width:96rem}.mw-none{max-width:none}.mw-100{max-width:100%} /* NESTED Tachyons module for styling nested elements that are generated by a cms. */.nested-copy-line-height swan-p, .nested-copy-line-height swan-ul, .nested-copy-line-height swan-ol{line-height:1.5}.nested-headline-line-height swan-h1, .nested-headline-line-height swan-h2, .nested-headline-line-height swan-h3, .nested-headline-line-height swan-h4, .nested-headline-line-height swan-h5, .nested-headline-line-height swan-h6{line-height:1.25}.nested-list-reset swan-ul, .nested-list-reset swan-ol{padding-left:0;margin-left:0;list-style-type:none}.nested-copy-indent swan-p+swan-p{text-indent:1em;margin-top:0;margin-bottom:0}.nested-copy-separator swan-p+swan-p{margin-top:1.5em}.nested-img swan-img{width:100%;max-width:100%;display:block}.nested-links swan-a{color:#357edd;transition:color .15s ease-in}.nested-links swan-a:hover, .nested-links swan-a:focus{color:#96ccff;transition:color .15s ease-in}.dim{opacity:1;transition:opacity .15s ease-in}.dim:hover, .dim:focus{opacity:.5;transition:opacity .15s ease-in}.dim:active{opacity:.8;transition:opacity .15s ease-out}.glow{transition:opacity .15s ease-in}.glow:hover, .glow:focus{opacity:1;transition:opacity .15s ease-in}.hide-child .child{opacity:0;transition:opacity .15s ease-in}.hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child{opacity:1;transition:opacity .15s ease-in}.underline-hover:hover, .underline-hover:focus{text-decoration:underline}.grow{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.grow:hover, .grow:focus{-webkit-transform:scale(1.05);transform:scale(1.05)}.grow:active{-webkit-transform:scale(.90);transform:scale(.90)}.grow-large{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.grow-large:hover, .grow-large:focus{-webkit-transform:scale(1.2);transform:scale(1.2)}.grow-large:active{-webkit-transform:scale(.95);transform:scale(.95)}.pointer:hover{cursor:pointer}.shadow-hover{cursor:pointer;position:relative;transition:all .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover::after{content:'';box-shadow:0 0 16px 2px rgba(0,0,0,.2);border-radius:inherit;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:hover::after, .shadow-hover:focus::after{opacity:1}.bg-animate, .bg-animate:hover, .bg-animate:focus{transition:background-color .15s ease-in-out} /* OPACITY Docs: http://tachyons.io/docs/themes/opacity/ Base: o = opacity Modifiers: -100 = literal value 1 -90 = literal value 0.9 -80 = literal value 0.8 -70 = literal value 0.7 -60 = literal value 0.6 -50 = literal value 0.5 -40 = literal value 0.4 -30 = literal value 0.3 -20 = literal value 0.2 -10 = literal value 0.1 -05 = literal value 0.05 -025 = literal value 0.025 -0 = literal value 0 */.o-100{opacity:1}.o-90{opacity:.9}.o-80{opacity:.8}.o-70{opacity:.7}.o-60{opacity:.6}.o-50{opacity:.5}.o-40{opacity:.4}.o-30{opacity:.3}.o-20{opacity:.2}.o-10{opacity:.1}.o-05{opacity:.05}.o-025{opacity:.025}.o-0{opacity:0}.rotate-45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.outline{outline:1px solid}.outline-transparent{outline:1px solid transparent}.outline-0{outline:0}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed} /* TABLES Docs: http://tachyons.io/docs/elements/tables/ */.collapse{border-collapse:collapse;border-spacing:0}.striped--light-silver:nth-child(odd){background-color:#aaa}.striped--moon-gray:nth-child(odd){background-color:#ccc}.striped--light-gray:nth-child(odd){background-color:#eee}.striped--near-white:nth-child(odd){background-color:#f4f4f4}.stripe-light:nth-child(odd){background-color:rgba(255,255,255,.1)}.stripe-dark:nth-child(odd){background-color:rgba(0,0,0,.1)}.strike{text-decoration:line-through}.underline{text-decoration:underline}.no-underline{text-decoration:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.tj{text-align:justify}.ttc{text-transform:capitalize}.ttl{text-transform:lowercase}.ttu{text-transform:uppercase}.ttn{text-transform:none}.v-base{vertical-align:baseline}.v-mid{vertical-align:middle}.v-top{vertical-align:top}.v-btm{vertical-align:bottom} /* TYPE SCALE Docs: http://tachyons.io/docs/typography/scale/ Base: f = font-size Modifiers: 1 = 1st step in size scale 2 = 2nd step in size scale 3 = 3rd step in size scale 4 = 4th step in size scale 5 = 5th step in size scale 6 = 6th step in size scale 7 = 7th step in size scale Media Query Extensions: */.f1{font-size:3rem}.f2{font-size:2.25rem}.f3{font-size:1.5rem}.f4{font-size:1.25rem}.f5{font-size:1rem}.f6{font-size:.875rem}.f7{font-size:.75rem} /* TYPOGRAPHY http://tachyons.io/docs/typography/measure/ Measures: measure = literal value 30em (base line length) measure-narrow = literal value 34em (narrow line length) measure-wide = literal value 20em (wide line length) Media Query Extensions: */.measure{max-width:30em}.measure-wide{max-width:34em}.measure-narrow{max-width:20em}.small-caps{font-variant:small-caps}.indent{text-indent:1em;margin-top:0;margin-bottom:0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-container{overflow-y:scroll}.center{margin-right:auto;margin-left:auto}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.clip{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre} /* WIDTHS Docs: http://tachyons.io/docs/layout/widths/ Base: w = width Modifiers 1 = 1st step in width scale 2 = 2nd step in width scale 3 = 3rd step in width scale 4 = 4th step in width scale 5 = 5th step in width scale -10 = literal value 10% -20 = literal value 20% -25 = literal value 25% -30 = literal value 30% -33 = literal value 33% -34 = literal value 34% -40 = literal value 40% -50 = literal value 50% -60 = literal value 60% -70 = literal value 70% -75 = literal value 75% -80 = literal value 80% -90 = literal value 90% -100 = literal value 100% -third = 100% / 3 (Not supported in opera mini or IE8) -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8) -auto = string value auto Media Query Extensions: */.w1{width:1rem}.w2{width:2rem}.w3{width:4rem}.w4{width:8rem}.w5{width:16rem}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-33{width:33%}.w-34{width:34%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-third{width:calc(100% / 3)}.w-two-thirds{width:calc(100% / 1.5)}.w-auto{width:auto}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-999{z-index:999}.z-9999{z-index:9999}.z-max{z-index:2147483647}.z-inherit{z-index:inherit}.z-initial{z-index:initial}.z-unset{z-index:unset}*{-webkit-box-sizing:border-box;box-sizing:border-box}swan-button, swan-button.disabled{padding:2.6666666666666665vw 3.7333333333333334vw;outline:none;border:none;border-radius:0;background:#f96650;color:#fff;font-size:3.7333333333333334vw;line-height:1;-webkit-appearance:none}swan-input{-webkit-appearance:none}swan-button::after{outline:none;border:none}swan-button.disabled{background:#f96650!important;color:#fff!important;opacity:0.5}.input-placeholder{color:#95958f}body, swan-view, swan-image, swan-navigator{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}swan-page[hidden], swan-view[hidden], swan-image[hidden], swan-navigator[hidden]{display:none!important}body{min-height:100%;background-color:#fff;color:#383831;font-size:3.7333333333333334vw;font-family:'PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;-webkit-font-smoothing:antialiased}.container{overflow-x:hidden;color:#383835;text-align:justify;font-size:3.7333333333333334vw}.add-more-btn{border:0.26666666666666666vw solid #f96650!important;border-radius:0!important;color:#f96650!important}