@import "https://rsms.me/inter/inter.css";html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif!important}@supports (font-variation-settings:normal){html,body{font-family:Inter var,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif!important}}body{-webkit-font-smoothing:antialiased;font-variation-settings:"opsz" 14;font-feature-settings:"ss03" on,"cv03" on,"cv04" on,"cv06" on,"cv09" on;background-color:#f8f8f8;overflow-x:hidden}h1,h2,h3,h4,h5{color:#19221d;font-weight:600}strong{color:inherit;font-weight:600}#mainNav{z-index:2;position:relative}#mainNav .container-fluid{min-height:60px;margin-top:30px;line-height:60px}.container-fluid{max-width:1440px}footer p{color:#556575;font-size:13px;padding-top: 40px}footer p a{color:#556575}.category-list{justify-content:center;gap:20px;display:flex}.category-list .category{box-sizing:border-box;background-color:#fff;border:none;border-radius:8px;width:100%;margin:0;padding:40px 50px;transition:all .25s ease-in-out;display:inline-block;box-shadow:0 0 0 1px #00000008,0 3px 3px #0000000d}.category-list .category:hover{background-color:#fff;box-shadow:0 4px 4px #00000003,0 8px 30px #19221d14}.category-list .category:hover .article-count{color:#5a5aff}.category-list .category:focus .article-count,.category-list .category:active .article-count{color:#1d5cb2}.category-list .category p{color:#7f8d9b;margin-bottom:15px;font-size:14px;line-height:20px}.category-list .category .article-count{color:#5a5aff;margin-bottom:0;transition:color .2s ease-in-out}.category-list h3{color:#19221d;margin-bottom:15px;font-size:18px;font-weight:500}.category-list.two-col .category{width:100%;min-height:240px;margin-bottom:30px}.category-list.two-col .category:last-child{margin-right:0}.collection-category h2{letter-spacing:-.35px;margin-bottom:20px;padding:0;font-size:26px;font-weight:500}.collection-category h2 a{color:#19221d}.collection-category .category-list{margin-bottom:50px}.nav-collapse .nav{margin-top:40px}.navbar .navbar-inner{box-shadow:none;background-color:#f8f8f8}.navbar .nav>li>a{-webkit-font-smoothing:auto;padding:0 20px;font-size:15px}.navbar .nav>li>a:hover{color:#5a5aff}.navbar .nav #contact a{padding-right:0}.navbar .nav li a{color:#454c48;transition:color .2s}.navbar .nav li a:hover,.navbar .nav li a:active{color:#5a5aff!important}.navbar .nav .active .caret{display:none}.navbar .nav .active a{color:#5a5aff;font-weight:500}.navbar .icon-private-w{color:#454c48;transition:color .2s}.navbar .brand img{width:50px;height:50px}.navbar .btn-navbar{margin-right:0;padding-right:0;right:0}.navbar .btn-navbar .icon-bar{width:20px}.nav .icon-private-w{opacity:.6;background-image:url(https://designmodo.com/wp-content/themes/designmodo/assets/img/hs/icon--lock-white.svg);background-repeat:no-repeat;background-size:cover;width:24px;height:24px;display:inline-block;position:relative;top:5px;left:-2px}.nav .icon-private-w:before{display:none}.nav>li.active .icon-private-w,.nav>li a:hover .icon-private-w{opacity:1}#docsSearch{background-color:#ededed;border:none;margin-top:34px;margin-bottom:80px;padding:0;position:relative}#docsSearch:before,#docsSearch:after{pointer-events:none}#docsSearch h1{color:#19221d;letter-spacing:-.35px;text-align:center;z-index:2;margin:0;padding-top:3.25em;font-size:36px;font-weight:500;line-height:55px;display:block;position:relative}#searchBar{z-index:2}#searchBar .search-query{padding:0 55px 0 12px}#searchBar .search-query::-moz-placeholder{color:#19221d80}#searchBar .search-query::placeholder{color:#19221d80}#searchBar button .icon-search{color:#5a5aff;font-size:20px}input[type=text],input[type=email],textarea{box-shadow:none;background-color:#fff;border:1px solid #e4e8ed;border-radius:4px;padding:0 12px;font-size:14px;font-weight:500}input[type=text]:focus,input[type=email]:focus,textarea:focus{border-color:#5a5aff!important;box-shadow:inset 0 0 0 1px #5a5aff!important}input[type=text]::-moz-placeholder,input[type=email]::-moz-placeholder,textarea::-moz-placeholder{color:#33333380;font-weight:500}input[type=text]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:#33333380;font-weight:500}label{color:#333c;font-size:15px}.btn,input[type=submit]{text-shadow:none;color:#fff;background:#5a5aff;border:none;border-radius:6px;width:90px;height:42px;font-size:17px;font-weight:500}.contentWrapper{color:#556575;word-break:break-word;background-color:#fff;border:0;border-radius:10px;padding:30px;box-shadow:0 0 0 1px #0000000d,0 5px 20px #f1f3f5,0 3px 3px #0000000d}.contentWrapper h1{letter-spacing:-.021em;margin-bottom:.5em;font-size:30px;font-weight:600}.contentWrapper a{color:#5a5aff}.contentWrapper a:hover{color:#1d5cb2;text-decoration:underline}.contentWrapper p.descrip{color:#556575;margin-top:0;margin-bottom:25px;font-size:18px;line-height:1.6}.related{color:#556575;word-break:break-word;background-color:#fff;border:0;border-radius:4px;margin-top:30px;padding:30px;box-shadow:0 0 0 1px #0000000d,0 5px 20px #f1f3f5,0 3px 3px #0000000d}.related h3{letter-spacing:.7px;padding-left:0;font-size:13px}.related ul,.related ul>li a{margin-left:0}a{color:#5a5aff}a:hover{color:#1d5cb2;text-decoration:underline}#fullArticle{margin:0 auto}#fullArticle p{color:#474e4a;margin-bottom:1.5em;font-size:16px;line-height:1.55}#fullArticle ul,#fullArticle ol{color:#19221d;margin-bottom:1.5em;font-size:16px;line-height:1.55}#fullArticle li{color:#19221d;margin-bottom:10px;font-size:16px;line-height:1.55}#fullArticle div,#fullArticle blockquote{color:#19221d;margin-bottom:1.5em;font-size:16px;line-height:1.55}#fullArticle dd{color:#19221d;margin-bottom:1.5em;margin-left:40px;font-size:16px;line-height:1.55}#fullArticle table{color:#19221d;margin-bottom:1.5em;font-size:16px;line-height:1.55}#fullArticle a strong{color:#5a5aff}#fullArticle a:hover,#fullArticle a:focus{color:#1d5cb2}#fullArticle h1.title{margin:0 1em 1.2em 0}#fullArticle h2{letter-spacing:-.019em;font-weight:600}#fullArticle h3{-webkit-font-smoothing:auto;color:#19221d;margin:1.8em 0 .8em;font-size:22px;font-weight:600;line-height:32px}#fullArticle h4{-webkit-font-smoothing:auto;color:#19221d;margin:2em 0 1.25em;font-size:18px;font-weight:600;line-height:28px}#fullArticle h5{-webkit-font-smoothing:auto;color:#19221d;margin:1em 0 .5em;font-size:16px;font-weight:600;line-height:22px}#fullArticle img{border:1px solid #d5dce1;margin:2em 0 3em;padding:0}#fullArticle .index-list{background:#f9fafa;border-left:4px solid #aaaeb7;margin:3em 0;padding:15px 0}#fullArticle .index-list:before,#fullArticle .index-list:after{content:"";line-height:0;display:table}#fullArticle .index-list:after{clear:both}#fullArticle .index-list ul{float:left;width:100%;margin:.7em 25px 0 0;list-style:none}#fullArticle .index-list li{padding-left:25px}#fullArticle .index-list h4{text-transform:uppercase;letter-spacing:.7px;margin:0;padding:8px 26px 0;font-size:13px;font-weight:500}#fullArticle dt{background:#19221d80;width:26px;height:26px;padding:0;font-size:14px;font-weight:500;line-height:26px}#fullArticle .callout-yellow{background:#fff6e3;border-color:#ffc555;border-left-width:4px;margin:2em 0 4em}#fullArticle .callout-blue,#fullArticle .callout-red,#fullArticle .callout-green,#fullArticle .callout{border-left-width:4px}#fullArticle .private-note{background:#fff6e3 url(https://designmodo.com/wp-content/themes/designmodo/assets/img/hs/icon--lock.svg) right 18px top 18px no-repeat;border-color:#ffc555;border-left-width:4px;margin:2em 0 4em;padding:20px 24px}#fullArticle .private-note>h4{margin-top:0}#fullArticle .callout-yellow.dashed{border-left-width:1px}#fullArticle strong{color:#474e4a}#fullArticle strong a{color:#5a5aff}#fullArticle .admin-edit{box-shadow:none;color:#1087d8;background-color:#fff;border:1px solid #c2cbd3;width:auto;height:24px;margin-top:-20px;margin-bottom:30px;font-size:13px;line-height:26px;transition:all .2s ease-in-out}#fullArticle .admin-edit:hover{border-color:#57b0fb}.articleList{box-sizing:border-box;margin-top:34px;padding-top:25px;position:relative}.articleList:before{content:"";background:#aaa;width:50px;height:4px;position:absolute;top:0;left:0}.articleList li{margin:1em 0;padding-left:0;font-size:18px}.articleList li a:hover span{color:#1d5cb2;text-decoration:none}.articleList li a i{display:none}.articleList a{margin-left:0}#sidebar h3{letter-spacing:1.5px;opacity:.4;color:#19221d;font-size:14px;font-weight:700}#sidebar .nav-list{margin:0 0 20px}#sidebar .nav-list a{color:#474e4a;padding:8px 15px 8px 0;font-size:15px}#sidebar .nav-list a:hover{color:#5a5aff}#sidebar .nav-list .active a{color:#19221d;cursor:default;font-weight:600}#sidebar .nav-list .active a:hover,#sidebar .nav-list .active a:focus{color:#19221d;font-weight:600}#sidebar form .search-query{border:1px solid #e6e7e8;border-radius:5px;height:42px;font-size:14px}.icon-arrow:before{color:#253642}#searchBar.sm button{background:url(https://designmodo.com/wp-content/themes/designmodo/assets/img/hs/icon-search.svg) 50% no-repeat;width:40px;top:1px;right:0}#searchBar.sm button:hover{background:url(https://designmodo.com/wp-content/themes/designmodo/assets/img/hs/icon-search.svg) 50% no-repeat}#categoryHead .sort{position:relative;top:0}#categoryHead .sort select{height:28px;font-size:12px}#main-content{box-sizing:border-box;background:0 0}.articleFoot p,.articleFoot time{color:#556575;font-style:normal;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif!important}.articleFoot i{color:#c5ced6}#sbContact{color:#556575;border-bottom:1px dotted #d5dce1}.articleRatings{color:#556575;box-shadow:none;background:#fff;border:2px solid #e5e9ec;border-radius:5px;margin:3em 0 4em}.icon-search:before,.icon-article-doc{display:none}b{-webkit-font-smoothing:auto;font-weight:500}#serp{box-sizing:border-box}#serp h1 strong{color:#6269c5}#serp .articleList>li{border-bottom:1px solid #e5e9ec;margin:1em 0 0;padding:.5em 0 1.5em}#serp .articleList>li a{margin-bottom:5px;font-weight:500}#serp .articleList>li p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;line-height:1.5;overflow:hidden}#serp .articlesFound,#serp .nada{color:#748494}#serp-dd{border:none;border-radius:5px;top:85px}#serp-dd .result a{padding:12px 15px}#serp-dd .result>li.active{background:#f1f3f5}#serp-dd .result>li.active a{color:#1d5cb2!important}#serp-dd .result>li{position:relative}#serp-dd .result>li.private a{color:#748494}#serp-dd .icon-private-w{background-image:url(https://designmodo.com/wp-content/themes/designmodo/assets/img/hs/icon--lock.svg);background-size:cover;width:24px;height:24px;display:inline-block;position:absolute;top:9px}#serp-dd .icon-private-w:before{display:none}#serp-dd.sb{width:375px;top:45px}#contactModal{border:0;border-radius:10px;width:600px;margin-left:-300px;top:8%}#contactModal h2{color:#19221d;letter-spacing:-.35px;border:0;border-radius:10px 10px 0 0;padding:40px 0 10px 60px;font-size:28px;font-weight:500}#contactModal .control-label{float:none;color:#556575;text-align:left;width:100%;margin:0 0 5px;padding:0;font-size:14px;font-weight:400;display:block}#contactModal .controls{margin:0}#contactModal input[type=text],#contactModal input[type=email],#contactModal textarea{box-sizing:border-box;width:100%;min-height:42px}#contactModal .modal-body{padding:15px 60px 40px}#contactModal #md-message{width:100%;height:70px;padding:14px}#contactModal .form-actions{padding:0}#contactModal input[type=submit].btn{background:#6753e0;width:100%;height:52px;transition:all .2s ease-in-out}#contactModal input[type=submit].btn:hover,#contactModal input[type=submit].btn:focus,#contactModal input[type=submit].btn:active{color:#fff;background:#232a5c}#contactModal .icon-close{opacity:.7;background-image:url(https://designmodo.com/wp-content/themes/designmodo/assets/img/hs/icon--cross.svg);background-size:cover;width:24px;height:24px;transition:opacity .2s;display:inline-block}#contactModal .icon-close:before{display:none}#contactModal .icon-close:hover{opacity:1}#contactModal #closeBtn{right:14px}#contactModal .control-group{margin-bottom:20px}#file-upload:focus{box-shadow:none!important;border:none!important}#contentArea>.appMessage{color:#268c55;background:#e3fbee;border:1px solid #56c288;border-radius:4px;width:390px;margin:0 auto;padding:12px 30px;position:relative;top:-25px;font-size:15px!important}#contentArea>.appMessage em{color:#268c55;text-transform:none;background:0 0;margin-right:0;padding-left:22px;font-size:16px;font-weight:500;position:relative}#contentArea>.appMessage em:before{content:"";background-image:url(https://designmodo.com/wp-content/themes/designmodo/assets/img/hs/icon--check.svg);width:24px;height:24px;position:absolute;top:-2px;left:-4px}.appMessage{color:#1d5cb2;background:#d6edff;padding:12px 30px;font-size:14px!important}.appMessage em{background:#1292ee;font-weight:500;line-height:1.1}.modal-backdrop{background:#131117}.modal-backdrop.in{opacity:.8}#contactForm input{box-sizing:border-box;width:100%;min-height:42px}#contactForm textarea{box-sizing:border-box;width:100%;min-height:42px;padding:14px}#contactForm input.btn{background:#6753e0;width:auto;min-width:150px;height:52px;transition:all .2s ease-in-out}#contactForm input.btn:hover{color:#fff;background:#232a5c}#contactForm input.btn:focus,#contactForm input.btn:active{color:#fff;border:1px solid}#contactForm .control-group,.abuse .control-group{margin-bottom:20px}.icon-print{opacity:.7;background-image:url(https://designmodo.com/wp-content/themes/designmodo/assets/img/hs/icon--print.svg);background-size:cover;width:24px;height:24px;transition:opacity .2s;display:inline-block}.icon-print:before{display:none}.icon-print:hover{opacity:1}#errorContainer .icon-error{color:#ffc555;font-size:36px}#errorContainer p{color:#556575}@media screen and (width<=1200px){.category-list{flex-wrap:wrap}.category-list .category{width:calc(50% - 10px)}}@media screen and (width<=600px){.category-list .category{width:100%}}@media screen and (width>=1025px){#searchBar{width:635px;display:block}#searchBar .search-query{color:#474e4a;letter-spacing:.2px;border-color:#fff;width:calc(100% - 172px);height:55px;margin-right:0;padding:0 15px;transition:all .2s ease-in-out;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif!important}#searchBar button{height:55px;text-shadow:none;background-color:#5a5aff;border:none;border-radius:4px;width:160px;font-size:17px;font-weight:500;transition:all .2s ease-in-out;display:inline-block}#searchBar button:hover,#searchBar button:active{background:#1872eb}}@media screen and (width<=768px){.navbar .nav>li>a{padding:15px 20px}.navbar .btn-navbar{margin-top:32px}.navbar .btn-navbar .icon-bar{background:#fff}#contactMobile{display:block}.articleList li{font-size:16px}#sidebar{margin-top:40px}#main-content{margin:20px 0 0}}@media screen and (width>=768px){.nav #internal{position:relative}#searchBar{width:440px}#fullArticle h4{font-size:17px;line-height:24px}}@media screen and (width<=1024px){#docsSearch{background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:auto 270px,auto 270px;height:240px;margin-bottom:50px}#docsSearch h1{max-width:400px;margin:0 auto;padding-top:2em;padding-left:10%;padding-right:10%;font-size:30px;line-height:1.3}#searchBar button{text-shadow:none;background:url(https://designmodo.com/wp-content/themes/designmodo/assets/img/hs/icon-search.svg) 50% no-repeat;border:0;padding:0 30px;transition:all .2s ease-in-out;position:absolute;right:0}#searchBar button .icon-search{display:block}#searchBar button:hover,#searchBar button:focus,#searchBar button:active{filter:brightness(.8);background:url(https://designmodo.com/wp-content/themes/designmodo/assets/img/hs/icon-search.svg) 50% no-repeat}#searchBar button span{display:none}}@media screen and (width>=1025px) and (width<=1899px){#docsSearch{height:360px}#docsSearch h1{padding-top:2.8em;font-size:36px}}@media screen and (width>=1025px) and (width<=1399px){#docsSearch:before{left:5%}#docsSearch:after{left:90%}}@media screen and (width>=1300px){#docsSearch:before{left:10%}#docsSearch:after{left:85%}}@media screen and (width>=1900px){#docsSearch{height:400px}#docsSearch:before{width:580px;left:18%}#docsSearch:after{width:580px;left:84%}}@media screen and (width>=2300px){#docsSearch:before{left:20%}#docsSearch:after{left:80%}}@media screen and (width>=1400px){#contentArea:before{opacity:1;transform:translate(260px)}}@media screen and (width<=767px){#searchBar{width:80%}}@media screen and (width>=1440px){#searchBar{width:712px}}@media screen and (width>=768px) and (width<=1000px){.contentWrapper{padding:50px 55px}}@media screen and (width>=1000px){.contentWrapper{padding:70px 90px}.contentWrapper h1{font-size:36px}.contentWrapper p.descrip{max-width:30rem;margin-bottom:0}.related{padding:40px 90px}#fullArticle .index-list li{float:left;width:45%}#categoryHead .sort{position:absolute;top:8px;right:0}.appMessage{padding:12px 90px}}@media screen and (width>=768px) and (width<=999px){.appMessage{padding:12px 55px}}@media screen and (width<=480px){body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p{font-size:14.5px!important}}.navbar #designmodo-general,.navbar #postcards-email-builder{display:none}#category-82:before{content:"🙋";width:32px;height:32px;font-size:32px;display:inline-block}#category-77:before{content:"💳";width:32px;height:32px;font-size:32px;display:inline-block}#category-121:before{content:"🏞️";width:32px;height:32px;font-size:32px;display:inline-block}#category-313:before{content:"🚀";width:32px;height:32px;font-size:32px;display:inline-block}#category-349:before{content:"💌";width:32px;height:32px;font-size:32px;display:inline-block}#category-350:before{content:"🎨";width:32px;height:32px;font-size:32px;display:inline-block}#category-351:before{content:"🧩";width:32px;height:32px;font-size:32px;display:inline-block}