.color-text-primary{color:var(--db-color-primary)}button,input,select,optgroup,textarea,h1,h2,h3,h4,h5,h6,a:active,a:focus,a:hover strong,div,p,blockquote,q,code{color:var(--db-text-primary)}button a,input a,select a,optgroup a,textarea a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,a:active a,a:focus a,a:hover strong a,div a,p a,blockquote a,q a,code a{color:inherit}.disclaimer,kbd,tt,var,a,a:visited{color:var(--db-text-secondary)}label{color:var(--db-text-secondary)}code{background-color:var(--db-surface-layer-2);border-radius:var(--db-radius-s);padding:2px 4px}kbd,tt,var,abbr,acronym{color:var(--db-text-secondary)}mark{color:var(--db-color-primary);background:var(--db-color-primary-20)}.wp-block-separator,hr{background-color:var(--db-border-base)}.icon{color:var(--db-icon-default)}body.dark-mode button.input-search-icon,.darkmode--activated button.input-search-icon{background-image:url(../9a51b8d55567a413020c.svg)}*{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li>ul,li>ol{margin-bottom:0}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}pre{line-height:1.8;padding:20px;font-size:1rem;margin:var(--db-margin-m) 0}table{border-collapse:collapse;border-spacing:0}::-webkit-input-placeholder{color:inherit;opacity:.54}::-moz-selection,::selection,::-moz-selection{background:var(--db-color-primary);color:var(--db-text-inverse-primary)}.wp-block-separator,hr{border:0;height:1px;margin-bottom:var(--db-margin-l)}ul,ol{margin:0;padding:0;list-style:none}article li>ul,article li>ol{margin-bottom:0;margin-left:16px}dl{margin:0}dt{font-weight:bold}dd{margin:0}img{display:block;height:auto;max-width:100%;width:100%}caption,th{font-weight:bold}caption{color:var(--db-text-tertiary)}body{position:relative;overflow-x:hidden;isolation:isolate;width:100%;margin:0 auto;background-color:var(--db-bg-secondary)}.flex{gap:var(--db-gap-s);display:flex;align-items:center;flex-direction:row}main.site-main{position:relative;width:100%;min-height:calc(100vh - 80px)}body.header-static main.site-main{padding-top:var(--db-static-header-height)}body.header-static main.site-main:has(.tool-page),body.header-static.is-designbase-tool-page main.site-main{padding-top:0;min-height:0}body.header-static.is-designbase-tool-page{padding-top:0}body.header-static .page-header{padding-top:var(--db-padding-xl)}.app-container{position:relative}section{position:relative;padding:80px 0;width:100%;overflow:hidden;z-index:0}.container{position:relative;width:100%;max-width:1360px;padding:0 40px;margin:auto}.container-full{max-width:100%;padding:0 40px;margin:auto}.narrow-container{max-width:760px;padding:0 20px;margin:auto}.grid{display:grid;display:-ms-grid;gap:20px;align-content:start;align-items:stretch}.grid-8{grid-template-columns:repeat(8, 1fr);-ms-grid-columns:repeat(8, 1fr)}.grid-6{grid-template-columns:repeat(6, 1fr);-ms-grid-columns:repeat(6, 1fr)}.grid-5{grid-template-columns:repeat(5, 1fr);-ms-grid-columns:repeat(5, 1fr)}.grid-4{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-4>*{min-width:0;width:100%}.grid-3{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid article{margin:initial}.grid-checkout{display:grid;display:-ms-grid;grid-template-columns:1fr 360px;-ms-grid-columns:1fr 360px;gap:var(--db-gap-xl)}.grid-forum{display:grid;display:-ms-grid;grid-template-columns:1fr 280px;-ms-grid-columns:1fr 280px;gap:var(--db-gap-xl)}.grid-archive{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block;min-height:100vh}.grid-single{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;padding-top:72px}.grid-signin{width:100%;display:grid;display:-ms-grid;gap:0;grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-course-archive{width:100%;max-width:1800px;margin:auto;gap:var(--db-gap-xl);display:grid;display:-ms-grid}.grid-course{width:100%;margin:auto;gap:var(--db-gap-l);display:grid;padding-top:90px;display:-ms-grid;grid-template-columns:200px 1fr;-ms-grid-columns:200px 1fr}.grid-course .content-area{width:100%}.grid-tools{width:100%;max-width:1920px;margin:auto;display:flex;align-items:start}.grid-tools .content-area{padding:var(--db-padding-m);border-right:1px solid var(--db-border-base)}.grid-tools .fixed-area{position:sticky;top:56px;padding:var(--db-padding-m)}.grid-gradient .content-area{width:100%}.grid-controls{width:100%;max-width:1800px;margin:auto;gap:var(--db-gap-xl);display:grid;display:-ms-grid;grid-template-columns:280px 1fr;-ms-grid-columns:280px 1fr;align-items:start}.grid-controls .content-area{width:100%}.grid-dashboard{width:100%;max-width:1240px;margin:auto;gap:var(--db-gap-xl);display:grid;padding:0 20px;display:-ms-grid;grid-template-columns:200px 1fr;-ms-grid-columns:200px 1fr}.grid-dashboard .content-area{width:100%}.grid-cart{display:grid;display:-ms-grid;grid-template-columns:1fr 320px;-ms-grid-columns:1fr 320px}.row{margin-right:-12px;margin-left:-12px;font-size:0}.db-col-2,.db-col-3,.db-col-4,.db-col-5,.db-col-6,.db-col-7,.db-col-8,.db-col-9,.db-col-12{position:relative;min-height:1px;display:inline-block;padding-left:12px;padding-right:12px;vertical-align:top}.db-col-2{width:16.66666667%}.db-col-3{width:25%}.db-col-4{width:33.33333333%}.db-col-5{width:41.66666667%}.db-col-6{width:50%}.db-col-7{width:58.3333333%}.db-col-8{width:66.66666667%}.db-col-9{width:75%}.db-col-12{width:100%}.mo-none{display:block}@media only screen and (max-width: 1600px){.container-full{padding:0 20px}section{padding:60px 0}.grid-8{grid-template-columns:repeat(6, 1fr);-ms-grid-columns:repeat(6, 1fr)}.grid-6{grid-template-columns:repeat(5, 1fr);-ms-grid-columns:repeat(5, 1fr)}.grid-5{grid-template-columns:repeat(5, 1fr);-ms-grid-columns:repeat(5, 1fr)}.grid-4{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-3{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}}@media only screen and (max-width: 1280px){.container-full{padding:0 20px}.grid-8{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-6{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-5{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-4{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-3{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-course{display:grid;display:-ms-grid;gap:24px;grid-template-columns:200px 1fr;-ms-grid-columns:200px 1fr}}@media only screen and (max-width: 1024px){.container{padding:0 24px}section{padding:60px 0}.grid{gap:24px}.grid-8{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-6{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-5{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-4{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-3{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-signin{grid-template-columns:320px 1fr;-ms-grid-columns:320px 1fr}.grid-single{grid-template-columns:1fr;-ms-grid-columns:1fr}.grid-cart{grid-template-columns:1fr;-ms-grid-columns:1fr}.grid-course{grid-template-columns:172px 1fr;-ms-grid-columns:172px 1fr}}@media only screen and (max-width: 820px){.grid-course{grid-template-columns:1fr;-ms-grid-columns:1fr;padding:0;gap:0;padding-top:56px}.grid-course .grid-archive,.grid-course .content-area{padding:24px}.grid-course .grid-archive .post-filter-wrap,.grid-course .content-area .post-filter-wrap{margin:0}.grid-single{padding-top:56px}.grid-signin{grid-template-columns:1fr;-ms-grid-columns:1fr}.grid-tools{flex-direction:column-reverse}.grid-tools .content-area{border-right:none;border-top:1px solid var(--db-border-base)}.grid-tools .fixed-area{position:relative;top:0}.mo-only{display:block}.container-full{padding:0 20px}.post .container-full{padding:0}.grid{gap:16px}.grid-8{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-6{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-5{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-4{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-3{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr)}.container{padding:0 24px}.row{margin-right:-8px;margin-left:-8px}.db-col-2,.db-col-3,.db-col-4,.db-col-5,.db-col-6,.db-col-7,.db-col-8,.db-col-12{padding-left:8px;padding-right:8px}.db-col-9{width:100%}.db-col-8{width:100%}.db-col-6{width:100%}.db-col-4{width:50%}.db-col-3{width:33.3333%}.mo-padding-0{padding:0 !important}}@media only screen and (max-width: 767px){section{padding:40px 0}.container-full{padding:0 16px}.container{width:100%;max-width:100%;min-width:320px;padding:0 16px}.row{margin-left:-8px;margin-right:-8px}.designbase-layout-featured .container{padding:0}.pc-only{display:none}.mo-only{display:block}.mo-none{display:none}.grid-dashboard{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block}.grid-archive{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block}.grid-course{padding-top:48px}.grid-course .grid-archive,.grid-course .content-area{padding:16px}.grid-single{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block;padding-top:48px}.section-freebies .grid-5{grid-template-columns:repeat(2, 1fr)}.contents-list .grid-4,.section-recentpost .grid-4,.posts-wrap .grid-4{grid-template-columns:repeat(2, 1fr)}.grid{gap:12px}.grid-8{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-6{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-5{grid-template-columns:repeat(2, 1fr)}.grid-4{grid-template-columns:repeat(2, 1fr)}.grid-3{grid-template-columns:repeat(1, 1fr)}.grid-2{grid-template-columns:repeat(1, 1fr)}.digital-product-related-section .grid-4,.section-digital-product .grid-4{grid-template-columns:repeat(1, 1fr)}.page-template-page-gradient-generator .grid-3{grid-template-columns:repeat(2, 1fr)}.blog .grid-4,.category .grid-4{grid-template-columns:repeat(2, 1fr)}.events-archive-list .db-col-3{width:100%}.db-col-2,.db-col-3,.db-col-4,.db-col-5,.db-col-6,.db-col-7,.db-col-8,.db-col-9{padding-left:8px;padding-right:8px}.db-col-4{width:100%}.db-col-6{width:100%}.db-col-9{width:100%}.db-col-3{width:50%}.mo-padding-0{padding:0 !important}}.v-center-parent{display:table;height:100%}.v-center{position:relative;display:table-cell;vertical-align:middle}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--db-font-primary);font-size:var(--db-text-base);line-height:var(--db-leading-relaxed);-ms-overflow-style:none;overflow:auto}body,button,input,select,optgroup,textarea{line-height:var(--db-leading-relaxed)}h1,h2,h3,h4,h5,h6{clear:both;font-weight:var(--db-weight-bold);line-height:var(--db-leading-snug);word-break:keep-all;margin-bottom:var(--db-margin-s)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:var(--db-text-6xl)}h2{font-size:var(--db-text-5xl);font-size:2.25rem}h3{font-size:var(--db-text-3xl);font-size:1.75rem}h4{font-size:var(--db-text-2xl);font-size:1.5rem;line-height:var(--db-leading-normal)}h5{font-size:var(--db-text-l);font-size:1.25rem;line-height:var(--db-leading-normal)}h6{font-size:var(--db-text-l)}p{font-size:var(--db-text-l);line-height:var(--db-leading-relaxed);margin-bottom:var(--db-margin-m);font-weight:var(--db-weight-normal);word-break:keep-all}.disclaimer{font-size:var(--db-text-s);opacity:var(--db-opacity-hover);text-transform:initial}a,a:visited{text-decoration:none;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}a:active,a:focus,a:hover{outline:0;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}dfn,cite,em,i{font-style:italic}blockquote,q{quotes:none;margin:var(--db-margin-l) 0;display:block;width:100%;border:none;padding:0 var(--db-padding-m);font-size:var(--db-text-l);text-align:left;line-height:var(--db-leading-normal);border-left:2px solid var(--db-border-base)}address{margin:0 0 1.5em}pre.wp-block-code{font-size:var(--db-text-base);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-m);border-radius:var(--db-radius-s);max-width:100%;overflow:auto;padding:var(--db-padding-m)}code{font-size:inherit}kbd,tt,var{font-size:inherit}abbr,acronym{border:none;cursor:help}mark{text-decoration:none}big{font-size:125%}.pc-only{display:block}.mo-only{display:none}.single-line-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.two-lines-ellipsis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media only screen and (max-width: 820px){h1{font-size:40px}h2{font-size:32px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}p{font-size:16px}}@media only screen and (max-width: 767px){blockquote{font-size:18px;line-height:1.6}h1{font-size:32px}h2{font-size:26px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.disclaimer{font-size:var(--db-text-xs)}}.clear:before,.clear:after,.row:before,.row:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:after,.site-footer:before{display:table;content:"";table-layout:fixed}.clear:after,.row:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}hr.clear,.clear{border:none;height:0;background:rgba(0,0,0,0);margin:0;padding:0;clear:both}.ani-rotation{animation-duration:9s;animation-name:rotation;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes db-anim-rotation{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes db-anim-spin{0%{--rotate: 0deg}100%{--rotate: 360deg}}@keyframes db-anim-rotate-icon{100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes db-anim-rotate-icon{100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes db-anim-float-x{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes db-anim-float-x{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@-webkit-keyframes db-anim-float-y{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes db-anim-float-y{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes db-anim-scroll-x{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes db-anim-marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes db-anim-gradient-text{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes db-anim-gradient-float{0%,100%{transform:translate(0, 0) scale(1);opacity:1}25%{transform:translate(50px, -30px) scale(1.1);opacity:1}50%{transform:translate(-30px, 50px) scale(0.9);opacity:1}75%{transform:translate(30px, -20px) scale(1.05);opacity:1}}@keyframes db-anim-gradient-move-left{0%,100%{transform:translate(0, 0) scale(1);opacity:1}33%{transform:translate(100px, -50px) scale(1.2);opacity:1}66%{transform:translate(-50px, 100px) scale(0.8);opacity:1}}@keyframes db-anim-gradient-move-right{0%,100%{transform:translate(0, 0) scale(1);opacity:1}25%{transform:translate(-80px, -60px) scale(1.1);opacity:.7}50%{transform:translate(60px, 80px) scale(0.9);opacity:1}75%{transform:translate(-40px, -40px) scale(1.05);opacity:.5}}@keyframes db-anim-new-mark-blink{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1)}100%{opacity:1;transform:scale(1)}}@keyframes db-anim-pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes db-anim-pulse-badge{0%,100%{box-shadow:0 2px 8px rgba(var(--db-color-primary-rgb, 0, 79, 255), 0.4)}50%{box-shadow:0 2px 12px rgba(var(--db-color-primary-rgb, 0, 79, 255), 0.6)}}@keyframes db-anim-spin-border{0%{--rotate: 0deg}100%{--rotate: 360deg}}@keyframes db-anim-fade-out{to{opacity:0;visibility:hidden}}@keyframes db-anim-slide-up-fade-out{to{transform:translateY(-105vh)}}@keyframes db-anim-lightbox-fade-in{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes db-anim-scale-up{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes db-anim-fill{from{width:0%}to{width:100%}}.animate-fl-x{-webkit-animation-name:db-anim-float-x;animation-name:db-anim-float-x;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.animate-fl-y{-webkit-animation-name:db-anim-float-y;animation-name:db-anim-float-y;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:var(--db-bg-secondary);border-radius:3px;box-shadow:0 0 2px 2px var(--db-shadow-sm);clip:auto !important;clip-path:none;color:var(--db-text-primary);display:block;font-size:14px;font-weight:bold;height:auto;left:5px;line-height:normal;padding:var(--db-padding-m) var(--db-padding-l) var(--db-padding-s);text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}@property --rotate{syntax:"<angle>";initial-value:132deg;inherits:false}.byline,.updated:not(.published){display:none}.single .byline,.group-blog .byline{display:inline}.tool-header{padding:var(--db-padding-m);border-bottom:1px solid var(--db-border-base)}.tools-page-title{margin-bottom:var(--db-margin-m)}.tools-page-title .tools-version-mark{display:inline-block;font-size:.7rem;font-weight:600;color:var(--db-text-secondary);background:var(--db-bg-tertiary);padding:2px 6px;border-radius:3px}.tools-page-title .tools-page-title-heading{font-size:1.2rem;font-weight:700;color:var(--db-text-primary);margin:0;line-height:1}.tools-page-title .tools-page-desc{font-size:.85rem;color:var(--db-text-secondary);margin:0;line-height:1.4}.page-header{position:relative;padding:120px 0 var(--db-padding-xl) 0;margin:0;margin-bottom:var(--db-margin-l);width:100%;display:flex;gap:var(--db-margin-l);justify-content:center;align-items:center;border:none;overflow:hidden}.page-header .flex{gap:var(--db-margin-l)}.error-404-page .page-header{overflow:visible !important}.membership-page .page-header{min-height:auto;height:auto}.page-title-wrap{width:100%;position:relative;z-index:2;text-align:center}.page-title-wrap.text-center{text-align:center}.page-title{position:relative;font-weight:bold;line-height:1;color:var(--db-text-primary);margin-bottom:0;z-index:2}.about-page .page-title,.page-template-page-about-membership .page-title{line-height:1.2}.main-layout .page-title{font-size:40px}.page-title span{opacity:.5}.page-desc{display:block;font-size:20px;font-weight:normal;margin-top:var(--db-margin-m);color:var(--db-text-secondary);line-height:var(--db-leading-normal);margin-bottom:0}.page-desc p{margin:0}.bookmark-page .page-desc{max-width:576px}.opentalk-page .page-desc{max-width:436px}.taxonomy-description{max-width:720px;text-align:left}.taxonomy-description p{line-height:var(--db-leading-normal)}.taxonomy-description strong{font-weight:bold}.section-posts{padding:var(--db-padding-l) 0}.section-posts .category-title-wrap .category-title{font-size:24px}.section-posts .grid{gap:var(--db-padding-m)}.category-title-wrap{margin-bottom:var(--db-margin-m);display:flex;justify-content:space-between;align-items:center}.category-title-wrap .category-title{margin:0}.category-title-wrap .category-title .tag{font-size:inherit}.category-title-wrap .category-title .count{position:relative;top:-10px;margin-left:10px;font-size:.5em;opacity:.5}.page-links{clear:both;margin:0 0 1.5em}.grid-archive .child-category-wrap{margin-top:0;text-align:left;font-size:0}.grid-archive .child-category-wrap li{display:inline-block}.grid-archive .child-category-wrap li a{margin-right:var(--db-padding-xs);margin-top:0;white-space:nowrap !important;padding:var(--db-padding-xs);display:inline-block;color:var(--db-text-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-primary);font-size:14px !important;line-height:1}.grid-archive .child-category-wrap li a.active,.grid-archive .child-category-wrap li a:hover{color:#fff;background:var(--db-color-primary)}.child-category-wrap{margin-top:var(--db-margin-m);text-align:left;font-size:0}.child-category-wrap li{display:inline-block}.child-category-wrap li a{margin-right:var(--db-padding-xs);margin-top:var(--db-margin-s);white-space:nowrap !important;padding:var(--db-padding-xs);display:inline-block;color:var(--db-text-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-secondary);font-size:16px !important;line-height:1;border:1px solid var(--db-border-base)}.child-category-wrap li a.active,.child-category-wrap li a:hover{color:var(--db-text-primary);background:var(--db-bg-tertiary);border:1px solid var(--db-border-layer-1)}.blur-wrapper{padding:var(--db-padding-l)}.blur-wrapper .blur-content{position:relative;padding:var(--db-padding-m);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.blur-wrapper .blur-content .grid{align-items:stretch}.disclaimer-section{padding:var(--db-padding-m) 0}.disclaimer-section .disclaimer-content{background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);text-align:center}.disclaimer-section .disclaimer-text{font-size:var(--db-text-xs);color:var(--db-text-secondary);line-height:1.5;text-align:center;margin-bottom:var(--db-margin-m)}.disclaimer-section .disclaimer-text:last-child{margin-bottom:0}@media only screen and (max-width: 1024px){.page-header{padding:80px 0 var(--db-padding-xl) 0}.main-layout .page-header{padding:var(--db-padding-xl) 0 0 0}}@media only screen and (max-width: 820px){.page-title{font-size:48px}.section-posts .grid{gap:var(--db-padding-s)}.section-posts .grid-4{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 767px){.page-header{padding:80px 0 var(--db-padding-xl) 0}.main-layout .page-header{padding:var(--db-padding-xl) 0 0 0}.page-header .container{display:block}.page-header .flex{flex-direction:column}.section-posts .grid-4{grid-template-columns:repeat(2, 1fr)}.section-posts .category-title-wrap .category-title{font-size:20px}.page-title-wrap{flex-direction:column;gap:var(--db-padding-l)}.page-title{font-size:40px}.page-desc{font-size:16px}.blur-wrapper{padding:var(--db-padding-s)}.blur-wrapper .blur-content{padding:var(--db-padding-s)}}.page-head{position:fixed;width:100vw;height:100vh;z-index:-1;top:0;left:0}.gradient-text{background:linear-gradient(270deg, #3b82f6, #004fff, #ef4444, #3b82f6);background-size:300% auto;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;animation:db-anim-gradient-text 8s ease infinite}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);justify-content:flex-start;align-items:center}.hero-title-wrap{position:relative;z-index:1;width:100%;text-align:left;margin:auto}.hero-title-wrap .hero-title{font-size:60px;line-height:1.25;letter-spacing:-0.4px;margin-bottom:var(--db-margin-l);color:var(--db-text-primary)}.hero-title-wrap .hero-desc{display:inline-block;font-size:18px;font-weight:bold;line-height:1.5;color:var(--db-text-secondary);margin-bottom:var(--db-margin-xl)}.hero-title-wrap .search-form label{width:100%;max-width:400px}.hero-title-wrap .search-form label::before{left:16px;top:12px}.hero-title-wrap .search-form label i{left:8px}.hero-title-wrap .search-form input[type=search]{background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);position:relative;padding-left:36px !important;height:auto;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:.3s}.hero-title-wrap .search-form input[type=search]::before,.hero-title-wrap .search-form input[type=search]::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.hero-title-wrap .search-form input[type=search]::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.hero-title-wrap .search-form input[type=search]:hover::before{opacity:1}.hero-title-wrap .search-form input[type=search]:hover,.hero-title-wrap .search-form input[type=search]:focus{-webkit-box-shadow:0 0 0 4px rgba(234,100,217,.1);box-shadow:0 0 0 4px rgba(234,100,217,.1)}.hero-title-wrap .recommended-searches{display:flex;margin-top:var(--db-margin-m);align-items:center;gap:var(--db-padding-m);justify-content:flex-start;font-size:14px;color:var(--db-text-secondary);overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.hero-title-wrap .recommended-searches .chips{display:flex;align-items:center;gap:var(--db-padding-xs)}.hero-title-wrap .inline-btns{margin-top:var(--db-margin-l);justify-content:left}.designbase-layout-featured .container,.section-banner .container{padding:0}.designbase-layout-featured .swiper-container,.section-banner .swiper-container{padding:0 20px}.section-course-list .grid{gap:var(--db-padding-2xl)}.section-course-list .category-title-wrap{margin-bottom:40px}.section-course-list .category-title{max-width:480px}.course-list-wrap{padding:0}.course-list-wrap .wrap-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--db-margin-l)}.course-list-wrap h3{font-size:24px;color:var(--db-text-secondary);margin:0;opacity:1;transition:opacity .3s}.course-list-wrap h3:hover{opacity:.7}.course-list-wrap h3 a{vertical-align:top;display:flex;gap:var(--db-margin-xxs)}.course-list-wrap h3 span.count{position:relative;top:2px;font-size:12px;color:var(--db-text-tertiary)}.course-list-wrap .course-list-card{position:relative;gap:12px;margin-bottom:var(--db-margin-l);display:flex;align-items:flex-start}.course-list-wrap .course-list-card:hover img{transform:scale(1.1)}.course-list-wrap .course-list-card:hover h4{opacity:.6}.course-list-wrap .course-list-card .thumb-area{position:relative;width:120px;overflow:hidden;flex:none;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.course-list-wrap .course-list-card img{display:block;transition:.7s;transform:scale(1)}.course-list-wrap .course-list-card .text-area{width:calc(100% - 120px)}.course-list-wrap .course-list-card .text-area h4{font-size:15px;font-weight:normal;width:100%;line-height:1.5;overflow:hidden;color:var(--db-text-secondary);text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;transition:.7s;margin-bottom:0}.course-list-wrap .course-list-card .content-order{font-size:12px;color:var(--db-text-tertiary)}.grid-2 .course-list-wrap .thumb-area{width:160px}.grid-2 .course-list-wrap .text-area{width:calc(100% - 160px)}.grid-2 .course-list-wrap .text-area h4{font-size:16px;height:auto}.section-magazine .grid,.section-dictionary .grid,.section-design-tool .grid{align-items:stretch}@media only screen and (max-width: 940px){.section-course-list .grid{gap:var(--db-padding-2xl)}.grid-2 .course-list-wrap .thumb-area{width:160px}.grid-2 .course-list-wrap .text-area{width:calc(100% - 160px)}.grid-2 .course-list-wrap .text-area h4{font-size:16px}}@media only screen and (max-width: 820px){.hero-title-wrap{width:100%}.hero-title-wrap .hero-title{font-size:48px;margin-bottom:var(--db-margin-m)}}@media only screen and (max-width: 767px){.hero-title-wrap{text-align:center}.hero-title-wrap .hero-title{font-size:36px}.hero-title-wrap .hero-desc{font-size:16px}.hero-title-wrap .inline-btns{justify-content:start}.hero-title-wrap .recommended-searches{font-size:12px;margin-left:-20px;margin-right:-20px;padding:0 20px}.section-course-list .grid{gap:var(--db-padding-xl)}.section-course-list .category-title-wrap{margin-bottom:24px}.course-list-wrap h3{font-size:20px}.course-list-wrap .course-list-card{margin-bottom:var(--db-margin-m);align-items:center}.course-list-wrap .course-list-card .thumb-area{width:140px}.course-list-wrap .course-list-card .text-area{width:calc(100% - 140px)}.course-list-wrap .course-list-card .text-area h4{font-size:15px;height:40px}.course-list-wrap .wrap-head{margin-bottom:var(--db-margin-m)}.grid-2 .course-list-wrap .thumb-area{width:140px}.grid-2 .course-list-wrap .text-area{width:calc(100% - 140px)}.grid-2 .course-list-wrap .text-area h4{font-size:15px;height:40px}}@media only screen and (max-width: 375px){.hero-title-wrap .recommended-searches{justify-content:left}}.posts-wrap{margin-bottom:40px}@media only screen and (max-width: 767px){.section-magazine .type-post:last-child,.section-recentpost .type-post:last-child,.posts-wrap .type-post:last-child{display:block}.posts-wrap{margin-bottom:40px}}