<div class="global-styles w-embed"><style>
.detail-email_msg{
background: #FFFFFF;
/* Outline/Light */
border: 1px solid #CCD1D6;
/* Shadow */
box-shadow: 0px 32px 120px rgba(20, 24, 31, 0.08);
border-radius: 0px 24px 24px 24px;
}

.fields:hover .detail-email_msg {
  display: block;
}
/* Snippet gets rid of top margin on first element in any rich text*/
.w-richtext>:first-child {
	margin-top: 0;
}

/* Snippet gets rid of bottom margin on last element in any rich text*/
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
	margin-bottom: 0;
}

/* Snippet prevents all click and hover interaction with an element */
.clickable-off {
	pointer-events: none;
}

/* Snippet enables all click and hover interaction with an element */
.clickable-on{
  pointer-events: auto;
}

/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.div-square::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

/*Hide focus outline for main content element*/
main:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}

/* Make sure containers never lose their center alignment*/
.container-medium, .container-small, .container-large {
	margin-right: auto !important;
	margin-left: auto !important;
}

/*Reset buttons, and links styles*/
a {
	color: inherit;
	text-decoration: inherit;
	font-size: inherit;
}

.collection-items:nth-child(1) .pro-text,.collection-items:nth-child(2) .pro-text,.collection-items:nth-child(3) .pro-text {
display:block;
}
.collection-items:nth-child(n+4) .pro-text {
display:none;
}
.collection-items:nth-child(n+4) .display-flex_banner-pro{
border-radius: 200px
  }
  

/*Apply "..." after 3 lines of text */
.text-style-3lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
/*Apply "..." after 4 lines of text */
.text-style-4lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
/*Apply "..." after 2 lines of text */
.text-style-2lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.text-style-1lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.text-style-6lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}
.user-name{
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:1rem;
  }
  
.user-profile{
width: calc(100% + -10px);}

.social-share-icon-wrap:hover .social-share-link-blog{
transform:scale(1.1);
border-color:#f075c6;
background-color:rgba(200, 213, 196, 0.3)
}
/*Above 1280*/
@media only screen and (min-width: 1281px) {
.featured-blog-collection-item:nth-child(1) {
 grid-row: 1/span 3;
}
}

@media only screen and (min-width: 1281px) {
.featured-blog-collection-item:nth-child(1) h4{
    font-weight: 500;
    font-size: 3rem;
    line-height: 3.3rem;
    letter-spacing: -.03em;
}
}

@media only screen and (min-width: 1281px) {
.featured-blog-collection-item:nth-child(1) .blog-image-wrapper{
 margin-bottom:32px;
}
}

/*above 996*/
@media screen and (min-device-width: 768px) and (max-device-width: 1280px) {
.featured-blog-collection-item:nth-child(1) {
 grid-row: 1/span 3;
}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1280px) {
.featured-blog-collection-item:nth-child(1) h4{
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.62rem;
    letter-spacing: -.03em;
}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1280px) {
.featured-blog-collection-item:nth-child(1) .blog-image-wrapper{
 margin-bottom:24px;
}
}

/*above 320*/
@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
.featured-blog-collection-item:nth-child(1) .blog-image-wrapper{
 margin-bottom:24px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 768px){
.featured-blog-collection-item:nth-child(1) h4{
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.62rem;
    letter-spacing: -.03em;
}
}
body { overflow-wrap: break-word; }
@media only screen and (min-width: 568px) {
.featured-blog-collection-item:nth-child(1) {
 grid-row: 1/span 3;
}
}

.text-style-10ch{
  overflow: hidden;
  max-width: 10ch;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (min-width: 992px) {
.featured-blog-collection-item:nth-child(1) .heading-medium{
    font-size: 3rem;
    line-height: 3.3rem;
    letter-spacing: -.04em;
}
}
@media only screen and (max-width: 990px) {
.featured-blog-collection-item:nth-child(1) .heading-medium{
    font-size: 1.5rem;
    line-height: 1.65rem;
    letter-spacing: -.04em;
}
}

.test-cover-block:hover .test-hover-image{
transform:scale(1.05);
transition: transform 0.5s ease;
}

.blog-image:hover .blog-bg-image{
transform:scale(1.05);
transition: transform 0.5s ease;
}

.test-blog-main:hover .test-blog-main_img{
transform:scale(1.05);
transition: transform 0.5s ease;
}


.w-dropdown-link.w--current {
    color: #f075c6;
}
@media only screen and (min-width: 1440px) {
.collection-items{
width: calc((100% - 20px*3)/4);
}
.collection-items:nth-child(1){
width: calc((100% - 20px*2)/3);
}
.collection-items:nth-child(2){
width: calc((100% - 20px*2)/3);
}
.collection-items:nth-child(3){
width: calc((100% - 20px*2)/3);
}
.collection-items:nth-child(1) .illustration-image{
height:300px;
}
.collection-items:nth-child(2) .illustration-image{
height:300px;
}
.collection-items:nth-child(3) .illustration-image{
height:300px;
}
.collection-items .illustration-heading{
font-size:24px;
line-height:28.8px;
}
.collection-items:nth-child(1) .illustration-heading,.collection-items:nth-child(2) .illustration-heading,.collection-items:nth-child(3) .illustration-heading {
font-size:32px;
line-height:35.2px;
}
}
@media only screen and (min-width: 995px){
.search-page-illustrations{
width: calc((100% - 40px*2)/3)
}
.single-illustration-item{
width: calc((100% - 32px*3)/4)
}
.category-illustration-item{
width: calc((100% - 32px*2)/3)
}
}
@media only screen and (max-width: 994px){
.search-page-illustrations{
width: calc((100% - 40px)/2)
}
.single-illustration-item{
width: calc((100% - 32px*2)/3)
}
.category-illustration-item{
width: calc((100% - 32px)/2)
}
}
@media only screen and (max-width: 568px){
.search-page-illustrations{
width: 100%;
}
.single-illustration-item{
width: calc((100% - 24px)/2)
}
}
@media only screen and (max-width: 460px){
.single-illustration-item,.category-illustration-item{
width: 100%;
}
}
.btn-primary:hover+.btn-overlay{
opacity:70%;
}

.top-illustration-detail:hover>.arrow-right-img{
transform:translateX(5px);
}
.btn-primary:hover>.button-icon{
transform:translateX(5px);

}.btn-primary:hover>.button-icon-slant{
transform:translate(5px,-3px);
}

.active-all{
background-color:#14181f;
color:#ffffff;
border-color:#14181f;
}
.upgrade-plan-link:hover>.black-arrow-right{
transform:translateX(5px);
}
.upgrade-plan-link:hover>.white-arrow-right{
transform:translateX(5px);
}

.request-button:hover>.black-side-arrow{
transform:translateX(5px);
}
.get-started:hover>.black-side-arrow{
transform:translateX(5px);
}

.life-time-acces-button:hover>.black-side-arrow{
transform:translateX(5px);
}
.previous-versions-link:hover>.previousversions-arrow{
transform:translateX(5px);
}
.back-to-license:hover>.back-to-license-arrow{
transform:translateX(-5px);
}
.external-footer-link:hover>.external-link{
transform:translate(5px,-3px);
}

.w--open .dropdown-icon{
transform:rotate(180deg)
}
.w--open .dropdown-pointer-image{
display:block;
}

.w--open .menu-icon_line-top {
  -webkit-transform:translate(0, 6.5px) rotate(-45deg) ;
  transform:translate(0px, 6.5px) rotate(-45deg) ;
  background-color:#1aa1e5
}

.w--open .menu-icon_line-middle {width:0px}

.w--open .menu-icon_line-bottom {
  -webkit-transform:translate(0px, -6px) rotate(45deg) ;
  transform:translate(0px, -6px) rotate(45deg) ;
  background-color:#1aa1e5
}
.social-share-wrap-desktop{
width:min-content;}
}
.illustration-tag-flex{
z-index:0;
}

</style></div><div class="main-wrapper"><section class="section-signin wf-section"><div><div class="signin-grid"><div class="signin-content-left"><a href="/" class="signinpage-drawkit-logo w-inline-block"><div class="logo-image-wrapper"><img src="https://assets.website-files.com/626f5d0ae6c15c780f2dd5c4/626f5d0ae6c15c59ed2dd613_drawkit-nav-logo.svg" loading="lazy" alt="drawkit logo"></div></a><img sizes="(max-width: 479px) 162.9921875px, (max-width: 991px) 327.9921875px, (max-width: 1279px) 34vw, 459px" srcset="https://assets.website-files.com/626f5d0ae6c15c780f2dd5c4/6288b1e2f83966074aa9b370_signin-p-500.png 500w, https://assets.website-files.com/626f5d0ae6c15c780f2dd5c4/6288b1e2f83966074aa9b370_signin-p-800.png 800w, https://assets.website-files.com/626f5d0ae6c15c780f2dd5c4/6288b1e2f83966074aa9b370_signin.png 918w" src="https://assets.website-files.com/626f5d0ae6c15c780f2dd5c4/6288b1e2f83966074aa9b370_signin.png" alt="" class="signin-image"></div><div id="w-node-_10b90861-7010-8141-3973-4d196fb17a25-e39660cb" class="signin-content-right"><h1 class="heading-xlarge">New content every week</h1><div id="d-signup-google" class="google-signin-button is-tablet"><img src="https://assets.website-files.com/626f5d0ae6c15c780f2dd5c4/6288ee4658ffb76dc23170fa_grommet-icons_google.svg" loading="lazy" alt="gmail"><div>Sign Up with Google</div></div><div class="or-block"><div class="dotted-line"></div><div class="text-size-regular">Or</div><div class="dotted-line"></div></div><div class="signup-page-form"></div></div></div></div></section></div>