.wp-block-umbrellas-reactive-shapes{aspect-ratio:1/1;display:grid;margin-inline:auto;place-items:center;position:relative;width:clamp(250px,25vw,450px)}@media(max-width:781px){.wp-block-umbrellas-reactive-shapes{display:none}}.wp-block-umbrellas-reactive-shapes__shape{height:100%;inset:0;position:absolute;transform-origin:50% 50%;transition:all .5s ease-in-out;width:100%;will-change:transform,opacity}.wp-block-umbrellas-reactive-shapes__square{opacity:0;z-index:0}.wp-block-umbrellas-reactive-shapes__octagon{opacity:0;z-index:1}.wp-block-umbrellas-reactive-shapes__square-outline{opacity:1;z-index:2}.wp-block-umbrellas-reactive-shapes[data-state=a] .wp-block-umbrellas-reactive-shapes__octagon{opacity:1;transform:rotate(0) scale(1.1)}.wp-block-umbrellas-reactive-shapes[data-state=a] .wp-block-umbrellas-reactive-shapes__square{transform:rotate(0)}.wp-block-umbrellas-reactive-shapes[data-state=a] .wp-block-umbrellas-reactive-shapes__square-outline,.wp-block-umbrellas-reactive-shapes[data-state=b] .wp-block-umbrellas-reactive-shapes__octagon{transform:rotate(45deg)}.wp-block-umbrellas-reactive-shapes[data-state=b] .wp-block-umbrellas-reactive-shapes__square{opacity:1;transform:rotate(45deg)}.wp-block-umbrellas-reactive-shapes[data-state=b] .wp-block-umbrellas-reactive-shapes__square-outline{transform:rotate(0deg)}