.symfony-head-section{position:relative;background-color:#000}.symfony-head-section__logo svg{height:48px;width:auto}.symfony-head-card{border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.symfony-head-card__icon svg{width:72px;height:72px}.symfony-title-tooltip__icon{position:relative;top:-4px;right:-2px;width:28px;height:28px}@media screen and (max-width:640px){.symfony-title-tooltip__icon{top:7px;margin-top:-6px}}.animation-container{position:absolute;right:50%;top:-510px;width:2079px;height:1701px;transform:translateX(calc(50% + 680px));background-image:url(/phpstorm/features/frameworks/symfony/img/animation.svg)}@media screen and (max-width:1000px){.animation-container{top:-490px;right:-1390px;transform:unset;right:-1450px}}
.media-viewer{position:relative;border-radius:16px;overflow:hidden}@media screen and (max-width:640px){.media-viewer{height:auto}}.media-viewer__gif,.media-viewer__img{position:relative;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;box-sizing:border-box;-o-object-position:top left;object-position:top left}@media screen and (max-width:640px){.media-viewer__gif,.media-viewer__img{width:100%;height:100%;-o-object-position:top left;object-position:top left}}.media-viewer__gif{cursor:pointer}.media-viewer_playing+button{display:none}.media-viewer__play-button:after{content:"";display:block;position:absolute;width:32px;height:32px;left:68px;bottom:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF'%3E%3Cpath d='M19 12L8 4v16l11-8z' fill='%23FFFFFF' /%3E%3C/svg%3E") scroll no-repeat 50%/24px 24px #19191c;cursor:pointer}@media screen and (max-width:640px){.media-viewer__play-button:after{left:24px}}.media-viewer__zoom-button{position:absolute;bottom:24px;left:24px;height:32px;width:32px;border:none;padding:0;box-sizing:border-box;background:url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF'%3E %3Cpath d='m5 14h-2v7h7v-2h-5zm0-9h5v-2h-7v7h2zm14 14h-5v2h7v-7h-2zm-5-16v2h5v5h2v-7z' fill='%23FFFFFF' /%3E %3C/svg%3E") scroll no-repeat 50%/24px 24px #19191c;font-size:10px;color:transparent;cursor:pointer;z-index:2}._show-gif._active~.media-viewer__zoom-button{display:none}@media screen and (max-width:640px){.media-viewer__zoom-button{display:none}}.media-viewer .gif-player{height:100%;box-sizing:border-box}@media screen and (max-width:640px){.media-viewer .gif-player{width:100%}}.media-viewer .gif-player:after,.media-viewer .gif-player:before,.media-viewer__popup .gif-player:after,.media-viewer__popup .gif-player:before{height:32px;bottom:24px;line-height:32px}.media-viewer .gif-player:before,.media-viewer__popup .gif-player:before{left:24px;display:none}.media-viewer .gif-player:after,.media-viewer__popup .gif-player:after{width:32px;left:68px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF'%3E%3Cpath d='M19 12L8 4v16l11-8z' fill='%23FFFFFF' /%3E%3C/svg%3E") scroll no-repeat 50%/24px 24px #19191c}@media screen and (max-width:640px){.media-viewer .gif-player:after,.media-viewer__popup .gif-player:after{left:24px}}.media-viewer__popup .gif-player:after{left:24px}.media-viewer .gif-player:active:before,.media-viewer .gif-player:focus:before,.media-viewer .gif-player:hover:before{left:56px;display:none}.wt-popup.media-viewer__popup{max-width:90vw;width:1200px}.wt-popup.media-viewer__popup .wt-popup__loading-icon{fill:#fff}.media-viewer__popup-img{width:auto;max-width:100%}.media-viewer_hide-zoom .media-viewer__play-button:after{left:24px}
.symfony-feature-card .symfony-feature-card__media{height:218px;border:2px solid #8d48ff}.symfony-feature-card .symfony-feature-card__media .media-viewer__img{width:auto;height:228px;-o-object-position:-2px -2px;object-position:-2px -2px}.symfony-feature-card .symfony-feature-card__media .media-viewer__gif{position:relative;top:-2px;left:-2px;width:auto;height:228px}
.slideshow.symfony-slideshow-block{background:transparent}.slideshow.symfony-slideshow-block .slideshow__slides-panel{padding-top:0}.slideshow.symfony-slideshow-block .slideshow__slides-switcher li:first-of-type{margin-top:0}.slideshow.symfony-slideshow-block .slideshow__tab{background-color:rgba(48,40,105,.8)}.slideshow.symfony-slideshow-block .slideshow__tab .animated-tab__indicator{background-color:rgba(99,81,233,.8)}.slideshow.symfony-slideshow-block .slideshow__tab__title{--_rs-typography-letter-spacing:normal;--_rs-typography-text-transform:initial;--_rs-typography-font-variant-numeric:initial;--_rs-typography-font-family:var(--rs-font-family-ui,var(--rs-font-family-jb-sans,"JetBrains Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Droid Sans","Helvetica Neue",Arial,sans-serif));--_rs-typography-font-size:var(--rs-h4-font-size,16px);--_rs-typography-font-weight:var(--rs-font-weight-semi-bold,600);--_rs-typography-line-height:var(--rs-h4-line-height,24px);--_rs-typography-base-color:var(--_rs-typography-heading-hardness-color,var(--rs-color-hard,rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230),calc(25 + var(--_rs-theme-dark-coefficient, 0)*230),calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))));--_rs-typography-text-auto-offset:0;--_rs-typography-ul-list-li-padding-left:initial;--_rs-typography-ol-list-li-padding-left:initial;--_rs-typography-list-li-margin-top-from-text:initial;--_rs-typography-link-standalone-border-offset-from-text-base:1.15em;--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;--_rs-typography-link-border-bottom-width-from-text:2px;--_rs-theme-dark:var(--_rs-internal-force-theme-dark-consult-rescui-before-using,var(--rs-theme-dark,0));--_rs-theme-flip:var(--rs-theme-flip,0);--_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));color:#19191c ;color:var(--rs-color-hard,rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230),calc(25 + var(--_rs-theme-dark-coefficient, 0)*230),calc(28 + var(--_rs-theme-dark-coefficient, 0)*227)))}.slideshow.symfony-slideshow-block .slideshow__tab__description,.slideshow.symfony-slideshow-block .slideshow__tab__title{letter-spacing:var(--_rs-typography-letter-spacing) ;letter-spacing:var(--rs-text-base-letter-spacing,var(--_rs-typography-letter-spacing));text-transform:var(--_rs-typography-text-transform);font-family:var(--_rs-typography-font-family);font-size:var(--_rs-typography-font-size);font-weight:var(--_rs-typography-font-weight);line-height:var(--_rs-typography-line-height);font-variant-numeric:var(--_rs-typography-font-variant-numeric);font-feature-settings:"kern","liga","calt";--rs-theme-dark:0;--rs-theme-dark:1}.slideshow.symfony-slideshow-block .slideshow__tab__description{--_rs-typography-letter-spacing:0.0045em;--_rs-typography-text-transform:initial;--_rs-typography-font-variant-numeric:initial;--_rs-typography-font-family:var(--rs-font-family-ui,var(--rs-font-family-jb-sans,"JetBrains Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Droid Sans","Helvetica Neue",Arial,sans-serif));--_rs-typography-font-size:var(--rs-text-3-font-size,13px);--_rs-typography-font-weight:var(--rs-font-weight-regular,400);--_rs-typography-line-height:var(--rs-text-3-line-height,20px);--_rs-typography-base-color:var(--_rs-typography-hardness-color,var(--rs-color-average,rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230),calc(25 + var(--_rs-theme-dark-coefficient, 0)*230),calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),0.7)));--_rs-typography-text-auto-offset:8px;--_rs-typography-ul-list-li-padding-left:28px;--_rs-typography-ol-list-li-padding-left:21px;--_rs-typography-list-li-margin-top-from-text:8px;--_rs-typography-link-standalone-border-offset-from-text-base:1.15em;--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;--_rs-typography-link-border-bottom-width-from-text:1px;--_rs-theme-dark:var(--_rs-internal-force-theme-dark-consult-rescui-before-using,var(--rs-theme-dark,0));--_rs-theme-flip:var(--rs-theme-flip,0);--_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));color:rgba(25,25,28,.7) ;color:var(--rs-color-average,rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230),calc(25 + var(--_rs-theme-dark-coefficient, 0)*230),calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),.7))}.symfony-carousel .wt-carousel__nav{width:100%;justify-content:center}.symfony-carousel .wt-carousel__nav>button{padding:7px;border:1px solid hsla(0,0%,100%,.3)}.symfony-carousel .wt-carousel__nav>button:hover{border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.1)}.symfony-carousel .wt-carousel__nav>button:active{padding:6px;border-width:2px;border-color:#fff}.symfony-carousel-slide__img{width:100%;border-radius:16px}
.symfony-trial-card{display:flex;flex-direction:column;justify-content:space-between;max-width:425px;padding:24px;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(36px);backdrop-filter:blur(36px)}.symfony-trial-card__logo{width:72px;height:72px}.symfony-trial-background{position:absolute;left:50%;bottom:-40px;width:1920px;height:800px;background-image:url(/phpstorm/features/frameworks/symfony/img/trial-background.svg);background-repeat:no-repeat;background-size:contain;transform:translateX(-50%);z-index:0}@media screen and (max-width:1000px){.symfony-trial-background{bottom:-50px}}@media screen and (max-width:640px){.symfony-trial-background{left:0;width:100%;height:1000px;background-image:url(/phpstorm/features/frameworks/symfony/img/trial-background-sm.svg);background-position:50%;background-size:cover;transform:unset}}
.symfony-title-with-tag__tag{display:inline-block;position:relative;top:-10px;right:-8px}@media screen and (max-width:640px){.symfony-title-with-tag__tag{top:unset}}@media screen and (max-width:375px){.symfony-title-with-tag__tag{display:block;margin-top:8px;right:unset}}.dark-section-bg{background-color:#000}