.icon-quilt{position:absolute;height:100%;width:140%;top:600%;left:50%;font-size:64px;z-index:10;transform:rotate(15deg) translate3d(-50%,0,0)}.icon-quilt__section{will-change:transform;display:grid;grid-template-columns:repeat(12,1fr);justify-items:center;position:absolute;top:0;left:0;width:100%;-webkit-animation:slideUp 60s linear infinite;animation:slideUp 60s linear infinite;-webkit-animation-delay:-50s;animation-delay:-50s}.icon-quilt__section:nth-of-type(2){-webkit-animation-delay:-20s;animation-delay:-20s}.icon-quilt img{margin:16px;width:48px;height:48px}@-webkit-keyframes slideUp{0%{transform:translateZ(0)}50%{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,-200%,0)}}@keyframes slideUp{0%{transform:translateZ(0)}50%{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,-200%,0)}}.gallery__toolbar-filter{color:var(--navy-blue)}.gallery__toolbar-filter:not(:last-of-type){margin-bottom:16px}.gallery__toolbar-filter-header{display:flex;align-items:center;padding:12px 16px 12px 8px}.gallery__toolbar-filter p{display:flex;align-items:center;flex-grow:1;font-size:1rem;text-transform:uppercase;font-weight:700;letter-spacing:1px}.gallery__toolbar-filter input{border:1px solid #d3d3d3;outline:none;padding:8px;font-size:1rem;transition:border-color .2s;margin:8px}.gallery__toolbar-filter input:focus{border-color:var(--navy-blue)}.gallery__toolbar-filter input:focus+i{color:var(--navy-blue)}.gallery__toolbar-filter label{display:flex;align-items:center;text-transform:capitalize}.gallery__toolbar-filter-dot{width:5px;height:5px;border-radius:50%;background:var(--light-gray);box-shadow:0 0 10px 5px var(--light-gray-shadow);transition:background .2s,box-shadow .2s;position:relative}.gallery__toolbar-filter-dot--active{background:var(--light-green);box-shadow:0 0 10px 5px var(--light-green-shadow)}.modal{position:fixed;z-index:9000;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);font-size:16px;color:#000;line-height:1.5}.modal-container{min-width:360px;max-width:500px;max-height:80%;overflow-y:auto;padding:20px 20px 0;background-color:#fff;box-shadow:0 2px 5px -2px #000;transition:all .1s linear}.modal-container h2{display:flex;align-items:center;color:var(--navy-blue)}.modal-container h2 span{margin-right:16px}.modal-container h2:after{content:"";height:1px;flex-grow:1;background:var(--navy-blue);opacity:.15}.modal-container>:not(:last-child){margin-bottom:16px}.modal-footer{display:flex;justify-content:flex-end;padding:8px 16px;margin:0 -20px;position:sticky;bottom:0;background:#fff;border-top:1px solid #d9e3eb}.gallery__toolbar{background:#fff;color:var(--navy-blue);border-right:1px solid #e6e1e1;box-shadow:2px 0 5px -2px #c3c3c3;padding:0 8px;position:relative;z-index:100;display:flex;flex-direction:column;justify-content:space-between}.gallery__toolbar .gallery__logo{margin-left:6px}.gallery__toolbar-icon-count{margin:10px 8px 4px;padding-top:12px;border-top:1px solid var(--light-gray);color:var(--gray)}.gallery__toolbar input[type=text]{width:180px}.gallery__toolbar-sticky-content{position:sticky;top:0;padding-top:8px;margin-top:-62px}.gallery__toolbar-sticky-footer{position:sticky;bottom:0;padding:8px 8px 16px;display:flex;justify-content:center;flex-wrap:wrap}.gallery__version{width:100%;color:var(--gray);text-align:center;margin-top:8px}.robot-title-wrap{display:flex;align-items:center;margin:-10px -20px 0;border-bottom:1px solid #d9e3eb;padding:0 16px}.butter-robot{width:60px;margin-right:24px;display:block}.gallery__icon{display:flex;flex-wrap:wrap;align-items:center;flex-direction:column;width:100px;margin:8px;transition:background var(--transition-speed);padding-bottom:12px}.gallery__icon:hover{cursor:pointer;background:#fff}.gallery__icon-preview{display:inline-block;padding:16px 0 0;color:#333;margin-bottom:16px;position:relative}.gallery__icon-preview img{display:block;height:40px}.gallery__icon-label,.gallery__icon-preview{pointer-events:none}.gallery__icon i{font-size:40px}.gallery__icon-label{display:block;width:100%;font-size:10px;font-family:Monaco,monospace;color:#a2a2a2;overflow:hidden;text-align:center;transition:background var(--transition-speed)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--transition-speed:0.1s;--navy-blue:#00457c;--off-white:#f5f5f5;--light-gray:#d2d2d2;--light-gray-shadow:hsla(0,0%,82.4%,0.3);--gray:#9c9c9c;--dark-gray:#5f5d5d;--light-green:#2ecc71;--light-green-shadow:rgba(46,204,113,0.3)}*{box-sizing:border-box}body{font-family:sans-serif;margin:0;font-size:14px;background:var(--off-white)}h1{font-size:2rem}h2{text-transform:capitalize;font-size:1.5rem}button:not(.text-button){border:none;outline:none;padding:8px 24px;background:var(--navy-blue);color:#fff;cursor:pointer}button:not(.text-button):hover{background:#00355f}.text-button{text-decoration:underline;color:var(--navy-blue);border:none;background:none;outline:none;cursor:pointer;font-size:14px}.gallery{display:flex;flex-direction:column;min-height:100vh}.gallery__hero{background:var(--off-white);color:var(--navy-blue);position:relative;overflow:hidden;box-shadow:0 2px 5px -2px #696969;z-index:200}.gallery__hero:before{content:"";z-index:20;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.9))}.gallery__workspace{display:flex;flex-grow:1}.gallery__icons{flex-grow:1}.gallery__icon-category h2{display:flex;align-items:center;padding:16px;background:#fff;color:var(--navy-blue);box-shadow:0 2px 5px -2px #c3c3c3}.gallery__icon-category h2 span{margin-right:16px}.gallery__icon-category h2:after{content:"";height:1px;flex-grow:1;background:var(--navy-blue);opacity:.15}.gallery__icon-category-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));justify-items:center}.gallery__logo{position:relative;z-index:30;display:flex;align-items:center;margin-left:14px}.gallery__logo span{margin-right:10px}.gallery__logo svg{width:60px;height:auto}.gallery__logo svg g{fill:var(--navy-blue)}.gallery__logo-tagline{position:relative;z-index:30}.gallery__logo-tagline h1{font-size:1.6rem;text-transform:uppercase}.gallery__copyable-wrapper{position:relative}.gallery__copyable{display:flex;align-items:center;padding:8px;background:var(--off-white);cursor:pointer;transition:background .2s;color:var(--navy-blue)}.gallery__copyable:hover{background:#e2e2e2}.gallery__copyable svg{margin-right:8px;width:20px;display:block}.gallery__copyable *{pointer-events:none}.copied{position:absolute;top:0;left:0;-webkit-animation:fadeOutSlideUp 1s forwards;animation:fadeOutSlideUp 1s forwards}@-webkit-keyframes fadeOutSlideUp{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-150%,0);opacity:0}}@keyframes fadeOutSlideUp{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-150%,0);opacity:0}}