@font-face{font-family:ITC Clearface Std;src:url(../../fonts/ClearfaceStd-Bold.eot);src:url(../../fonts/ClearfaceStd-Bold.eot?#iefix) format("embedded-opentype"),url(../../fonts/ClearfaceStd-Bold.woff2) format("woff2"),url(../../fonts/ClearfaceStd-Bold.woff) format("woff"),url(../../fonts/ClearfaceStd-Bold.ttf) format("truetype"),url(../../fonts/ClearfaceStd-Bold.svg#ClearfaceStd-Bold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:pixassociatesbold;src:url(../../fonts/pixassociates-webfont.eot);src:url(../../fonts/pixassociates-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/pixassociates-webfont.woff2) format("woff2"),url(../../fonts/pixassociates-webfont.woff) format("woff"),url(../../fonts/pixassociates-webfont.ttf) format("truetype"),url(../../fonts/pixassociates-webfont.svg#pixassociatesbold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(../../fonts/Montserrat-Regular.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(../../fonts/Montserrat-Bold.ttf);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(../../fonts/Montserrat-Medium.ttf);font-weight:500;font-style:normal;font-display:swap}:root{--centVH:100vh;--wrapper_padding:10px}@media (min-width:360px){:root{--wrapper_padding:20px}}@media (min-width:768px){:root{--wrapper_padding:40px}}h1{font-size:3.6rem;font-family:pixassociatesbold,Montserrat,sans-serif}@media (min-width:576px){h1{font-size:4.6rem}}h2{font-size:3rem;font-family:pixassociatesbold,Montserrat,sans-serif}@media (min-width:576px){h2{font-size:3.6rem}}h3{font-size:2rem;font-family:pixassociatesbold,Montserrat,sans-serif}@media (min-width:576px){h3{font-size:2.8rem}}h4{font-size:1.8rem;font-family:pixassociatesbold,Montserrat,sans-serif}@media (min-width:576px){h4{font-size:2rem}}html{font-size:62.5%;font-size:.625em}body{font-family:Montserrat,sans-serif;font-weight:300;font-size:1.6rem;min-width:300px;text-rendering:optimizeLegibility;padding:0;margin:0}*{box-sizing:border-box}.font-pix{font-family:pixassociatesbold,Montserrat,sans-serif}.font-clearface{font-family:ITC Clearface Std,serif}a{text-decoration:none;color:inherit}img{max-width:100%}button:hover{cursor:pointer}main{padding:1.6rem}.text-white{color:#fff}.text-blue-pix{color:#003bff}.txtcenter{text-align:center}.wrapper-small{max-width:90rem;margin:auto}.container-form .form-input,.container-form .rmdp-container{min-height:2.5rem}.group-checkbox{flex:1 1 auto}.group-checkbox input{position:absolute;visibility:hidden}.group-checkbox input:checked+label{background:#003bff}.group-checkbox input:checked+label .check{background:#fff}.group-checkbox input:checked+label .check svg{opacity:1}.group-checkbox.dark input:not(:checked)+label{color:#000}.group-checkbox label{position:relative;cursor:pointer;display:flex;padding:10px;justify-content:space-between;background:hsla(0,0%,66.7%,.2);border-bottom:1px solid #fff}.group-checkbox label .check{position:relative;display:block;width:18px;height:18px;box-shadow:0 0 2px #f3f4f6;border:1px solid #fff;border-radius:50%}.group-checkbox label .check svg{position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%)}.text-outline{color:#000;text-shadow:#fff 1px 0 0,#fff .540302px .841471px 0,#fff -.416147px .909297px 0,#fff -.989992px .14112px 0,#fff -.653644px -.756802px 0,#fff .283662px -.958924px 0,#fff .96017px -.279415px 0}@supports (-webkit-text-stroke:1px){.text-outline{font-weight:300;-webkit-text-stroke:1px;-webkit-text-stroke-color:#fff;color:transparent;text-shadow:none}}input::-webkit-contacts-auto-fill-button{visibility:hidden;display:none!important;position:absolute;right:0}button[type=submit]:focus{outline:none;border:none}.btn{cursor:pointer;display:inline-block;font-size:16px;line-height:15px;padding:9px 20px;color:#000;border:1px solid #000;text-align:center;box-sizing:border-box;font-weight:700}.btn:hover{background-color:#000;color:#fff}.external_link{display:inline-block;background:#95adff;border-radius:3px;padding:6px 10px}.external_link:hover{background:#003bff;color:#fff}.card-list{list-style:none;padding:0;margin:0}.card{position:relative;margin-bottom:1.6rem;background:#f3f4f6;transition:background .3s ease-in-out;display:flex;flex-direction:column;padding:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.card:hover{background:#d6d9e0}.card .card_render{position:relative;background:#fff;overflow:hidden}.card .card_render .card_render_image{width:100%;transition:transform .5s ease-in-out}.card .render_content{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.card .render_content.scale-down>*{transform:scale(.5)}.card:not(.card-social) .card_render{overflow:hidden}.card:not(.card-social) .card_render:before{content:"";float:left;padding-bottom:60%}.card:not(.card-social) .card_render:after{clear:left;content:" ";display:table}.card:not(.card-social) .card_render .card_render_image{position:absolute;top:50%;left:50%;width:auto;height:auto;min-width:100%;min-height:100%;transform:translate(-50%,-50%)}.card:not(.card-social):hover .card_render>.card_render_image{transform:translate(-50%,-50%) scale(1.1)}.card.card-social{width:100%!important}.card.card-social:hover .card_render>.card_render_image{transform:scale(1.1)}.card.card-newsletter .card_render .card_render_image{position:absolute;top:0;transform:translate(-50%);transform-origin:top center}.card.card-newsletter:hover .card_render>.card_render_image{transform:translate(-50%) scale(1.1)}.card .card_content{padding:1rem 3rem;line-height:1.2}.card .card_content h3{margin:0;text-align:center}.card>a{position:absolute;top:0;left:0;width:100%;height:100%}.card.card-composant .card_render>:not(img){z-index:2}.cards-masonry{display:flex;margin-left:-1.6rem;width:auto}.cards-masonry_column{padding-left:1.6rem;background-clip:padding-box}.collection-menu{margin-bottom:1.6rem}.collection-menu ul{padding:0;margin:0;list-style:none}.collection-menu ul li{display:block}.collection-menu ul li a{display:flex;justify-content:space-between;align-items:center;padding:1rem}.collection-menu ul li a.active,.collection-menu ul li a:hover{background:#f3f4f6}.collection-menu ul li a .total{font-size:1.2rem}.collection-menu .submenu{padding-left:2rem}.component_render{background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);min-height:30vh;display:flex;justify-content:center;align-items:center;padding:1rem 0;margin-bottom:1.6rem}.component_render .component_loader{display:none}.component_render.loading{position:relative}.component_render.loading .component_loader{display:block;position:absolute;top:0;left:0;height:100%;width:100%;background:#fff;display:flex;align-items:center;justify-content:center}.component_render.loading .component_loader .loader{width:50px;aspect-ratio:1;border-radius:50%;border-color:#ff9345 transparent;border-style:solid;border-width:8px;animation:l1 1s infinite}@keyframes l1{to{transform:rotate(.5turn)}}.component_codes .component_code{background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.component_codes .component_code pre{margin:0}.component_codes .component_code h3{margin-top:0}.component_codes .component_code code span{vertical-align:middle}.component_codes .libraries-list{background:#282b2e}.component_codes .libraries-list ul{padding:20px;margin:0;list-style:none;display:flex}.section-composants{margin-bottom:1.6rem}.section-composants .section-title{margin-bottom:1rem;display:flex;align-items:baseline}.section-composants .section-title h2{margin:0 1rem 0 0}body.error{background:#000;color:#fff}.error-layout{min-height:100vh}.error-layout .logo-text{display:block;padding:1rem;text-align:center}.error-layout .logo-text>span{font-size:2.6rem}.error-layout .logo-text .by-pix span{display:inline-block;padding-right:.6rem;vertical-align:middle}.error-layout .logo-text .by-pix img{display:inline-block;vertical-align:middle;width:6rem}.error-layout .content{margin-top:5rem;text-align:center}header{background:#000;color:#fff;padding:0 1.6rem 1.6rem}header h1{margin:0;text-align:center}.main-home{background:#000;color:#fff;min-height:100vh;padding:3rem 1rem}.main-home .intro{text-align:center;margin-bottom:3rem}.main-home .intro .pixieassets{font-size:5rem}.main-home .intro .by-pix a{display:inline-block;max-width:200px;transition:transform .3s ease-in-out}.main-home .intro .by-pix a:hover{transform:scale(1.05)}.main-home .card-home{border-radius:4px;text-align:center;margin:0 0 1rem}.main-home .card-home a{font-weight:500;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;background:#0a0a0a;transition:background .3s ease-in-out,color .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out}.main-home .card-home a .title{font-size:2.1rem;margin-top:2rem}.main-home .card-home a .count{margin-top:1rem;color:#7f7f7f}.main-home .card-home a:hover{background:#fff;color:#000;transform:scale(1.05)}.main-home .social-links{margin-top:3rem}.main-home .social-links ul{list-style:none;text-align:center;margin:0;padding:0}.main-home .social-links ul li{display:inline-block;margin:.5rem}.main-home .social-links ul li a{display:block;transition:transform .3s ease-in-out}.main-home .social-links ul li a img{width:28px}.main-home .social-links ul li a:hover{transform:scale(1.2)}.link-inline{color:#003bff;font-weight:600}.link-inline:hover{text-decoration:underline;text-underline-offset:3px}.newsletter-detail .newsletter_screenshots{text-align:center}.notice{display:inline-block;padding:1rem;background:rgba(255,147,69,.2);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.notice .icon{margin-right:1rem}.notice .icon,.notice span{vertical-align:middle}.notice.notice-info{background:rgba(149,173,255,.3)}.notice.notice-error{background:rgba(206,103,95,.9);color:#fff}.pagination{margin-top:2rem;display:flex;justify-content:center;align-items:center}.pagination a{display:block;width:30px;height:30px;line-height:30px;text-align:center;margin:0 .2rem;transition:background .2s ease-in-out,color .2s ease-in-out}.pagination a.current,.pagination a:hover{background:#ff9345;color:#fff}[data-radix-popper-content-wrapper]{background:rgba(255,147,69,.9);padding:1rem}.resource-detail{background:#f3f4f6;padding:1rem}.resource-detail h2{margin-top:0}.resource-detail .description{margin-bottom:1.6rem}.resource-detail .section-title.with-link{display:flex;flex-wrap:wrap;align-items:center}.resource-detail .section-title.with-link .description{width:100%}.resource-detail .section-title.with-link a{margin-left:2rem;margin-bottom:3rem}.resource-detail .desktop_mobile_screenshots{margin-left:-1rem;margin-right:-1rem}.resource-detail .desktop_mobile_screenshots .tablist,.resource-detail .desktop_mobile_screenshots .tabs-content{text-align:center;background:rgba(0,0,0,.7);padding:1rem}.sidebar{background:#000;position:fixed;top:0;left:0;width:100%;z-index:5}.sidebar+.content{margin-top:62px}.sidebar .logo-text{display:none}.sidebar .logo-image{width:50px}.sidebar .sidebar_top{background-color:#000;padding:1rem 1.6rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.sidebar .sidebar_top button{background:none;border-radius:0;border:none}.sidebar .sidebar_top button .close-icon{display:none}.sidebar .sidebar_top button.open .close-icon{display:inline-block}.sidebar .sidebar_top button.open .burger-icon{display:none}.sidebar .sidebar_nav{position:absolute;top:100%;left:0;height:calc(var(--centVH) - 62px);width:100%;transition:transform .5s ease-in-out;transform:translateY(-100%);overflow-y:auto;z-index:1;background-color:#000}.sidebar .sidebar_nav.open{transform:translateY(0)}.sidebar .sidebar_nav ul{list-style:none;padding:0;margin:0}.sidebar .sidebar_nav li a{position:relative;display:block;padding:1.6rem;transition:background .3s ease-in-out}.sidebar .sidebar_nav li a span,.sidebar .sidebar_nav li a svg{display:inline-block;vertical-align:middle}.sidebar .sidebar_nav li a svg{margin-right:1.6rem}.sidebar .sidebar_nav li a.active,.sidebar .sidebar_nav li a:hover{background:#ff9345}.sidebar .sidebar_nav .submenu{padding-left:calc(24px + 2.2rem);transition:max-height .5s ease-in-out}.sidebar .sidebar_nav .submenu a{padding:1rem}.sidebar .sidebar_nav li.has-submenu{position:relative;transition:background .3s ease-in-out .4s}.sidebar .sidebar_nav li.has-submenu .submenu{overflow:hidden;transition:max-height .5s ease-in-out;padding-bottom:1rem}.sidebar .sidebar_nav li.has-submenu.open{transition:background .3s ease-in-out;background:hsla(0,0%,100%,.2)}.sidebar .sidebar_nav li.has-submenu.open .submenu{max-height:600px}.sidebar .sidebar_nav li.has-submenu.open .toggleItem{transform:rotate(180deg)}.social-detail .image-container{margin:auto;text-align:center}.tabs .tabs-trigger{border:none;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:1rem 2rem}.tabs .tabs-trigger[data-state=active]{background:#ff9345;color:#fff}.tabs .tabs-trigger:hover:not([data-state=active]){background:#d6d9e0}