.mockup-card{--box-padding:clamp(1.25rem,-1.17647rem + 10.7843vw,4rem)}.mockups{column-gap:100px;row-gap:calc(1.5*var(--layout-gap));flex-direction:column-reverse;display:flex}@container box (width>=1200px){.mockups{flex-direction:row}}.mockups .mockup-phone{flex-shrink:0;width:fit-content;height:fit-content;margin:0 auto max(-400px,-80vw);position:relative}@container box (width>=1200px){.mockups .mockup-phone{max-width:40%;margin:0 0 -200px}}.mockups .mockup-phone .mockup-phone-content{background-color:var(--white);border-radius:30px;grid-template-rows:1fr;grid-template-columns:1fr;display:grid;position:absolute;inset:2.30367% 5.12821% 2.30367% 4.91453%;overflow:hidden}.mockups .mockup-phone .mockup-phone-content>*{grid-area:1/1/span 1/span 1}.mockups .mockup-phone .mockup-phone-content .mockup-phone-content-image{opacity:0;width:100%;height:auto;transition:opacity .45s}.mockups .mockup-phone .mockup-phone-content .mockup-phone-content-image.visible{opacity:1}.mockups .mockup-phone .mockup-phone-image{pointer-events:none;z-index:1;position:relative}.mockups .mockup-content .mockup-cards{--columns:1;--copy-foreground-rgb:var(--black-rgb);grid-template-columns:repeat(var(--columns),1fr);grid-gap:var(--layout-gap);display:grid}@container box (width>=450px){.mockups .mockup-content .mockup-cards{--columns:2}}@container box (width>=800px){.mockups .mockup-content .mockup-cards{--columns:3}}@container box (width>=1200px){.mockups .mockup-content .mockup-cards{--columns:2}}.mockups .mockup-content .mockup-card-wrapper{--additional-rotation:0deg;perspective:1000px;grid-template-rows:1fr;grid-template-columns:1fr;display:grid}.mockups .mockup-content .mockup-card-wrapper .details-card,.mockups .mockup-content .mockup-card-wrapper .icon-card-small{backface-visibility:hidden;--focus-color:var(--white);grid-area:1/1/span 1/span 1;transition:transform .45s}.mockups .mockup-content .mockup-card-wrapper .details-card{--box-additional-transform:rotateY(180deg)rotateY(var(--additional-rotation));--box-padding:clamp(1.25rem,.990385rem + 1.15385vw,2rem);text-align:center;cursor:pointer}.mockups .mockup-content .mockup-card-wrapper .details-card .box-inner{flex-direction:column;justify-content:center;line-height:1.3;display:flex}.mockups .mockup-content .mockup-card-wrapper .details-card .box-inner :is(h1,h2,h3,h4,h5,h6),.mockups .mockup-content .mockup-card-wrapper .details-card .box-inner :is(.h1,.h2,.h3,.h4,.h5,.h6){margin:0}.mockups .mockup-content .mockup-card-wrapper .icon-card-small{--box-additional-transform:rotateY(var(--additional-rotation));cursor:pointer}.mockups .mockup-content .mockup-card-wrapper .icon-card-small:is(.flipped *){pointer-events:none}.mockups .mockup-content .mockup-card-wrapper.flipped{--additional-rotation:180deg}.mockups .mockup-content .more-content{margin-top:var(--layout-gap);flex-wrap:wrap;align-items:baseline;gap:1em;font-weight:600;display:flex}
/*# sourceMappingURL=css-wpce--mockup.css.map*/