@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.header-section{justify-content:space-between;align-items:center;padding:0 40px;display:flex}.brand-container{align-items:center;gap:8px;display:flex}.logo-img{height:44px}.user-profile{filter:drop-shadow(-8px -10px 46px #0000005f);-webkit-backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);height:64px;color:var(--text-muted);cursor:pointer;border-radius:999px;position:relative;overflow:hidden}.user-profile:before{content:"";z-index:0;-webkit-box-shadow:inset 2px 2px 0 -2px #ffffffb3,inset 0 0 3px 1px #ffffffb3;border-radius:999px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 6px 6px 0 -6px #ffffffb3,inset 0 0 8px 1px #ffffffb3}.user-content{align-items:center;gap:12px;padding:8px 8px 8px 24px;display:flex}.user-details{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.user-role{color:var(--text-more-muted)}.pfp-wrapper{height:48px}.pfp-wrapper img{border-radius:999px;width:auto;height:100%}@media (width<=1100px){.header-section{padding:0 16px}}@media (width<=768px){.header-section{padding:0 4px}.logo-img{height:36px}.user-profile{height:52px}.user-content{gap:8px;padding:6px 6px 6px 16px}.pfp-wrapper{height:40px}.user-details p{font-size:12px}}.main-content{display:flex}.cs-container{gap:16px;height:100%;display:flex}.cs-add-new{filter:drop-shadow(-8px -10px 46px #0000005f);-webkit-backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);cursor:pointer;border-radius:16px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;min-width:132px;min-height:100px;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.cs-add-new:before{content:"";z-index:0;-webkit-box-shadow:inset 2px 2px 0 -2px #ffffffb3,inset 0 0 3px 1px #ffffffb3;border-radius:16px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 6px 6px 0 -6px #ffffffb3,inset 0 0 8px 1px #ffffffb3}.cs-carousel{scrollbar-width:none;-ms-overflow-style:none;border-radius:16px;gap:16px;display:flex;overflow-x:auto}.cs-carousel::-webkit-scrollbar{display:none}.cs-company-item{background-color:var(--text-muted);cursor:pointer;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:170px;height:100px;display:flex;position:relative;overflow:hidden}.cs-company-item img{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.selected{z-index:10;order:-1;position:sticky;left:0}.selected .cs-company-name{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;justify-content:center;align-items:center;width:170px;height:100px;display:flex;position:absolute}@media (width<=768px){.cs-container,.cs-carousel{gap:12px}.cs-add-new{min-width:80px;min-height:80px}.cs-add-new svg{width:32px;height:32px}.cs-company-item{width:130px;height:80px}}.pb-container{gap:16px;height:301px;display:flex}.pb-upload-container{align-items:center;width:504px;height:100%;position:relative}.pb-upload-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:100%;height:100%;clip-path:path("M 16,0 L 488,0 A 16,16 0,0,1 504, 16 L 504,213 A 16,16 0,0,1 488,229 L 284,229 A 32,32 0,0,0 252,261 L 252,285 A 16,16 0,0,1 237,301 L 16,301 A 16,16 0,0,1 0,285 L 0,16 A 16,16 0,0,1 16,0 Z");background-color:#fff3}.pb-upload-container .btn-primary{width:236px;position:absolute;bottom:0;right:0}.pb-preview{flex-grow:1;height:100%;position:relative;overflow:hidden}.pb-preview-options{z-index:10;filter:drop-shadow(-8px -10px 46px #0000005f);-webkit-backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);width:176px;height:56px;color:var(--text-muted);cursor:pointer;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:absolute;top:0;left:0;overflow:hidden}.pb-preview-options:before{content:"";z-index:0;-webkit-box-shadow:inset 2px 2px 0 -2px #ffffffb3,inset 0 0 3px 1px #ffffffb3;border-radius:16px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 6px 6px 0 -6px #ffffffb3,inset 0 0 8px 1px #ffffffb3}.pb-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%;clip-path:path("M 16,72 L 160,72 A 32,32 0,0,0 192,40 L 192,16 A 16,16 0,0,1 208,0 L 816,0 A 16,16 0,0,1 832,16 L 832,285 A 16,16 0,0,1 816,301 L 16,301 A 16,16 0,0,1 0,285 L 0,88 A 16,16 0,0,1 16,72 Z");text-align:right;background-color:#fff3;flex-direction:column;align-items:flex-end;gap:24px;display:flex}.pb-summary>p:first-child{width:832px}.pb-summary h1{font-size:56px}.pb-summary h2{color:var(--text-muted)}.pb-summary-header{padding:24px 24px 0}.pb-summary>div:nth-child(2){flex-grow:1;gap:24px;width:832px;max-height:100%;padding:0 24px 24px;display:flex;overflow:hidden}.pb-description{overflow:hidden}.categories{flex-direction:column;gap:16px;display:flex}.category{flex-direction:column;gap:8px;display:flex}.category-title{font-weight:700}.category-content{color:var(--text-muted)}.pb-summary>div:nth-child(2)>div:nth-child(2)>div:nth-child(2)>div:nth-child(2),.pantones{display:flex}.pantone{width:48px;height:48px}.pb-saved-content{filter:drop-shadow(-8px -10px 46px #0000005f);-webkit-backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);cursor:pointer;border-radius:16px;flex-shrink:0;width:504px;height:301px;transition:opacity .26s ease-out;position:relative;overflow:hidden}.pb-saved-content:before{content:"";z-index:0;-webkit-box-shadow:inset 2px 2px 0 -2px #ffffffb3,inset 0 0 3px 1px #ffffffb3;border-radius:16px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 6px 6px 0 -6px #ffffffb3,inset 0 0 8px 1px #ffffffb3}@media (width<=1440px){.pb-upload-container{width:378px}.pb-upload-area{clip-path:path("M 12,0 L 366,0 A 16,16 0,0,1 378,16 L 378,213 A 16,16 0,0,1 366,229 L 216,229 A 32,32 0,0,0 184,261 L 184,285 A 16,16 0,0,1 168,301 L 12,301 A 16,16 0,0,1 0,285 L 0,16 A 16,16 0,0,1 12,0 Z")}.pb-upload-container .btn-primary{width:178px}.pb-preview{width:604px}.pb-summary>div:nth-child(2){width:100%}.pb-summary{clip-path:path("M 16,72 L 160,72 A 32,32 0,0,0 192,40 L 192,16 A 16,16 0,0,1 208,0 L 588,0 A 16,16 0,0,1 604,16 L 604,285 A 16,16 0,0,1 588,301 L 16,301 A 16,16 0,0,1 0,285 L 0,88 A 16,16 0,0,1 16,72 Z")}.pb-saved-content{width:378px}}@media (width<=1280px){.pb-upload-container{width:320px}.pb-upload-area{clip-path:path("M 10,0 L 310,0 A 16,16 0,0,1 320,16 L 320,213 A 16,16 0,0,1 310,229 L 183,229 A 32,32 0,0,0 156,261 L 156,285 A 16,16 0,0,1 142,301 L 10,301 A 16,16 0,0,1 0,285 L 0,16 A 16,16 0,0,1 10,0 Z")}.pb-upload-container .btn-primary{width:150px}.pb-preview{width:560px}.pb-summary{clip-path:path("M 16,72 L 160,72 A 32,32 0,0,0 192,40 L 192,16 A 16,16 0,0,1 208,0 L 544,0 A 16,16 0,0,1 560,16 L 560,285 A 16,16 0,0,1 544,301 L 16,301 A 16,16 0,0,1 0,285 L 0,88 A 16,16 0,0,1 16,72 Z")}.pb-summary>div:nth-child(2){width:100%}.pb-saved-content{width:320px}}@media (width<=1100px){.pb-container{flex-wrap:wrap;height:auto}.pb-preview{order:1;width:100%}.pb-preview-options{border-radius:24px;width:48px;height:48px;top:24px;left:auto;right:24px}.pb-preview-options:before{border-radius:24px}.pb-summary{clip-path:none;text-align:left;border-radius:48px;align-items:flex-start;min-height:113px;padding:24px}.pb-description{order:2}.pantones{border-radius:16px;overflow:hidden}.pb-saved-content{border-radius:48px;order:3;width:100%;height:180px}.pb-saved-content:before{border-radius:48px}.pb-upload-container{order:2;width:100%;height:220px}.pb-upload-area{clip-path:none;border-radius:48px;padding:24px}.pb-inner-border{border:dashed 1px var(--text-muted);border-radius:24px;height:100%;-webkit-mask-image:linear-gradient(to bottom right,#000 70%,#0000 80%);mask-image:linear-gradient(to bottom right,#000 70%,#0000 80%)}.pb-upload-container .btn-primary{border-radius:24px;gap:8px;width:160px;bottom:24px;right:24px}.pb-upload-container .btn-primary:before{border-radius:24px}.btn-primary .arrow-outwards{width:20px;height:20px}}@media (width<=768px){.pb-container{gap:12px}.pb-saved-content{border-radius:32px;height:140px}.pb-saved-content:before{border-radius:32px}.pb-preview-options{border-radius:16px;width:48px;height:48px;top:16px;left:auto;right:16px}.pb-preview-options:before{border-radius:16px}.pb-summary{border-radius:32px;gap:16px;padding:16px}.pb-summary-header{width:100%;padding:0}.pb-summary-header h1{width:100%;-webkit-mask-image:linear-gradient(90deg,#000 65%,#0000 80%);mask-image:linear-gradient(90deg,#000 65%,#0000 80%)}.pb-summary>div:nth-child(2){flex-direction:column;gap:16px;padding:0}.pantones{border-radius:0}.pantone{width:32px;height:32px}.pb-description{min-height:119px}.category-title{display:none}.pb-upload-container{height:180px}.pb-upload-area{border-radius:32px;padding:16px}.pb-inner-border{border-radius:16px}.pb-upload-container .btn-primary{border-radius:16px;width:120px;bottom:16px;right:16px}.pb-upload-container .btn-primary:before{border-radius:16px}.btn-primary .arrow-outwards{width:16px;height:16px}}.cm-container{gap:16px;width:100%;display:flex}.cm-content{flex-direction:column;flex-grow:1;gap:16px;display:flex;position:relative}.cm-selector{border:solid 1px var(--text-disabled);border-radius:16px;gap:16px;width:1024px;display:flex;position:absolute;top:0;left:0}.cm-selector button{width:504px}.set-left{justify-content:flex-start}.set-right{justify-content:flex-end}@media (width<=1440px){.cm-selector{width:768px}.cm-selector button{width:378px}}@media (width<=1280px){.cm-selector{width:656px}.cm-selector button{width:320px}}@media (width<=1100px){.cm-container{flex-direction:column}.cm-selector{border-radius:32px;width:100%;padding:8px;position:relative}.cm-selector button{flex:1;width:auto}}@media (width<=768px){.cm-container,.cm-content{gap:12px}.cm-selector{border-radius:24px;justify-content:flex-end;gap:8px}.cm-selector button{width:100%}.scc-left{order:2}}.single-content-creation{align-items:flex-end;gap:16px;display:flex}.scc-left{flex-direction:column;flex-shrink:0;gap:16px;width:504px;display:flex}.scc-inputs{flex-direction:column;gap:16px;display:flex}.scc-options{gap:16px;display:flex}.scc-options select{width:402px}.scc-upload-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;height:272px;clip-path:path("M 16,72 L 487,72 A 32,32 0,0,0 519,40 L 519,16 A 16,16 0,0,1 535,0 L 816,0 A 16,16 0,0,1 832,16 L 832,256 A 16,16 0,0,1 816,272 L 16,272 A 16,16 0,0,1 0,256 L 0,88 A 16,16 0,0,1 16,72 Z");background-color:#fff3;flex-grow:1}@media (width<=1440px){.scc-left{width:378px}.scc-options select{width:302px}.scc-upload-area{clip-path:path("M 16,72 L 359,72 A 32,32 0,0,0 391,40 L 391,16 A 16,16 0,0,1 407,0 L 588,0 A 16,16 0,0,1 604,16 L 604,256 A 16,16 0,0,1 588,272 L 16,272 A 16,16 0,0,1 0,256 L 0,88 A 16,16 0,0,1 16,72 Z")}}@media (width<=1280px){.scc-left{width:320px}.scc-options select{width:256px}.scc-upload-area{clip-path:path("M 16,72 L 304,72 A 32,32 0,0,0 336,40 L 336,16 A 16,16 0,0,1 352,0 L 544,0 A 16,16 0,0,1 560,16 L 560,256 A 16,16 0,0,1 544,272 L 16,272 A 16,16 0,0,1 0,256 L 0,88 A 16,16 0,0,1 16,72 Z")}}@media (width<=1100px){.single-content-creation{flex-direction:column;align-items:stretch}.scc-left,.scc-options select{width:100%}.scc-upload-area{clip-path:none;border-radius:48px;width:100%;height:220px;padding:24px}.scc-inner-border{border:dashed 1px var(--secondary);border-radius:24px;height:100%}}@media (width<=768px){.single-content-creation,.scc-inputs{gap:12px}.scc-options{flex-direction:column}.scc-options select{width:100%}.scc-upload-area{border-radius:32px;height:160px;padding:16px}.scc-inner-border{border-radius:16px}}.content-history{filter:drop-shadow(-8px -10px 46px #0000005f);-webkit-backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);border-radius:16px;flex-shrink:0;width:504px;height:272px;transition:opacity .26s ease-out;position:relative;overflow:hidden}.content-history:before{content:"";z-index:0;-webkit-box-shadow:inset 2px 2px 0 -2px #ffffffb3,inset 0 0 3px 1px #ffffffb3;border-radius:16px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 6px 6px 0 -6px #ffffffb3,inset 0 0 8px 1px #ffffffb3}.content-items{flex-direction:column;gap:16px;padding:16px;display:flex}.content-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background-color:#fff3;border-radius:16px;height:112px}@media (width<=1440px){.content-history{width:378px}}@media (width<=1280px){.content-history{width:320px}}@media (width<=1100px){.content-history{border-radius:48px;width:100%;height:360px}.content-history:before{border-radius:48px}.content-items{padding:24px}.content-item{border-radius:24px}}@media (width<=768px){.content-history{border-radius:32px;height:216px}.content-history:before{border-radius:32px}.content-items{padding:16px}.content-item{border-radius:16px}}.footer-section{text-align:right;flex-direction:column;gap:16px;padding:40px;display:flex}.footer-section h2{color:var(--text-more-muted);font-size:24px}@media (width<=1100px){.footer-section{padding:24px 16px}.footer-section h2{font-size:20px}}@media (width<=768px){.footer-section{gap:8px;padding:16px 4px}.footer-section h2{font-size:16px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--background:#02080d;--primary:#ff5a1f;--secondary:#4a6b87;--text:#fff;--text-muted:#d9d9d9;--text-more-muted:#ababab;--text-disabled:#abababb3}body{color:var(--text)}h1{letter-spacing:.1em;font-family:Bebas Neue,sans-serif;font-size:clamp(40px,8vw,96px);font-style:normal;font-weight:400}h2{font-optical-sizing:auto;letter-spacing:.1em;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:700}p{font-optical-sizing:auto;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}button{border:none;width:100%}.root-container{background-color:var(--primary);background-image:radial-gradient(ellipse 100% 30% at 44% -3%, var(--background) 0% 15%, var(--secondary) 35%, transparent 55%), radial-gradient(circle at 65% 80%, var(--background) 0% 28%, var(--secondary) 45%, transparent 60%);flex-direction:column;min-width:100vw;min-height:100vh;padding:24px;display:flex}.section{width:100%}.component{flex-direction:column;gap:24px;width:100%;padding:24px 0;display:flex}.section-title{justify-content:space-between;align-items:center;display:flex}.random-symbols{opacity:.2;font-size:24px;font-weight:700}.upload-area{background-color:var(--text-muted);cursor:pointer;border-radius:16px;flex-grow:1;width:100%}.btn-primary{filter:drop-shadow(-8px -10px 46px #0000005f);-webkit-backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);backdrop-filter:brightness(1.1)blur(2px)url(#displacementFilter);color:var(--text-muted);cursor:pointer;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.btn-primary:before{content:"";z-index:0;-webkit-box-shadow:inset 2px 2px 0 -2px #ffffffb3,inset 0 0 3px 1px #ffffffb3;position:absolute;inset:0;overflow:hidden;box-shadow:inset 6px 6px 0 -6px #ffffffb3,inset 0 0 8px 1px #ffffffb3}.btn-primary p{z-index:1;font-weight:700;position:relative}.btn-primary .arrow-outwards{width:24px;height:24px}.btn-secondary{background-color:var(--text);color:var(--background);cursor:pointer}.btn-secondary p{font-weight:700}.input-primary{color:var(--text-disabled);border:solid .5px var(--text-more-muted);background:0 0}.input-primary::placeholder{font-optical-sizing:auto;text-align:center;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.dropdown-primary{background-color:var(--text-muted)}.btn-primary,.btn-secondary,.input-primary,.dropdown-primary{border-radius:16px;height:56px}.btn-primary:before{border-radius:16px}@media (width<=1100px){.root-container{padding:16px}.btn-primary,.btn-secondary,.input-primary,.dropdown-primary,.btn-primary:before{border-radius:24px}}@media (width<=768px){.root-container{padding:12px}p{font-size:14px}h2,.btn-secondary p,.btn-primary p{font-size:13px}.btn-primary,.btn-secondary,.input-primary,.dropdown-primary{border-radius:16px;height:48px}.btn-primary:before{border-radius:16px}}