@layer organisms{.phxsg-editorial-section-wrapper{position:relative}.phxsg-editorial-section{--_comp-editorial-section-card-align: var(--comp-editorial-section-card-align, start);--_comp-editorial-section-mobile-card-align: var(--comp-editorial-section-mobile-card-align, start);display:flex;flex-direction:column;justify-content:var(--_comp-editorial-section-mobile-card-align);min-height:var(--comp-page-available-height);padding-block:var(--sys-spacing-5);padding-inline:var(--sys-spacing-4);overflow:auto clip;cursor:default;&.phxsg-is-scrollable{cursor:grab}&.phxsg-is-dragging{cursor:grabbing;user-select:none}@media screen and (min-width: 768px){flex-direction:row;justify-content:var(--_comp-editorial-section-card-align);padding:var(--sys-spacing-16)}}.phxsg-editorial-section--grid-lines{--_comp-editorial-section-grid-line-color: color-mix(in srgb, var(--sys-color-background) 33%, transparent);--_comp-editorial-section-grid-border: 1px solid var(--_comp-editorial-section-grid-line-color);overflow-y:clip;@media screen and (min-width: 768px){overflow-x:clip}}.phxsg-editorial-section__background-wrapper{position:absolute;inset:0}.phxsg-editorial-section__card{display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(254px,1fr);grid-template-rows:repeat(2,1fr);gap:var(--sys-spacing-3);justify-items:start;padding:var(--sys-spacing-4);width:fit-content;min-height:min-content;position:relative;isolation:isolate;background:var(--sys-color-background);@media screen and (min-width: 768px){display:flex;flex-direction:column;flex-basis:33%;min-width:33rem}.phxsg-editorial-section--grid-lines &{&:before,&:after{content:"";position:absolute;z-index:-1;pointer-events:none}&:before{height:100%;top:0;inset-inline:calc(var(--sys-spacing-4) * -1);border-block:var(--_comp-editorial-section-grid-border);@media screen and (min-width: 768px){inset-inline:-200vw}}&:after{width:100%;left:0;inset-block:-200vh;border-inline:var(--_comp-editorial-section-grid-border)}}}.phxsg-editorial-section__media-wrapper{margin-block-end:auto;aspect-ratio:9 / 16;height:100%;min-width:fit-content;position:relative;overflow:hidden;user-select:none;pointer-events:none;@media screen and (max-width: 767px){min-height:20rem;grid-column:2;grid-row:1 / span 2}@media screen and (min-width: 768px){aspect-ratio:16 / 9;height:auto;width:100%;flex:0 0 auto}}@media screen and (max-width: 767px){.phxsg-editorial-section__text{grid-column:3;grid-row:1 / span 2;margin-block-start:initial}.phxsg-editorial-section__actions{grid-column:1;grid-row:2;margin-block-start:auto}}}