.aspect-ratio-box{flex:1 0 auto;max-width:100%;overflow:hidden;padding-bottom:100%;position:relative}.aspect-ratio-box__content{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.notch-border{overflow:hidden;position:relative;--transition-duration:.2s}.notch-border__corner{border:var(--notch-border-width) solid var(--notch-border-color);border-radius:50%;box-sizing:content-box;height:calc(var(--notch-size)*2);position:absolute;transform:translate(-50%,-50%);transition:border-color var(--transition-duration);width:calc(var(--notch-size)*2)}.notch-border__corner.lt{left:0;top:0}.notch-border__corner.rt{left:100%;top:0}.notch-border__corner.lb{left:0;top:100%}.notch-border__corner.rb{left:100%;top:100%}.notch-border__side{position:absolute;transition:border-color var(--transition-duration)}.notch-border__side.v{border-left:var(--notch-border-width) solid var(--notch-border-color);border-right:var(--notch-border-width) solid var(--notch-border-color);height:calc(100% - var(--notch-size)*2);left:0;top:var(--notch-size);width:100%}.notch-border__side.h{border-bottom:var(--notch-border-width) solid var(--notch-border-color);border-top:var(--notch-border-width) solid var(--notch-border-color);height:100%;left:var(--notch-size);top:0;width:calc(100% - var(--notch-size)*2)}