body{background-color:#19191c;background-color:var(--rs-color-black)}img{max-width:100%}.ws-button{white-space:normal}.section-social{background:#000 url(/webstorm/img/WebStorm_Footer.svg) scroll no-repeat left calc(50% + 406px) top -90px/1767px 1749px}@media screen and (max-width:1276px){.section-social{background-position:left calc(50% + 250px) bottom -1226px}}@media screen and (max-width:1000px){.section-social{background-position:left calc(50% + 250px) bottom -1226px}}@media screen and (max-width:640px){.section-social{background-size:1267px 1249px;background-position:left -331px bottom -885px;padding-bottom:144px}}
.video-preview{position:relative;aspect-ratio:16/9}.video-preview__img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left}.video-preview__button{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:12px 32px;-moz-column-gap:16px;column-gap:16px;color:#000!important;background-color:#fff;box-shadow:0 30px 40px rgba(0,0,0,.78);border:none;border-radius:26px;cursor:pointer}.video-preview__button:hover{background-color:hsla(0,0%,100%,.8)}@media screen and (max-width:1000px){.video-preview__button{padding:8px 24px}}
.webstorm-overview .wt-section_theme_dark{background-color:#000}.webstorm-overview-header-section{min-height:498px;padding-top:144px;padding-bottom:96px;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2200' height='1000' viewBox='0 0 2200 1000'%3E %3Cdefs%3E %3ClinearGradient id='vortex-webstorm' gradientTransform='rotate(-20 0.5 0.5)' color-interpolation='linearRGB' x1='1' y1='0' x2='0' y2='0'%3E %3Cstop offset='0' stop-color='%23FBFE50' stop-opacity='1'/%3E %3Cstop offset='0.7' stop-color='%2300D1FF' stop-opacity='0.9'/%3E %3Cstop offset='1' stop-color='%23129CFF' stop-opacity='0.7'/%3E %3CanimateTransform attributeName='gradientTransform' type='rotate' values='0 0.5 0.5;-360 0.5 0.5;' dur='120s' additive='sum' repeatCount='indefinite'/%3E %3C/linearGradient%3E %3ClinearGradient id='vortex-webstorm-1' gradientTransform='rotate(-20 0.5 0.5)' color-interpolation='linearRGB' x1='1' y1='0' x2='0' y2='0'%3E %3Cstop offset='0' stop-color='%23FBFE50' stop-opacity='1'/%3E %3Cstop offset='0.7' stop-color='%2300D1FF' stop-opacity='0'/%3E %3Cstop offset='1' stop-color='%23129CFF' stop-opacity='0'/%3E %3CanimateTransform attributeName='gradientTransform' type='rotate' values='0 0.5 0.5;-360 0.5 0.5;' dur='120s' additive='sum' repeatCount='indefinite'/%3E %3C/linearGradient%3E %3C/defs%3E %3Cg transform='translate(-88 -274) rotate(180 1100 500)'%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm-1)' fill-opacity='0.24' transform='rotate(276) scale(8.6)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm-1)' fill-opacity='0.24' transform='rotate(257) scale(7.29)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm-1)' fill-opacity='0.32' transform='rotate(238) scale(6.18)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='0.32' transform='rotate(219) scale(5.24)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='0.48' transform='rotate(200) scale(4.44)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='0.56' transform='rotate(181) scale(3.76)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='0.64' transform='rotate(162) scale(3.19)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='0.72' transform='rotate(143) scale(2.7)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='0.8' transform='rotate(124) scale(2.29)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='0.88' transform='rotate(105) scale(1.94)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='0.96' transform='rotate(86) scale(1.64)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='1' transform='rotate(67) scale(1.4)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='1' transform='rotate(48) scale(1.18)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='1' transform='rotate(29) scale(1)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-webstorm)' fill-opacity='1' transform='rotate(10) scale(0.86)' transform-origin='868px 423.5px'%3E %3CanimateTransform values='0 -60 0;360 -60 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3C/g%3E %3C/svg%3E") scroll no-repeat left calc(50% + 386px) top -104px/2200px 1000px}@media screen and (max-width:1276px){.webstorm-overview-header-section{background-position:left calc(50% + 246px) top -104px}}@media screen and (max-width:1000px){.webstorm-overview-header-section{background-position:right -848px top -104px}}@media screen and (max-width:640px){.webstorm-overview-header-section{padding-top:64px;padding-bottom:64px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' viewBox='0 0 1000 1000'%3E %3Cdefs%3E %3ClinearGradient id='vortex-webstorm' gradientTransform='rotate(-20 0.5 0.5)' color-interpolation='linearRGB' x1='1' y1='0' x2='0' y2='0'%3E %3Cstop offset='0' stop-color='%23FBFE50' stop-opacity='1'/%3E %3Cstop offset='0.7' stop-color='%2300D1FF' stop-opacity='0.9'/%3E %3Cstop offset='1' stop-color='%23129CFF' stop-opacity='0.7'/%3E %3CanimateTransform attributeName='gradientTransform' type='rotate' values='0 0.5 0.5;-360 0.5 0.5;' dur='120s' additive='sum' repeatCount='indefinite'/%3E %3C/linearGradient%3E %3C/defs%3E %3Cg transform='translate(-504 -8) rotate(0 748 363.5)'%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.16' transform='rotate(-295) scale(4.89)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.24' transform='rotate(-276) scale(4.36)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.32' transform='rotate(-257) scale(3.9)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.4' transform='rotate(-238) scale(3.48)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.56' transform='rotate(-219) scale(3.1)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.64' transform='rotate(-200) scale(2.77)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.72' transform='rotate(-181) scale(2.48)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.72' transform='rotate(-162) scale(2.2)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.8' transform='rotate(-143) scale(1.97)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.88' transform='rotate(-124) scale(1.76)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.88' transform='rotate(-105) scale(1.57)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.96' transform='rotate(-86) scale(1.4)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='0.96' transform='rotate(-67) scale(1.25)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='1' transform='rotate(-48) scale(1.12)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='1' transform='rotate(-29) scale(1)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-webstorm)' fill-opacity='1' transform='rotate(-10) scale(0.86)' transform-origin='844px 411.5px'%3E %3CanimateTransform values='0 -48 0;360 -48 0;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3C/g%3E %3C/svg%3E") scroll no-repeat left -238px top -304px/1000px 1000px}}.webstorm-overview-header-section .wt-youtube-player{border-radius:24px;overflow:hidden}.webstorm-overview-header-section .wt-youtube-player__play-button{display:none}@media screen and (max-width:640px){.webstorm-overview-header-section .wt-youtube-player__play-button{display:block}}.webstorm-overview-header-section .video-preview:before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.3);opacity:0;transition:opacity .3s ease-in-out}.webstorm-overview-header-section .video-preview:hover:before{opacity:1}.webstorm-overview-header-section .video-preview__button{box-shadow:0 4px 48px 0 rgba(0,0,0,.4)}@media screen and (max-width:640px){.webstorm-overview-header-section .video-preview__button{display:none}}.webstorm-logo{height:96px;width:96px}@media screen and (max-width:640px){.webstorm-logo{height:72px;width:72px}}
.code-icon{height:64px}@media screen and (max-width:640px){.code-icon{height:48px}}.color-text{color:#167dff}.webstorm-overview .code-card{background-color:rgba(22,125,255,.3)}.webstorm-overview .ws-tool{padding:24px 12px!important;background-color:#000;text-align:center}.webstorm-overview .ws-tool__logo{height:36px}.ws-banner{padding:24px;border-radius:24px;background:#19191c}.tools-grid-container{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}@media screen and (max-width:640px){.tools-grid-container{grid-template-columns:repeat(2,1fr)}}
.webstorm-goes-ai-section{background-color:transparent}.webstorm-goes-ai-banner{--ai-banner-gradient:radial-gradient(134.87% 200.52% at 30.19% -29.55%,#07254c 0%,#1d073a 100%)}
.jb-testimonial-background-1{background:linear-gradient(180deg,rgba(0,12,117,0),rgba(8,17,214,.2)),rgba(6,130,244,.2)}.jb-testimonial-background-2{background:linear-gradient(180deg,rgba(2,171,164,0) -46.41%,rgba(0,95,72,.2)),rgba(0,180,158,.2)}.jb-testimonial-background-3{background:linear-gradient(180deg,rgba(22,125,255,0),rgba(0,46,128,.2)),rgba(39,147,134,.2)}.jb-testimonial-background-4{background:linear-gradient(180deg,rgba(22,125,255,0),rgba(14,86,177,.2)),rgba(5,174,244,.2)}
.webstorm-overview .webstorm-features-content{padding:48px;margin-left:-48px;margin-right:-48px;border-radius:32px;background:rgba(22,125,255,.3)}.webstorm-overview .webstorm-feature-card{background-color:#000;display:flex;flex-direction:column}.webstorm-overview .webstorm-feature-card_border{border:2px solid #7b61ff!important}.webstorm-overview .webstorm-feature-card_border.webstorm-feature-card_whatsnew{border-color:#8473ff;border-color:var(--rs-color-primary-dark-theme)}.webstorm-overview .webstorm-feature-card__content{flex-grow:1}.webstorm-overview .webstorm-feature-card__img{width:64px;height:64px}@media screen and (max-width:640px){.webstorm-overview .webstorm-feature-card__img{width:48px;height:48px}}.webstorm-feature-card{position:relative}.webstorm-feature-card__tag{position:absolute;top:24px;right:24px}
.customers-item{text-align:center}@media screen and (max-width:640px){.customers-item{text-align:left}}@media screen and (max-width:640px){.customers-item_bookingcom{order:1}}@media screen and (max-width:640px){.customers-item_thoughtworks{order:3}}@media screen and (max-width:640px){.customers-item_salesforce{order:2}}@media screen and (max-width:640px){.customers-item_soundcloud{order:4}}@media screen and (max-width:640px){.customers-item_angularjs{order:5}}@media screen and (max-width:640px){.customers-item_expedia{order:7}}@media screen and (max-width:640px){.customers-item_reuters{order:9}}@media screen and (max-width:640px){.customers-item_wix{order:6}}@media screen and (max-width:640px){.customers-item_bmw{order:8}}.customers-logo{max-width:100%;height:72px;vertical-align:middle}@media screen and (max-width:640px){.customers-logo{height:48px}}.bookingcom{width:230px}.wix{width:186px}.atlassian{width:206px}.thoughtworks{width:230px}.samsung{width:177px}.expedia{width:180px}.reuters{width:229px}.visa{width:139px}.angularjs{width:230px}.webstorm-overview-marquee .cmn-ui-marquee__group{--marquee-gap:64px}@media screen and (max-width:640px){.webstorm-overview-marquee .cmn-ui-marquee__group{--marquee-gap:16px}}