.hoc-mk{background:var(--hoc-mkc,currentColor);clip-path:polygon(0 0,54.36% 0,54.36% 45.64%,100% 45.64%,100% 100%,0 100%);display:block;height:var(--hoc-mk);width:var(--hoc-mk)}.hoc-frame{border:var(--hoc-rw) solid var(--hoc-rule,currentColor);padding:var(--hoc-sp-8);position:relative}.hoc-frame>.hoc-mk{position:absolute;right:0;top:0;transform:translate(calc(100% + var(--hoc-rw)),calc(-100% - var(--hoc-rw)))}.hoc-frame__url{font:400 var(--hoc-t-caption)/var(--hoc-lh-normal) var(--hoc-font-body);margin:var(--hoc-sp-8) 0 0}.hoc-grid{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.hoc-grid:after,.hoc-grid:before{background:var(--hoc-rule,currentColor);content:"";position:absolute}.hoc-grid:before{height:var(--hoc-rw);left:0;right:0;top:var(--hoc-cy,50%)}.hoc-grid:after{bottom:0;left:var(--hoc-cx,50%);top:0;width:var(--hoc-rw)}.hoc-grid>.hoc-mk{position:absolute}.hoc-grid>.hoc-mk:first-of-type{left:calc(var(--hoc-cx, 50%) - var(--hoc-mk) - var(--hoc-rw));top:calc(var(--hoc-cy, 50%) - var(--hoc-mk) - var(--hoc-rw));transform:scaleX(-1)}.hoc-grid>.hoc-mk:nth-of-type(2){left:calc(var(--hoc-cx, 50%) + var(--hoc-rw)*2);top:calc(var(--hoc-cy, 50%) + var(--hoc-rw)*2);transform:scaleY(-1)}.hoc-has-grid{position:relative}.hoc-has-grid>.hoc-wrap{position:relative;z-index:1}.hoc-grid--auto{--hoc-content-edge:max(var(--hoc-gutter-desktop),(100% - var(--hoc-max-marketing))/2);--hoc-cx:min(calc(100% - var(--hoc-content-edge) + var(--hoc-grid-gap-x, 24px)),calc(100% - var(--hoc-mk) - var(--hoc-sp-2)));--hoc-cy:calc(100% - var(--hoc-grid-gap-y, 72px))}