.threedi-percentage-hero{--threedi-hero-anchor-x-mobile: 0%;--threedi-hero-anchor-x-desktop: 0%}.threedi-percentage-hero[data-mobile-align=center],.threedi-percentage-hero[data-mobile-align=inherit][data-desktop-align=center]{--threedi-hero-anchor-x-mobile: -50%}.threedi-percentage-hero[data-mobile-align=right],.threedi-percentage-hero[data-mobile-align=inherit][data-desktop-align=right]{--threedi-hero-anchor-x-mobile: -100%}.threedi-percentage-hero[data-desktop-align=center]{--threedi-hero-anchor-x-desktop: -50%}.threedi-percentage-hero[data-desktop-align=right]{--threedi-hero-anchor-x-desktop: -100%}.threedi-hero-position-plane{position:relative;z-index:1;display:flex;width:100%;min-height:inherit;box-sizing:border-box;flex-direction:column}.threedi-hero-position-plane:before,.threedi-hero-position-plane:after{min-height:0;flex-basis:0;content:"";pointer-events:none}.threedi-hero-position-plane:before{flex-grow:var(--threedi-hero-y-before-mobile, 50)}.threedi-hero-position-plane:after{flex-grow:var(--threedi-hero-y-after-mobile, 50)}.threedi-hero-position{position:relative;z-index:1;left:var(--threedi-hero-x-mobile, 0%);width:var(--threedi-hero-width-mobile, 100%);max-width:none;min-width:0;box-sizing:border-box;flex:0 0 auto;transform:translate(var(--threedi-hero-anchor-x-mobile))}.threedi-hero-field-stage{position:relative;min-height:inherit}.threedi-hero-field-plane{--threedi-field-anchor-x-mobile: 0%;--threedi-field-align-items-mobile: flex-start;--threedi-field-justify-mobile: flex-start;--threedi-field-justify: var(--threedi-field-justify-mobile);--threedi-field-text-align-mobile: left;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;min-width:0;flex-direction:column;pointer-events:none}.threedi-hero-field-plane[data-mobile-align=center],.threedi-hero-field-plane[data-mobile-align=inherit][data-desktop-align=center]{--threedi-field-anchor-x-mobile: -50%;--threedi-field-align-items-mobile: center;--threedi-field-justify-mobile: center;--threedi-field-text-align-mobile: center}.threedi-hero-field-plane[data-mobile-align=right],.threedi-hero-field-plane[data-mobile-align=inherit][data-desktop-align=right]{--threedi-field-anchor-x-mobile: -100%;--threedi-field-align-items-mobile: flex-end;--threedi-field-justify-mobile: flex-end;--threedi-field-text-align-mobile: right}.threedi-hero-field-plane:before,.threedi-hero-field-plane:after{min-height:0;flex-basis:0;content:"";pointer-events:none}.threedi-hero-field-plane:before{flex-grow:var(--threedi-field-y-before-mobile, 50)}.threedi-hero-field-plane:after{flex-grow:var(--threedi-field-y-after-mobile, 50)}.threedi-hero-field-position{position:relative;z-index:1;left:var(--threedi-field-x-mobile, 0%);width:var(--threedi-field-width-mobile, 100%);max-width:none;min-width:0;display:flex;box-sizing:border-box;flex:0 0 auto;flex-direction:column;align-items:var(--threedi-field-align-items-mobile);text-align:var(--threedi-field-text-align-mobile);transform:translate(var(--threedi-field-anchor-x-mobile));pointer-events:auto}.threedi-hero-field-position>*{max-width:100%}[data-threedi-hero-guard].is-threedi-hero-flow .threedi-hero-field-group{position:relative;inset:auto;display:flex;width:100%;height:auto;min-height:inherit;box-sizing:border-box;flex-direction:column;padding-block:var(--threedi-hero-guard-start, 0px) var(--threedi-hero-guard-gap, 16px);pointer-events:none}[data-threedi-hero-guard].is-threedi-hero-flow [data-threedi-hero-field]{position:relative;top:auto;right:auto;bottom:auto;display:block;flex:none}[data-threedi-hero-guard].is-threedi-hero-flow .threedi-hero-field-plane:before,[data-threedi-hero-guard].is-threedi-hero-flow .threedi-hero-field-plane:after{content:none}[data-threedi-hero-guard].is-threedi-hero-flow [data-threedi-hero-field]+[data-threedi-hero-field]{margin-top:var(--threedi-hero-guard-gap-before, var(--threedi-hero-guard-gap, 16px))}@media screen and (min-width:750px){.threedi-hero-position-plane:before{flex-grow:var(--threedi-hero-y-before-desktop, 50)}.threedi-hero-position-plane:after{flex-grow:var(--threedi-hero-y-after-desktop, 50)}.threedi-hero-position{left:var(--threedi-hero-x-desktop, 0%);width:var(--threedi-hero-width-desktop, 100%);transform:translate(var(--threedi-hero-anchor-x-desktop))}.threedi-hero-field-plane{--threedi-field-anchor-x-desktop: 0%;--threedi-field-align-items-desktop: flex-start;--threedi-field-justify-desktop: flex-start;--threedi-field-justify: var(--threedi-field-justify-desktop);--threedi-field-text-align-desktop: left}.threedi-hero-field-plane[data-desktop-align=center]{--threedi-field-anchor-x-desktop: -50%;--threedi-field-align-items-desktop: center;--threedi-field-justify-desktop: center;--threedi-field-text-align-desktop: center}.threedi-hero-field-plane[data-desktop-align=right]{--threedi-field-anchor-x-desktop: -100%;--threedi-field-align-items-desktop: flex-end;--threedi-field-justify-desktop: flex-end;--threedi-field-text-align-desktop: right}.threedi-hero-field-plane:before{flex-grow:var(--threedi-field-y-before-desktop, 50)}.threedi-hero-field-plane:after{flex-grow:var(--threedi-field-y-after-desktop, 50)}.threedi-hero-field-position{left:var(--threedi-field-x-desktop, 0%);width:var(--threedi-field-width-desktop, 100%);align-items:var(--threedi-field-align-items-desktop);text-align:var(--threedi-field-text-align-desktop);transform:translate(var(--threedi-field-anchor-x-desktop))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/3dio-percentage-hero.css.map */