.js .loading:before,.js .loading:after{content:"";position:fixed;z-index:100000;top:0;left:0;width:100%;height:100%;background:#333}.js .loading:after{background:url(../img/electric-guitar.svg) no-repeat 50% 50%;background-size:5em;pointer-events:none;opacity:.1;animation:loaderAnim 1s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1}}.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.xicon{display:block;width:1.5em;height:1.5em;margin:0 auto;fill:currentColor}main{position:relative;width:100%}.content{position:relative;display:block}.codrops-header{padding:2em;position:relative;z-index:100;display:flex;flex-direction:column;align-items:flex-start;align-items:center}.codrops-header__title{font-size:2em;font-weight:700;margin:0;padding:.75em 0}.codrops-links{position:relative;display:flex;justify-content:center;text-align:center;white-space:nowrap}.codrops-icon{display:inline-block;padding:.25em}.info{color:var(--color-info);text-align:center}.github{display:block}.grid{margin:10em auto 7em;position:relative;padding:0 1em;width:100%;max-width:1000px;display:grid;grid-template-columns:2fr 2fr}.grid__item{padding:0 4vw;margin:0 0 12vh}.grid__item:nth-child(odd) .product{margin-top:-8em}.product{height:100%;padding-top:10em;position:relative;cursor:pointer}.product__bg{height:10em;background:#f5f0ef;position:relative}.product__img{max-height:25em;margin:0 auto;display:block;position:absolute;top:0;left:50%;pointer-events:none;transform:translate3d(-50%,0,0)}.product__title{position:relative;margin:1em 0 0;font-size:1.75em;color:var(--color-product-title);font-family:Montserrat,serif;font-weight:400}.product__subtitle{position:relative;margin:0;text-transform:uppercase;color:var(--color-product-subtitle);font-size:.85em;letter-spacing:.115em}.product:hover .product__subtitle{color:var(--color-link)}.product__description,.product__other,.product__price{opacity:0;position:absolute}.details{position:fixed;width:100%;height:100%;bottom:0;left:0;padding:40vh 0 10vh 10vw;z-index:1000;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}.details--open{pointer-events:auto}.details>*{position:relative;opacity:0}.details__bg{width:100%;position:fixed;left:0}.details__bg--up{top:0;height:100vh;background:#fff}.details__bg--down{top:40vh;height:60vh;background:#f5f0ef}.details__img{position:absolute;top:10vh;right:10vw;height:80vh}.details__bg,.details__img{transform-origin:0 0}.details__title{margin:-1.5em 0 .1em;font-size:4.5em;color:var(--color-details-title);font-family:Montserrat,serif;font-weight:700}.details__subtitle{text-transform:uppercase;margin:.75em 0 1em;letter-spacing:.115em;font-size:1.75em;color:var(--color-details-subtitle)}.details__description{line-height:1.5;max-width:50%;margin:2em 0 0;color:var(--color-details-desc);text-align:left;font-size:1.2em}.details__price{font-size:1.5em;font-weight:700}.details__addtocart{display:none}.details__addtocart:hover{background:var(--color-btn-hover)}.details__close{position:absolute;top:0;right:0;border:0;background:none;margin:2em;cursor:pointer;font-size:.85em;color:var(--color-close)}.dummy-menu{border:0;background:none;padding:0;margin:2.75em 2.5em 0 0;position:fixed;top:0;right:0;font-size:.85em;color:var(--color-close);cursor:pointer;z-index:1000}.details__magnifier{border:0;background:none;background:var(--color-bg-magnifier);color:var(--color-magnifier);padding:1em;border-radius:50%;position:absolute;z-index:1000;right:calc(21.5vh + 10vw);top:75vh;cursor:pointer}.details__magnifier:hover{background:var(--color-btn-hover)}.details__deco{width:7em;height:20px;background-position:50% 97%;background-size:150%}.content--related{padding:8em 5vw;font-weight:700;text-align:center;background:#000;color:#f0f0f0}.content--related a:hover{color:#fff}.content--related h2{font-size:1.25em}.content--related .demos{padding-bottom:3em}.media-item{display:inline-block;padding:1em;vertical-align:top;transition:color .3s}.media-item__img{max-width:100%;opacity:.8;transition:opacity .3s}.media-item:hover .media-item__img,.media-item:focus .media-item__img{opacity:1}.media-item__title{font-size:1em;margin:0;padding:.5em}@media screen and (max-width:40em){.grid{padding:0 1vw}.grid__item{padding:0 2vw}.product__bg{height:10em}.product__img{max-height:19em}.product__title{font-size:1.25em}.product__subtitle{font-size:.75em}.details{padding:40vh 0 5vh 10vw}.details__bg--down{top:30vh;height:70vh;background:#fff}.details__title{font-size:1.8em;text-align:left;color:#fd8311}.details__subtitle{font-size:1em}.details__price{font-size:1.5em;text-align:left}.details__description{max-width:100%;font-size:1.2em;margin:1em 0 0}.details__deco{height:7px;width:4em}.details__img{right:-33vh}.details__magnifier{right:7vh}.codrops-header{padding:1em 4em}.codrops-header__title{font-weight:700;padding-bottom:.25em;text-align:center;font-size:1.25em}.dummy-menu{margin:1.75em 1.5em 0 0}}@media screen and (max-width:40em){.grid{margin:0;grid-template-columns:auto}.grid__item:nth-child(odd) .product{margin-top:0}.product{padding-top:5em}.grid__item{margin:0}.pxs-rich-text,.pxs-video-header,.module{padding-top:0}.product__bg{background:#fff}.grid__item:nth-of-type(6) .product{padding-bottom:80px}.details__img{height:40vh;text-align:center;top:-5vh;right:0;bottom:0;left:0;margin:0 auto;display:block}}.pxs-rich-text,.pxs-video-header,.module{padding:0}.main-content{z-index:auto}
/*# sourceMappingURL=/cdn/shop/t/6/assets/codrops.css.map */