.product-info{min-width:520px;max-width:520px;flex:1 1;top:40px}.product-info .donate-wrapper{border-top:1px solid hsla(0,0%,100%,.12)}.product-info .divider-pipe.vertical{height:40px;width:1px}.product-info .download-cta-wrapper{background-color:#002425;border-radius:12px 12px 0 0}.product-info .likes-count{display:none}.product-info .price span{font-size:20px}.product-info .payment-link-icon path{fill:#008088}.product-info .req-custom{border-radius:0 0 12px 12px;background-color:#eaefed}.product-info .info{border-top:1px solid rgba(0,0,0,.1)}.product-info .tag-free{font-size:20px}.product-info .product-states .likes-button{width:44px}.product-info .download-info-icon,.product-info .figma-button,.product-info .generate-code,.product-info .likes-button{border:1px solid hsla(0,0%,100%,.2)}.product-info .download-info-icon:hover,.product-info .figma-button:hover,.product-info .generate-code:hover,.product-info .likes-button:hover{border:1px solid hsla(0,0%,100%,.5)}.product-info .figma-button path{fill:#fff}.product-info .download-button svg{display:none}.product-stats-info{background-color:#f9fafb}.generate-code-no{display:none}.comments-cta,.comments-empty{background-color:#f4f5f7}.comments-cta h2,.comments-empty h2{font-size:24px;line-height:32px;top:2px}.comments-cta .comments-header,.comments-empty .comments-header{border-bottom:1px solid #94d9d9}.comments-cta .comments-default h3,.comments-empty .comments-default h3{color:#008088}.comment{padding:20px 0}.comments-list{background-color:#f9fafb;border-radius:0 0 12px 12px}.comments-thread .user-avatar{transform:scale(.8);margin-top:-4px}.comments-thread .comment{grid-column-gap:8px;padding:12px 0}.parent-user .comments-sourceline{position:absolute;left:-40px;top:24px;bottom:-32px;width:2px;background-color:#d3d6d9}.comments-thread-line{position:absolute;left:-40px;top:7px;bottom:0;border-bottom:2px solid #d3d6d9;border-left:2px solid #d3d6d9;width:37px;border-radius:0 0 0 4px;height:24px}.replies .comments-sourceline{display:none}.replies .comments-thread-wrapper:before{content:"";position:absolute;top:0;left:-40px;width:2px;background-color:#d3d6d9;bottom:-8px}.replies .comments-thread-wrapper:last-child:before{display:none}.user-avatar{min-width:44px;min-height:44px}.username-initial{top:2px}.badge-author{background-color:#ffc222;padding:2px 10px 1px;top:-2px}.has-comments .comments-cta,.has-comments .comments-empty{border-radius:12px 12px 0 0}#comments{padding-top:52px}.comment.delete-active .comment-text{opacity:.3}.comment .comments-action{transition:opacity .3s ease,visibility .3s ease}.comment:hover .comments-action{opacity:1;visibility:visible}.comment .icon-buttons button{color:#008088}.comment .comment-likes{border:2px solid transparent;width:44px;height:44px}.comment .comment-likes:hover{background-color:#eef1f5}.comment .comment-likes.likes-active{width:auto;padding:0 12px}.comment .comment-likes.likes-active .likes-counter{display:block}.comment.reply-active .comments-action{display:none}.comment .edit-button:after,.comment .edit-button:before{content:"";position:relative;width:4px;height:4px;background-color:rgba(0,0,0,.3);display:block;border-radius:100px;margin:0 8px}.product-comments .empty-comments-active textarea{font-size:18px;padding:12px}.product-comments .empty-comments-active textarea::placeholder{font-size:18px;font-weight:500;font-weight:600}.product-comments textarea{border:none;min-height:92px;resize:none;font-size:15px;color:rgba(0,0,0,.8);background-color:transparent}.product-comments textarea::placeholder{font-size:15px;color:rgba(0,0,0,.8)}.product-comments .textarea-reply{border-bottom:1px solid rgba(0,0,0,.2)}.product-comments .textarea-reply:focus{outline:none;border-bottom:2px solid rgba(0,0,0,.4)}.product-comments .edit-active textarea{outline:none;background-color:transparent;font-size:15px;top:-9px;resize:vertical;border:none;border-bottom:1px solid rgba(0,0,0,.3)}.reviews{max-width:520px;width:520px}.reviews .author-avatar{width:48px;height:48px;background-color:#41bbc2}.title{width:840px}.product-tag{background-color:#f5f5f5;padding:4px 16px}.tokens-tag{top:24px;left:24px;background-color:#cbf0ff}h1{font-size:36px;line-height:44px}.back-icon{background-color:#f5f5f5}.back-icon:hover{background-color:#e5e8ec}.shots-grid-no{display:grid;grid-template-columns:repeat(auto-fit,minmax(800px,1fr));grid-gap:32px}.shot-ui{display:block;width:100%;height:auto;object-fit:cover}.feedback-form blockquote{word-wrap:break-word;white-space:break-spaces}.feedback-form .star-icon{width:36px;height:36px;background-color:#c5cfda}.feedback-form .star-icon svg{fill:#fff;top:-1px;position:relative}.feedback-form .star-icon.active,.feedback-form .star-icon:hover{background-color:#ffc222}.feedback-form .star-icon.active svg,.feedback-form .star-icon:hover svg{fill:#fff}.feedback-form .preview-wrapper{max-width:300px}.feedback-form .avatar-wrapper{width:44px;height:44px;background-color:#ffc222}.feedback-form .uploaded-avatar{width:40px;height:40px}.feedback-form .emoji-icon{font-size:48px;line-height:56px}.sidepanel-popup .sidepanel-wrapper{width:600px}.sidepanel-popup .popup-title{border-bottom:1px solid rgba(0,0,0,.1)}.sidepanel-popup .data-box{background-color:#fbfbfd;border:1px solid #ebedf3}.sidepanel-popup .ai-tools a{border:1px solid rgba(0,0,0,.1)}.sidepanel-popup .ai-tools a:hover{background-color:#fbfbfd;border:1px solid rgba(0,0,0,.2)}.sidepanel-popup .disclaimer-wrapper .disclaimer{background-color:#f4f6ff;color:#3855a1}.sidepanel-popup .gpt-prompt-wrapper{max-height:272px;background-color:#fbfbfd;border:1px solid #ebedf3}.sidepanel-popup .copy-button{background-color:#fff}.sidepanel-popup .copy-button:hover{background-color:#e4e4f1}.sidepanel-popup .codegen-progress-track{height:4px;background:var(--ds-border-8)}.sidepanel-popup .codegen-progress-fill{height:4px;background:var(--ds-black-100)}.sidepanel-popup .codegen-progress-label{min-width:32px;text-align:right}.sidepanel-popup .codegen-timeline-line{width:1.5px;background:var(--ds-border-12);min-height:20px}.sidepanel-popup .codegen-timeline-icon{width:22px;height:22px;min-width:22px}.sidepanel-popup .codegen-timeline-icon--pending{border:1.5px solid var(--ds-border-40)}.sidepanel-popup .codegen-timeline-icon--active{border:2.5px solid var(--ds-gold-60);border-top:2.5px solid transparent;animation:codegen-spin 1s linear infinite}.sidepanel-popup .codegen-timeline-icon--done{background-color:var(--ds-green-70)}.sidepanel-popup .codegen-sections-plan{border-color:var(--ds-border-12);background:var(--ds-canvas-subtle)}.sidepanel-popup .codegen-sections-plan__icon{color:var(--ds-cyan-blue-60)}.sidepanel-popup .codegen-sections-plan__chevron{color:var(--ds-content-core-medium)}.sidepanel-popup .codegen-sections-plan__chevron--open{transform:rotate(180deg)}.sidepanel-popup .codegen-code-block__action{color:var(--ds-content-core-medium)}.sidepanel-popup .codegen-code-block__action:hover{background-color:var(--ds-border-8);color:var(--ds-content-core-high)}.sidepanel-popup .codegen-code-block__chevron--collapsed{transform:rotate(180deg)}.sidepanel-popup .codegen-code-pre{font-family:var(--ds-family-mono);max-height:240px;white-space:pre;color:var(--ds-content-core-high)}.sidepanel-popup .codegen-skeleton-line{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--ds-pastel-teal-40) 25%,#d0f5ec 50%,var(--ds-pastel-teal-40) 75%);background-size:200% 100%;animation:codegen-shimmer 1.5s ease-in-out infinite}@keyframes codegen-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sidepanel-popup .codegen-warning-banner{background:var(--ds-pastel-yellow-40);border-bottom:1px solid var(--ds-border-12)}.sidepanel-popup .codegen-error-box{background:var(--ds-red-muted-40);border:.5px solid var(--ds-red-core-40)}.codegen-code-block{max-width:480px}.button.pagination{background-color:#f8f9fb}.button.pagination:hover{background-color:#ebedf1}.auth h1,.auth h2{font-size:64px;line-height:72px}.auth h2 svg{width:92px}.auth .global-error{background-color:rgba(255,9,36,.8);color:#fff}.auth .wave{font-size:40px;display:inline-block;animation:waveAnimation 2s ease-in-out infinite;transform-origin:72% 72%;top:-4px}.auth .auth-content{padding:4rem 0}.auth .input-icon{right:12px;opacity:0;transform:translateX(2px);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s}.auth .input-wrapper:hover .input-icon{transform:translateX(-2px);opacity:1;visibility:visible}.auth .password-match{top:2px}.auth .password-confirm .input-icon{right:0}.auth .icon-set{top:12px;right:12px}.auth .input,.auth input:not(.readonly input){background-color:#f5f6fa;margin:1px 0}.auth .input:hover,.auth input:not(.readonly input):hover{background-color:#edeff4}.auth .invalid .input,.auth .invalid input{background-color:#ffebeb}.auth input:not(.otp input,.readonly input){font-size:16px;padding:20px;height:60px}.auth .form{max-width:516px;min-width:516px}.auth .auth-visual{width:588px;height:788px}.auth .show-password{right:12px}.auth .show-password:hover path{fill:#008088}.auth .button:disabled{background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.2);cursor:not-allowed}.auth .thumbnails{margin-left:48px;padding-top:160px}.auth .thumbnails .pan-left{animation:panLeft 28s linear infinite;transform:translateX(220px)}.auth .thumbnails .pan-right{animation:panRight 28s linear infinite;transform:translateX(-220px)}@keyframes panLeft{0%{transform:translateX(220px)}50%{transform:translateX(-100px)}to{transform:translateX(0)}}@keyframes panRight{0%{transform:translateX(-220px)}50%{transform:translateX(0)}to{transform:translateX(-220px)}}@keyframes waveAnimation{0%{transform:translateX(0) rotate(0deg)}10%{transform:translateX(0) rotate(8deg)}20%{transform:translateX(0) rotate(-8deg)}30%{transform:translateX(0) rotate(8deg)}40%{transform:translateX(0) rotate(-4deg)}50%{transform:translateX(0) rotate(0deg)}60%{transform:translateX(0) rotate(0deg)}to{transform:translateX(0) rotate(0deg)}}@media(max-width:1280px){.auth .auth-content,.container{padding:0}.auth .auth-visual{border-radius:0;width:380px}}@media(max-width:992px){.container{padding:0 24px}.auth .auth-visual{display:none}}@media(max-width:767px){.auth .form-footer{flex-flow:column}.auth h1{font-size:40px;line-height:48px}.auth .mb-64{margin-bottom:24px}}.thumbnail-image{opacity:0;transition:opacity .4s ease-in-out}.thumbnail-image.loaded{opacity:1}.popup-box.login-request{width:440px}.popup-box.login-request p{font-size:16px;line-height:22px}.rich-text-wrapper a{color:#008088}.rich-text-wrapper a:hover{color:#000}.rich-text-wrapper ol,.rich-text-wrapper ul{margin:8px 0 8px 20px}.rich-text-wrapper ol li,.rich-text-wrapper ul li{padding-bottom:8px}.rich-text-wrapper li,.rich-text-wrapper p{font-size:16px;line-height:24px}.rich-text-wrapper b{padding-bottom:8px;display:inline-block}.rich-text-wrapper b,.rich-text-wrapper h1,.rich-text-wrapper h2,.rich-text-wrapper h3,.rich-text-wrapper h4,.rich-text-wrapper h5,.rich-text-wrapper h6{color:rgba(0,0,0,.9)}.rich-text-wrapper p{padding:12px 0;color:rgba(0,0,0,.8)}.rich-text-wrapper h2{font-size:20px;line-height:28px}.rich-text-wrapper h3{font-size:18px}.rich-text-wrapper h4{font-size:16px;line-height:24px;padding:8px 0}.tab-button.active span{color:#008088}.tabs-nav{top:0;background-color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.1)}.tabs-nav button.active:before{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#008088}.form-wrapper{width:496px}.form-wrapper input,.form-wrapper textarea{border:1px solid rgba(0,0,0,.08);padding:10px 12px}.form-wrapper input:disabled,.form-wrapper textarea:disabled{cursor:not-allowed}.form-wrapper textarea{max-height:152px;min-height:144px;resize:vertical;font-family:inter}.form-wrapper .radio-button{width:20px;height:20px;border:2px solid #058a8a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-wrapper .radio-button:before{content:"";position:absolute;width:10px;height:10px;top:3px;left:3px;border-radius:100px}.form-wrapper .radios input[type=radio]:checked+.radio-button:before{background-color:#058a8a}.form-wrapper input[type=radio]{display:none}input:focus+.file-name{color:#007bff}input:valid+.file-name{color:green}.codegen-card-list{display:flex;flex-direction:column;gap:8px}.codegen-radio-card-desc{color:var(--txt-secondary,#6b7280);line-height:1.5;margin-left:28px;margin-bottom:10px}.codegen-chip{--ds-chip-font-size:11px;--ds-chip-border-color:rgba(95,108,121,.3)}.codegen-timeline{display:flex;flex-direction:column}.codegen-timeline-step{display:flex;align-items:flex-start;gap:10px}.codegen-timeline-track{flex-direction:column}.codegen-timeline-circle,.codegen-timeline-track{display:flex;align-items:center;flex-shrink:0;width:14px}.codegen-timeline-circle{height:14px;border-radius:50%;justify-content:center}.codegen-timeline-circle--done{background:#129b7a}.codegen-timeline-circle--active{border:2px solid #129b7a;background:transparent}.codegen-timeline-circle--pending{border:1.5px solid rgba(95,108,121,.3);background:transparent}.codegen-timeline-spinner{display:block;width:6px;height:6px;border-radius:50%;border:1.5px solid transparent;border-top-color:#129b7a;animation:codegen-spin .75s linear infinite}@keyframes codegen-spin{to{transform:rotate(1turn)}}.codegen-timeline-line{width:1.5px;flex:1 1;min-height:12px;background:rgba(95,108,121,.2);margin:3px 0}.codegen-timeline-label{font-size:12px;line-height:14px;padding-bottom:14px}.codegen-timeline-label--done{color:var(--txt-weak,#8a919a)}.codegen-timeline-label--active{color:var(--txt-primary,#111827);font-weight:500}.codegen-timeline-label--pending{color:var(--txt-weak,#8a919a)}.ds-included-card{border-color:var(--ds-cyan-blue-30);background:var(--ds-cyan-blue-20)}.ds-included-card__file-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:24px;column-gap:24px}.ds-page-structure-plan{border-color:var(--ds-cyan-blue-40)}.ds-page-structure-plan__header{background-color:var(--ds-cyan-blue-10)}.ds-page-structure-plan__header:hover{background-color:var(--ds-cyan-blue-20)}.ds-page-structure-plan__chevron{transform:rotate(0deg)}.ds-page-structure-plan__chevron--open{transform:rotate(180deg)}.ds-page-structure-plan__list{background-color:var(--ds-cyan-blue-20)}.ds-page-structure-plan__number{color:var(--ds-content-supportive-weak)}.ds-code-preview__header{background-color:var(--ds-canvas-body-low);border-bottom:1px solid var(--ds-border-12)}.ds-code-preview__action:hover{background-color:var(--ds-opacity-black-4)}.ds-code-preview__chevron{transform:rotate(0deg)}.ds-code-preview__chevron--open{transform:rotate(180deg)}.ds-code-preview__body{background-color:var(--ds-canvas-body-high)}.ds-code-preview__bar{height:12px;background-color:var(--ds-canvas-body-deep);animation:ds-skeleton-shimmer 1.8s ease-in-out infinite}.ds-code-preview__bar--tinted{background:linear-gradient(90deg,var(--ds-canvas-body-deep) 0,var(--ds-theme-support-40) 50%,var(--ds-canvas-body-deep) 100%);background-size:200% 100%;animation:ds-skeleton-shimmer-tinted 1.8s ease-in-out infinite}@keyframes ds-skeleton-shimmer{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@keyframes ds-skeleton-shimmer-tinted{0%{background-position:200% 0;opacity:.6}50%{background-position:-200% 0;opacity:1}to{background-position:200% 0;opacity:.6}}.header{position:relative}.product-details-page{margin-top:60px}.product-details{margin-top:40px}.title-md h2{width:700px}.title-md p{width:920px}body{background-color:#fff}