.bento-frame{--border-offset:120px;z-index:-1;-webkit-mask-image:linear-gradient(to right,transparent 0%,black var(--border-offset),black calc(100% - var(--border-offset)),transparent 100%),linear-gradient(to bottom,transparent 0%,black var(--border-offset),black calc(100% - var(--border-offset)),transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black var(--border-offset),black calc(100% - var(--border-offset)),transparent 100%),linear-gradient(to bottom,transparent 0%,black var(--border-offset),black calc(100% - var(--border-offset)),transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:1199px){.bento-frame{--border-offset:24px}}
@property --pricing-cards-grid-line-position-start{syntax:"<percentage>";inherits:true;initial-value:-33%}@property --pricing-cards-grid-line-position-end{syntax:"<percentage>";inherits:true;initial-value:-3%}.pricing-cards-grid-line{-webkit-mask-image:linear-gradient(to right,#00000059,#00000059 var(--pricing-cards-grid-line-position-start),#000000bf var(--pricing-cards-grid-line-position-end),#0000 calc(var(--pricing-cards-grid-line-position-end) + 3%),#0000);mask-image:linear-gradient(to right,#00000059,#00000059 var(--pricing-cards-grid-line-position-start),#000000bf var(--pricing-cards-grid-line-position-end),#0000 calc(var(--pricing-cards-grid-line-position-end) + 3%),#0000);transition-property:--pricing-cards-grid-line-position-start,--pricing-cards-grid-line-position-end;transition-duration:1s;transition-timing-function:ease-out;animation:1.5s ease-out both pricing-cards-grid-line-appear}.pricing-cards-grid-line-vertical{-webkit-mask-image:linear-gradient(to bottom,#00000059,#00000059 var(--pricing-cards-grid-line-position-start),#000000bf var(--pricing-cards-grid-line-position-end),#0000 calc(var(--pricing-cards-grid-line-position-end) + 3%),#0000);mask-image:linear-gradient(to bottom,#00000059,#00000059 var(--pricing-cards-grid-line-position-start),#000000bf var(--pricing-cards-grid-line-position-end),#0000 calc(var(--pricing-cards-grid-line-position-end) + 3%),#0000);transition-property:--pricing-cards-grid-line-position-start,--pricing-cards-grid-line-position-end;transition-duration:1s;transition-timing-function:ease-out;animation:1.5s ease-out both pricing-cards-grid-line-appear}@keyframes pricing-cards-grid-line-appear{to{--pricing-cards-grid-line-position-start:100%;--pricing-cards-grid-line-position-end:130%}}