<!DOCTYPE html>
<html lang="en" dir="ltr" class="light">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" data-rh="true" />
<meta name="theme-color" content="#C209C1" data-rh="true" />
<meta name="description" content="Picsart website" data-rh="true" />
<title>Picsart</title>
<link
rel="manifest"
href="https://cdn140.picsart.com/69624423237702047608.json"
/>
<link rel="dns-prefetch" href="https://www.googletagmanager.com/" />
<link rel="preconnect" href="https://cdn140.picsart.com" />
<link rel="preconnect" href="https://cdn130.picsart.com" />
<link rel="preconnect" href="https://api.picsart.com" />
<link rel="preconnect" href="https://pastatic.picsart.com" />
<link rel="preconnect" href="https://optifyr.com" />
<link rel="preconnect" href="https://sessions.bugsnag.com" />
<link rel="preconnect" href="https://t.picsart.com" />
<link rel="preconnect" href="https://d2r1yp2w7bby2u.cloudfront.net" />
<script type="module" src="https://optifyr.com/pulse/picsart/module/pulse.js?include=settings,tracker" async fetchpriority="high" onerror="window.pulseFailedToLoad = true; window.dispatchEvent(new Event('pulseLoadFailed'));"></script>
<script nomodule src="https://optifyr.com/pulse/picsart/nomodule/pulse.js?include=settings,tracker" async fetchpriority="high" onerror="window.pulseFailedToLoad = true; window.dispatchEvent(new Event('pulseLoadFailed'));"></script>
<script>
if (window.location.pathname.startsWith('/webmobile')) {
const script = document.createElement('script');
script.src = '/src/scripts/appsFlyer.js';
script.async = true;
document.head.appendChild(script);
}
</script>
<style data-skeleton type="text/css">
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.centered-content {
width: 100%;
max-width: 1320px;
margin: 0 auto;
}
@supports (-webkit-touch-callout: none) {
.centered-content {
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
}
@media screen and (max-width: 1365px) {
.centered-content {
max-width: 100%;
padding: 0 44px;
}
}
@media screen and (max-width: 1023px) {
.centered-content {
padding: 0 32px;
}
}
@media screen and (max-width: 767px) {
.centered-content {
padding: 0 24px;
}
}
.header__app-banner {
display: none;
height: 66px;
width: 100%;
background: #F0F0F0;
}
@media screen and (max-width: 767px) {
.header__app-banner {
display: block;
}
}
.layout {
display: grid;
grid-template-areas: "top" "middle" "bottom";
grid-template-rows: auto 1fr auto;
grid-auto-columns: 1fr;
min-height: 100vh;
overflow: hidden;
}
.layout__row {
min-width: 0;
}
.layout__row.top {
grid-area: top;
}
.layout__row.middle {
grid-area: middle;
}
.layout__row.bottom {
grid-area: bottom;
}
@keyframes skeletonAnimation {
0% {
background-position: 300% 0;
}
100% {
background-position: 0 0;
}
}
.skeleton {
display: block;
width: 100%;
height: 100%;
border-radius: 8px;
background-color: #f0f0f0;
background-image: linear-gradient(90deg, #f0f0f0, #e0e0e0, #f0f0f0);
background-repeat: no-repeat;
background-attachment: scroll;
background-size: 300% 100%;
background-position: 300% 0;
animation-name: skeletonAnimation;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 1s;
transform: translate3d(0, 0, 0);
overflow: hidden;
}
.header {
height: 80px;
box-shadow: 0 1px 0 0 #f2f2f2;
background-color: #fff;
}
.header > .centered-content {
height: 80px;
}
.header__content {
display: flex;
align-items: center;
height: 100%;
}
.header__logo-holder {
display: inline-block;
height: 34px;
padding-top: 5px;
padding-bottom: 5px;
filter: blur(3px);
}
@media screen and (max-width: 1023px) {
.header__logo-holder {
position: relative;
}
[dir="ltr"] .header__logo-holder {
padding-left: 40px;
}
[dir="rtl"] .header__logo-holder {
padding-right: 40px;
}
}
.header__burger-holder {
display: none;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
}
[dir="ltr"] .header__burger-holder {
left: 0;
}
[dir="rtl"] .header__burger-holder {
right: 0;
}
.header__burger {
display: block;
width: 24px;
height: 24px;
}
.header__burger > path {
fill: #282b36;
}
@media screen and (max-width: 1023px) {
.header__burger-holder {
display: flex;
}
}
.header__logo {
display: block;
height: 24px;
}
.header__link-list {
display: flex;
column-gap: 16px;
height: 100%;
list-style-type: none;
}
[dir="ltr"] .header__link-list {
margin-left: 48px;
}
[dir="rtl"] .header__link-list {
margin-right: 48px;
}
@media screen and (max-width: 1023px) {
.header__link-list {
display: none;
}
}
.header__link-item {
display: flex;
align-items: center;
height: 100%;
}
.header__links-skeleton {
width: 80px;
height: 36px;
}
.header__actions-list {
display: flex;
align-items: center;
height: 100%;
column-gap: 10px;
padding-right: 24px;
}
@media screen and (max-width: 767px) {
.header__actions-list {
padding-right: 0;
}
}
[dir="ltr"] .header__actions-list {
margin-left: auto;
}
[dir="rtl"] .header__actions-list {
margin-right: auto;
}
.header__actions-item {
display: flex;
align-items: center;
height: 100%;
width: 130px;
height: 36px;
}
.background {
max-height: 642px;
background-color: #f8f8fb;
}
.main.bg {
background-color: #f7f7f7;
min-height: 600px;
}
@media screen and (max-width: 1023px) {
.background {
max-height: initial;
}
}
/* ABOVE FOLD CRITICAL CSS */
.hero {
width: 100%;
margin-top: 16px;
height: 276px;
border-radius: 20px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.main > .centered-content {
padding: 0;
}
.hero {
height: 525px;
border-radius: 0;
margin-top: 0;
}
.title, .design-for {
display: none !important;
}
}
.title {
width: 150px;
height: 36px;
border-radius: 8px;
margin-bottom: 16px;
margin-top: 40px;
}
.design-for {
width: 100%;
display: flex;
justify-content: space-between;
overflow: hidden;
list-style-type: none;
}
.design-for-item {
width: 154px;
min-width: 154px;
height: 154px;
border-radius: 16px;
}
.design-for-item:not(:last-of-type) {
margin-right: 16px;
}
</style>
<script type="module" crossorigin src="/-/app-shell/2.128.0/static/index-DPYyDqn3.js"></script>
<link rel="manifest" href="https://picsart.com/manifest.webmanifest"></head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root">
<div class="layout">
<div class="layout__row middle">
<main class="main bg"></main>
</div>
</div>
</div>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'97ca4f9eda955d79',t:'MTc1NzQ1ODkyMy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>