.wordpress-heading-section{padding-top:96px}.wordpress-heading-section__logo{height:48px}.wordpress-heading-section__logo path:first-of-type{fill:#fff}
:root{--animated-list-text-color:#fcf84a;--animated-list-top-before-offset:-30px;--animated-list-top-after-offset:30px;--animated-list-text-align:left}.animated-list{display:inline-flex;list-style:none;margin:0;padding:0;position:relative;text-align:var(--animated-list-text-align);vertical-align:top}.animated-list__item{color:var(--animated-list-text-color);margin:0;opacity:0;padding:0;position:absolute;transform:translateY(var(--animated-list-top-before-offset));transition:opacity var(--jb-transition-medium),visibility var(--jb-transition-medium),transform var(--jb-transition-medium);visibility:hidden;white-space:normal;will-change:transform,opacity,visibility}.animated-list__item_shown{opacity:1;position:relative;transform:translateY(0);visibility:visible}.animated-list__item_prev{transform:translateY(var(--animated-list-top-after-offset));transition:opacity var(--jb-transition-fast),visibility var(--jb-transition-fast),transform var(--jb-transition-fast)}
@media screen and (max-width:1276px){.wordpress-features-section__title{height:98px}}@media screen and (max-width:640px){.wordpress-features-section__title{height:78px}}@media (max-width:375px){.wordpress-features-section__title{height:156px}}.wordpress-features-section-carousel__wrapper{display:flex;gap:32px;overflow-x:scroll;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:#0000 #0000;scrollbar-width:none}.wordpress-features-section-carousel__wrapper::-webkit-scrollbar{display:none}@media screen and (max-width:640px){.wordpress-features-section-carousel__wrapper{margin-left:-22px;margin-right:-22px}}.wordpress-features-section-carousel__slide{background-color:var(--rs-color-primary-t-fog-dark-theme);flex:0 0 auto;height:100%;scroll-snap-align:center;width:100%}@media screen and (max-width:640px){.wordpress-features-section-carousel__slide{padding-bottom:24px;padding-top:24px}}.wordpress-features-section-carousel__slide__img{border-radius:8px;box-shadow:24px 10px 45px 0 #00000029;overflow:hidden}@media screen and (max-width:1276px){.wordpress-features-section-carousel__slide__img{box-shadow:none}}@media screen and (max-width:640px){.wordpress-features-section-carousel__slide__img{box-shadow:0 10px 45px -20px #00000029}}.wordpress-features-section-carousel__slide__img img{border-radius:8px;width:100%}.wordpress-features-section-carousel__slide__img video{border-radius:8px}
.wordpress-technologies-section{position:relative}.wordpress-technologies-section__cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));grid-template-rows:repeat(2,min-content)}.wordpress-technologies-section__card{background-color:#ffffff1a;border-radius:12px;padding:24px 8px;text-align:center}.wordpress-technologies-section__logo{height:44px}
.animated-tab{overflow:hidden}.animated-tab,.animated-tab__indicator{height:100%;left:0;position:absolute;top:0;width:100%}.animated-tab__indicator{background-color:var(--wt-color-white-20);transform:translateX(-101%);transition:transform 0s linear}.animated-tab--active .animated-tab__indicator{transform:translateX(0)}
:root{--slideshow-tab-width:412px;--slideshow-tab-lg-width:240px}.slideshow{background-color:#3c3c40;border-radius:8px;display:flex;position:relative}@media screen and (max-width:640px){.slideshow{flex-direction:column}}.slideshow__slides{flex:1 1 auto;position:relative;width:calc(100% - var(--slideshow-tab-width))}@media screen and (max-width:1276px){.slideshow__slides{width:calc(100% - var(--slideshow-tab-lg-width))}}@media screen and (max-width:640px){.slideshow__slides{width:100%}}.slideshow__slide{bottom:0;height:100%;left:0;right:0;top:0;width:100%}.slideshow__slide_visible{opacity:1;position:relative;transition:opacity .5s linear 0s,visibility 0s linear 0s;visibility:visible}.slideshow__slide_hidden{opacity:0;position:absolute;transition:opacity .5s linear 0s,visibility 0s linear .5s;visibility:hidden}.slideshow__slides-panel{align-items:stretch;display:flex;flex-direction:column;min-height:fit-content;padding:18px 0;width:var(--slideshow-tab-width)}@media screen and (max-width:1276px){.slideshow__slides-panel{padding:12px 0;width:var(--slideshow-tab-lg-width)}}@media screen and (max-width:640px){.slideshow__slides-panel{width:100%}}.slideshow__slides-switcher{box-sizing:border-box;flex-grow:1;flex-shrink:1;overflow-y:auto;padding:0 16px;position:relative;width:100%}@media screen and (max-width:1276px){.slideshow__slides-switcher{padding:0 10px}}@media screen and (max-width:640px){.slideshow__slides-switcher{padding:12px 0 0}}.slideshow__tab{background-color:var(--wt-color-white-20);border-radius:8px;cursor:pointer;flex:0 0 auto;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);max-width:100%;overflow:hidden;padding:9px 14px;position:relative;text-align:left}@media screen and (max-width:1276px){.slideshow__tab{padding:4px 10px}}.slideshow__tab:focus{outline:none}.slideshow__tab:focus[data-focus-method=key]{box-shadow:var(--wt-color-primary-light-theme-80) 0 0 0 4px}.slideshow__tab:hover,.slideshow__tab_active{background-color:var(--wt-color-white-30)}.slideshow__tab__title{position:relative}.slideshow__tab__title-tag-container{display:flex;gap:16px;justify-content:space-between}.slideshow__tab__description{position:relative}.slideshow__learn-more{flex-shrink:0;padding:0 16px}@media screen and (max-width:1276px){.slideshow__learn-more{padding:0 10px}}.slideshow__learn-more_btn{width:100%}.slideshow_panel-left{flex-direction:row-reverse}@media screen and (max-width:640px){.slideshow_panel-left{flex-direction:column}}.slideshow_panel-top{flex-direction:column-reverse}.slideshow_panel-top .slideshow__slides-panel{padding:0;width:100%}.slideshow_panel-top .slideshow__slides-switcher{display:flex;gap:4px;padding:0}.slideshow_panel-top .slideshow__slides{width:100%}
.slide-carousel{height:100%;position:relative}.slide-carousel img{height:100%;object-fit:contain;object-position:top left;width:100%}.slide-carousel video{border-radius:8px;height:100%;object-fit:fill;vertical-align:top;width:100%}.slide-carousel_panel-left img{border-radius:0 8px 8px 0}
.slideshow.slideshow-block{background-color:initial}.slideshow.slideshow-block .slideshow__tab .animated-tab__indicator{background-color:#76064a}.slideshow.slideshow-block .slideshow__tab_progress{background-color:#3d0c21}.slideshow.slideshow-block .slideshow__slides-panel{padding-top:5px}@media screen and (max-width:640px){.slideshow.slideshow-block .slideshow__slides-panel{padding-top:12px}}.slideshow.slideshow-block .slideshow__slides-panel .slideshow__slides-switcher{padding-left:16px;padding-right:0}@media screen and (max-width:640px){.slideshow.slideshow-block .slideshow__slides-panel .slideshow__slides-switcher{padding:0}}.slideshow.slideshow-block.slideshow-block_panel-left .slideshow__slides-switcher{padding-left:0;padding-right:16px}.slideshow.slideshow-block .slideshow__slides-switcher>li:first-child{margin-top:0}.slide-carousel img,.slide-carousel video{border-radius:8px}@media screen and (max-width:640px){.wordpress-slideshow-section__slides{padding-inline:16px}}.wordpress-slideshow-section__slide,.wordpress-slideshow-section__slides_video{width:100%}.wordpress-slideshow-section__slide img{border-radius:8px;width:100%}
.wordpress-trial-section{background-image:url(/_assets/www/phpstorm/features/frameworks/wordpress/img/trial-bg.b61c934a83915969c3af.png);background-position:100% 100%;background-repeat:no-repeat;background-size:80%;padding-top:96px}@media screen and (max-width:1276px){.wordpress-trial-section{background-size:100%}}@media screen and (max-width:1000px){.wordpress-trial-section{background-position:0 bottom;background-size:150%}}@media screen and (max-width:640px){.wordpress-trial-section{background-position:bottom;background-size:180%;padding-top:64px}}.wordpress-trial-section__button{width:100%}
body{background-color:#000}.wordpress-page__heading-bg{background:#000 url(/_assets/www/phpstorm/features/frameworks/wordpress/img/phpstorm-header-animation.6bf3e94f3ce3e6e3abd7.svg) scroll no-repeat right -150px top -435px;background-size:1600px 1600px}@media screen and (max-width:640px){.wordpress-page__heading-bg{background:#000 url(/_assets/www/phpstorm/features/frameworks/wordpress/img/phpstorm-header-animation.6bf3e94f3ce3e6e3abd7.svg) scroll no-repeat right -250px top -330px;background-size:1300px 1300px}}.wordpress-page__spot-bg{left:2%;position:absolute;top:36%}@media screen and (max-width:1000px){.wordpress-page__spot-bg{left:-30%}}@media screen and (max-width:640px){.wordpress-page__spot-bg{left:-150%}}