@font-face{font-family:'icomoon';src:url(../fonts/icomoon.eot);src:url(../fonts/icomoon.eot?#iefix) format('embedded-opentype') , url(../fonts/icomoon.woff) format('woff') , url(../fonts/icomoon.ttf) format('truetype') , url(../fonts/icomoon.svg#icomoon) format('svg');font-weight:normal;font-style:normal}.buy-button{display:block;margin-bottom:10px;line-height:1.3em;border:2px solid;border-radius:8px;border-color:#0c9;padding:10px 100px 10px 10px;position:relative;text-align:center}.buy-button__for{display:block;font-style:italic}.buy-button__price{font-size:1.6em;background:#0c9;color:#fff;position:absolute;right:0;top:0;height:100%;width:80px;text-align:center;line-height:64px}.buy-button__price__dollar{font-size:.6em;margin-right:3px;vertical-align:top}.buy-button:hover{border-color:#c90}.buy-button:hover .buy-button__price{background:#c90}@media screen and (min-width:768px){.buy-button-trio{margin-top:40px;margin-bottom:50px}.buy-button-trio:after{content:'';display:block;clear:both}.buy-button-trio .buy-button{float:left;width:31.33%;margin-right:3%}.buy-button-trio .buy-button:nth-child(3) {margin-right:0}.buy-button-trio .buy-button{transition:transform .2s;padding:20px 0 0}.buy-button-trio .buy-button>span{display:block;padding-left:10px;padding-right:10px}.buy-button-trio .buy-button__project,.buy-button-trio .buy-button__license{font-size:1.1em}.buy-button-trio .buy-button__title{font-size:1.9em;line-height:1.2}.buy-button-trio .buy-button__license{margin-bottom:15px}.buy-button-trio .buy-button__for{margin-bottom:20px;font-size:1.1em}.buy-button-trio .buy-button__price{position:relative;width:auto;font-size:2.4em;line-height:1.3;padding-top:15px;padding-bottom:10px}.buy-button-trio .buy-button__price__dollar{position:relative;top:8px}.buy-button-trio .buy-button:hover{transform:translateY(-5px)}}code{padding:.1em .3em;line-height:1.2}pre code{padding:0;line-height:1.5;background:none}code .string,code .tag .value{color:#072}code .number,code .cp,code .literal{color:#07d}code .keyword{color:#c31}code .kd,code .attribute{color:#a61}code .p{color:#edb}code .o{color:#f63}code .nb{color:#aa97ac}code .comment{color:#999;font-style:italic}code .tag{color:#37b}code .id{color:#567}code .class{color:#a63}code .rules{color:#431}code .m{color:#de8e50}code .nd{color:#9fad7e}code .hexcolor{color:#f63}code .at_rule{color:#088}.demo .packery,.demo.packery{background:#fdd;background:hsla(45,100%,40%,.2)}.demo .button{margin-bottom:.8em}.packery.packery--percent-width .grid-sizer,.packery.packery--percent-width .item{width:20%}.packery.packery--percent-width .item.w2{width:40%}#row-height-demo2 .grid-sizer{height:60px}#gutter-demo2 .gutter-sizer{width:3%}.has-stamp{position:relative}.demo .stamp{position:absolute;width:30%;height:60px;background:red;border:4px dotted #fff}#stamp-opt-demo .stamp1{left:20%;top:10px}#stamp-opt-demo .stamp2{right:10%;top:80px}#stamp-demo .stamp{left:20%;top:50px;width:50%;height:100px}#stamp-demo .item{opacity:.8}.packery.counting{counter-reset:item}.packery.counting .item:before{counter-increment:item;content:counter(item);display:block;color:#fff;padding-top:.2em;text-align:center;font-size:14px}.draggable .item{cursor:move}.draggable .item:hover{border-color:#fff}.packery.draggable .item.is-dragging,.packery.draggable .item.is-positioning-post-drag,.packery.draggable .item.ui-draggable-dragging{border-color:#fff;background:#09f;z-index:10;box-shadow:0 5px 10px hsla(0,0%,0%,.4)}#fit-demo .item{width:25%;height:60px}#fit-demo .item.gigante{width:100%;background:#c90;height:90px}.clickable .item:hover{border-color:#fff;cursor:pointer}.packery.horizontal{height:200px}#animate-item-size .item,#animate-item-size .item-content{width:60px;height:60px}#animate-item-size .item{border:none;background:transparent}#animate-item-size .item-content{width:60px;height:60px;background:#09d;border:4px solid #333;border-color:hsla(0,0%,100%,.4);-webkit-transition:width .4s , height .4s;-moz-transition:width .4s , height .4s;-o-transition:width .4s , height .4s;transition:width .4s , height .4s}#animate-item-size .item:hover .item-content{border-color:#fff}#animate-item-size .item.is-expanded,#animate-item-size .item.is-expanded .item-content{width:180px;height:120px}#animate-item-size .item.is-expanded{z-index:2}#animate-item-size .item.is-expanded .item-content{background:#c90}#animate-item-size-responsive .item{width:20%;height:60px;border:none;background:transparent}#animate-item-size-responsive .item-content{width:100%;height:100%;background:#09d;border:4px solid #333;border-color:hsla(0,0%,100%,.4);-webkit-transition:width .4s , height .4s;-moz-transition:width .4s , height .4s;-o-transition:width .4s , height .4s;transition:width .4s , height .4s}#animate-item-size-responsive .item.is-expanded{width:60%;height:120px}#animate-item-size-responsive .item:hover{cursor:pointer}#animate-item-size-responsive .item:hover .item-content{border-color:#fff}#animate-item-size-responsive .item.is-expanded{z-index:2}#animate-item-size-responsive .item.is-expanded .item-content{background:#c90}#order-after-drag-demo .item{padding:10px;font-size:20px;color:#fff}.duo:after{content:'';display:block;clear:both}.duo__cell{margin-bottom:10px}.duo--legal__plain{padding:0 .8em;background:#fafafa;color:#888}.duo--legal--first .duo--legal__official:before,.duo--legal--first .duo--legal__plain:before{display:block;padding-top:.5em;font-size:.88em;color:#888}.duo--legal--first .duo--legal__official:before{content:'Official legal copy'}.duo--legal--first .duo--legal__plain:before{content:'Plain English'}@media screen and (min-width:768px ){.duo__cell{float:left;width:48.5%}.duo__cell:first-child{margin-right:3%}.duo__cell--license-option p{margin-top:0}}.metafizzy-logo{font-family:'Metafizzy Logo',sans-serif}.metafizzy-logo .etafizzy{display:none}#footer{position:relative;padding:2.0em 0;background:hsla(0,60%,50%,.1)}#footer .brand{text-align:center;font-size:12px}#footer .metafizzy-logo{display:block;font-size:80px;line-height:1.0;background:none;opacity:.25}#footer .metafizzy-logo:hover{opacity:1}.other-product>a{position:relative;display:block;padding:10px;background:hsla(0,60%,50%,.1);border-radius:5px}.other-product>a:hover{}.other-product>a:after{content:'';display:block;clear:both}.other-product img{float:left;display:block;width:100%;max-width:140px;margin-right:1.0em;border-radius:5px}.other-product h3{font-weight:bold;font-size:32px;margin-bottom:.25em;margin-top:0;padding-top:5px}.other-product .description{font-size:15px}@media screen and (min-width:960px ){#footer{margin-top:40px}#footer .brand{width:180px;position:absolute;left:0;bottom:3.0em}#footer .metafizzy-logo{font-size:140px}}#hero{background:#c09;color:#faf3f5;position:relative;overflow:hidden}#hero .primary-content>*{position:relative;z-index:2}#hero .primary-content{padding-top:20px;padding-bottom:20px}#hero h1{font-size:70px;line-height:1.2;letter-spacing:-.01em;margin-bottom:.6em;padding-top:.6em;color:#fff}#hero .tagline{font-size:24px;margin-bottom:.8em;line-height:1.2}#hero .packery{position:absolute;width:100%;height:100%;left:0;top:0;padding:0 2px;border:none}#hero .item{border:none;background:hsla(0,0%,0%,.3)}.big-ol-buttons{list-style:none;padding:0}.big-ol-buttons .button{display:block;font-size:1.3em;line-height:1.2em;position:relative;padding-left:50px}.big-ol-buttons .icon{font-size:32px;position:absolute;left:10px;top:10px}#big-tagline{background:#0c9;color:#fff;padding:20px 0}#big-tagline .tagline{line-height:1.2;margin-bottom:0;font-size:36px}#big-tagline strong{color:#333;color:hsla(0,0%,0%,.6)}#hero-demos{background:#90c;color:hsla(0,0%,0%,.45);padding:2.0em 0}#hero-demos .big-tagline{font-size:36px;line-height:1.2;color:#fff;margin-bottom:.8em}#hero-demos .big-tagline strong{color:hsla(0,0%,0%,.6)}#hero-demos .row{margin-bottom:0}#hero-demos .cell.tagline{font-size:1.2em;text-align:center}#hero-demos .item{width:40px;height:40px;border:none;background:hsla(0,0%,0%,.4)}#hero-demos .item:hover,#hero-demos .item.is-dragging{border:4px solid #fff;cursor:move}#hero-demos .item.is-dragging{z-index:2}#hero-demos .packery{border:none;margin-bottom:.5em}#hero-demos .item.expanded{width:100%!important}#hero-demos .basically .item1{width:45%}#hero-demos .basically .item2{width:25%}#hero-demos .basically .item3{width:20%}#hero-demos .basically .item4{width:30%}#hero-demos .basically .item5{width:50%}#hero-demos .basically .item6{width:40%}#hero-demos .basically .item7{width:30%}#hero-demos .basically .item8{width:25%}#hero-demos .basically .item9{width:20%}#hero-demos .basically .item10{width:60%}#hero-demos .masonry .item{width:31.2%;margin:2px 1%}#hero-demos .masonry .grid-sizer{width:33.33%}#hero-demos .masonry .item1{height:40px}#hero-demos .masonry .item2{height:80px}#hero-demos .masonry .item3{height:25px}#hero-demos .masonry .item4{height:80px}#hero-demos .masonry .item5{height:50px}#hero-demos .masonry .item6{height:55px}#hero-demos .masonry .item7{height:55px}#hero-demos .masonry .item8{height:45px}#hero-demos .meticulous .grid-sizer{width:20%}#hero-demos .meticulous .item{width:18%;margin:2px 1%}#hero-demos .meticulous .item.w2{width:38%}#hero-demos .meticulous .item.h2{height:84px}#hero-demos .meticulous .item.w4{width:78%}#hero-demos .meticulous .item.h4{height:172px}#hero-demos .meticulous .item.expanded{width:98%!important}@media screen and (min-width:960px ){#hero .packery{padding-left:200px}#hero h1{font-size:140px;padding-top:20px;margin-bottom:30px}#hero .tagline{font-size:32px}#hero .stamp{position:absolute;z-index:2}#hero .stamp-ackery{width:476px;height:90px;left:294px;top:92px}#hero .stamp-p-top{width:95px;height:82px;left:200px;top:70px}#hero .stamp-p-bottom{width:40px;height:90px;left:200px;top:92px}#hero .stamp-k{width:34px;height:90px;left:459px;top:65px}#hero .stamp-y{width:70px;height:88px;left:675px;top:120px}#hero .stamp-tagline{width:494px;height:40px;left:200px;top:239px}.big-ol-buttons .button{font-size:1.6em;padding-left:86px;min-height:94px}.big-ol-buttons .icon{font-size:56px;left:18px;top:16px}}[data-icon]:before{font-family:'icomoon';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;font-style:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-file-download:before{content:"\e001"}.icon-folder-download:before{content:"\e002"}.icon-github:before{content:"\e000"}.index-page #page-nav a{-webkit-transition:color .4s;-moz-transition:color .4s;-o-transition:color .4s;transition:color .4s}#page-nav.is-at-top a{color:#fff}#what{background:#0c9}#what,#what h2{color:#fff}#what p{font-size:1.15em}#what a{color:#90c}#what a:hover{color:#333}@media screen and (min-width:960px ){.index-page #content>.primary-content:first-child{padding:0}}.primary-content{padding-left:10px;padding-right:10px}#content .primary-content>*{max-width:700px}#content #notification,#content #hero-demos{max-width:none}#content h2,#content .horiz-rule{font-size:1.7em;font-weight:400;padding:.4em 0}#content h2:target{padding-left:.5em;background:#c09;color:#fff;border-top-color:#c90}#page-nav{padding:1.0em 0;font-size:13px;z-index:2}#page-nav li{display:inline-block}#page-nav li:after{content:' •';margin:0 .3em;opacity:.5}#page-nav li:last-child:after{content:none}.row .cell{margin-bottom:.8em}.row:after{content:' ';display:block;clear:both}.row4 .cell{float:left;width:48%;margin-right:2%}@media screen and (min-width:800px ){#content .primary-content{padding-top:20px;padding-bottom:20px}#content .primary-content>*{max-width:900px}#content .primary-content .row,#content #notification,#content #hero-demos{max-width:1200px}.row{margin-bottom:.8em}.row .cell{float:left;width:48.75%;margin-right:2.5%;margin-bottom:0}.lt-ie9 .row .cell{margin-right:1.5%}.row3 .cell{width:31.6%}.row4 .cell{width:23.1%}.row .cell:last-child{margin-right:0}}@media screen and (min-width:960px ){.primary-content{padding-left:200px;padding-right:20px}#page-nav{position:absolute;left:0;top:60px;list-style:none;padding:0;width:200px;padding:20px}#page-nav li{display:block;margin-bottom:4px;margin-left:0}#page-nav li:after{content:none}}@media screen and (min-width:960px ) and (min-height:540px ){#page-nav{position:fixed}}.tagline{font-size:1.5em;line-height:1.35;margin-bottom:.4em}.clearfix:after{content:'';display:block;clear:both}.button{display:inline-block;background:#90c;border:none;padding:.8em 1.0em;color:#fff;text-shadow:0 -1px hsla(0,0%,0%,.3);cursor:pointer;border-radius:7px}.button:hover{background:#b2e;color:#fff}.button:active{background:#80b;box-shadow:inset 0 1px 10px hsla(0,0%,0%,.6)}.button.is-selected{background:#c90}#content > .primary-content:nth-child(2n+1) {background:hsla(0,60%,50%,.1)}#content li{margin-bottom:.2em}.params{padding:0;list-style:none}.param{background:hsla(145,100%,40%,.05);border-top:2px solid hsla(145,100%,40%,.4);padding:.4em .8em;margin:0}.param,.param code{font-size:14px}div.param{margin-bottom:.4em}.param-bit{display:inline;display:inline-block;margin-bottom:0;margin-right:1.0em}.param-bit:last-child{margin-right:0}.param-name{font-size:15px;font-weight:normal;color:#333}.param-bit b{font-weight:normal}.param-bit.type .value{color:#46a}.packery{}.packery:before,.packery:after{content:" ";display:table}.packery:after{clear:both}.packery .item{width:15.2%;float:left;border-right:3px solid #fff;border-bottom:3px solid #fff}.packery .item.w2{width:14.3%}.packery .item.w3{width:19.3%}.packery .item.w4{width:15.1%}.packery .item.w5{width:19.2%}.packery .item.w6{width:14.3%}.packery .item.w7{width:29.4%}.packery .item.wall{width:124px}.packery .item.gigante{width:120px;height:160px;z-index:10}.instruction{font-size:18px;margin-bottom:.2em;color:#aaa}#notification{display:none;position:fixed;z-index:20;bottom:0;right:0;background:#90c;padding:.5em;color:#fff;font-size:20px;pointer-events:none}#content .primary-content>#in-use-container{max-width:none}.in-use-item{float:left;width:48%;margin-right:2%;margin-bottom:40px}.in-use-item a{display:block}.in-use-item img{display:block;max-width:100%}.in-use-item .title{overflow:hidden;white-space:nowrap;width:100%;text-overflow:ellipsis}@media screen and (min-width:960px ){.tagline{font-size:1.8em}.in-use-item{width:23%}}#site-nav{background:#c09}#site-nav,#site-nav h1{line-height:44px}#site-nav:after{content:' ';display:table;clear:both}#site-nav h1{float:left;text-align:center;font-size:1.5em;background:#c90;margin:0}#site-nav h1 a{padding:0 .8em;display:block;color:#fff}#site-nav h1 a:hover{background:#90c}#site-nav a{background:none}#site-nav .primary-content{padding:0}#site-nav ol{list-style:none;font-size:15px;margin-bottom:0}#site-nav ol:after{content:' ';display:table;clear:both}#site-nav li{float:left}#site-nav ol a{color:#fff;display:block;padding:0 1.0em}#site-nav ol a:hover{background:#c90}.options-page #site-nav .nav-options a,.methods-page #site-nav .nav-methods a,.events-page #site-nav .nav-events a,.draggable-page #site-nav .nav-draggable a,.license-page #site-nav .nav-license a,.appendix-page #site-nav .nav-appendix a,.faq-page #site-nav .nav-faq a{background:#90c}@media screen and (min-width:960px ){.index-page #site-nav h1 a{display:none}#site-nav,#site-nav h1{line-height:60px}#site-nav h1{width:200px;height:60px;font-size:2.0em}#site-nav ol{font-size:17px}}