.masked-box{--masked-box-radius:var(--radius-tiny);--masked-box-out-radius:var(--masked-box-radius);--masked-box-in-color:var(--color-on-body);--masked-box-in-text-color:var(--color-body);--masked-box-out-color:var(--color-body);--masked-box-out-text-color:var(--color-on-body);align-items:flex-end;background-color:var(--masked-box-in-color);border-radius:var(--masked-box-radius) var(--masked-box-radius) 0 var(--masked-box-radius);color:var(--masked-box-out-text-color);display:grid;grid-template-columns:[main-start secondary-in-start] 1fr [secondary-in-end secondary-out-start] fit-content(2rem) [secondary-out-end main-end];overflow:hidden;position:relative;transition:background-color var(--ani-speed),color var(--ani-speed)}.masked-box__background-media,.masked-box__background-media.wp-block-post-featured-image{height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.masked-box__main{color:var(--masked-box-in-text-color);grid-column:main;grid-row:1;min-height:calc(var(--masked-box-radius)*2);padding:max(var(--sp-40),var(--masked-box-radius)) max(var(--sp-30),var(--masked-box-radius));position:relative;transition:color var(--ani-speed);z-index:1}.masked-box__secondary-in,.masked-box__secondary-out{align-items:center;display:flex;grid-row:2;position:relative;z-index:1}.masked-box__secondary-in{color:var(--masked-box-in-text-color);grid-column:secondary-in;padding:max(var(--sp-20),var(--masked-box-radius)) max(var(--sp-30),var(--masked-box-radius));transition:color var(--ani-speed)}.masked-box__secondary-out{background-color:var(--masked-box-out-color);border-radius:var(--masked-box-out-radius) 0 0 0;grid-column:secondary-out;height:-moz-fit-content;height:fit-content;justify-self:end;min-height:calc(var(--masked-box-out-radius)*2);min-width:calc(var(--masked-box-out-radius)*2);position:relative;transition:background-color var(--ani-speed);width:max-content}.masked-box__secondary-out>*{z-index:1}.masked-box__secondary-out:after,.masked-box__secondary-out:before{aspect-ratio:1;background:#0000;content:"";display:block;pointer-events:none;position:absolute;transition:box-shadow var(--ani-speed);width:var(--masked-box-out-radius);z-index:0}.masked-box__secondary-out:before{bottom:0;right:100%}.masked-box__secondary-out:after,.masked-box__secondary-out:before{border-radius:0 0 100% 0;box-shadow:calc(var(--masked-box-out-radius)*1) calc(var(--masked-box-out-radius)*1) 0 var(--masked-box-out-radius) var(--masked-box-out-color)}.masked-box__secondary-out:after{bottom:100%;right:0}