.pr-banner__box{position:relative;display:flex;align-items:center;min-height:var(--pr-box-h);padding:var(--pr-box-pad-y) var(--pr-box-pad-x);border-radius:var(--pr-radius);overflow:hidden;isolation:isolate}.pr-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(70% 85% at 0% 0%,var(--pr-bg-corner) 0%,var(--pr-bg-corner) 45%,transparent 100%),radial-gradient(45% 50% at 0% 100%,var(--pr-bg-haze) 0%,transparent 100%),linear-gradient(90deg,var(--pr-bg-deep) 0%,var(--pr-bg-blue) 70%)}.pr-banner__bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pr-banner__glow{position:absolute;right:10%;top:-30%;z-index:-1;width:50%;aspect-ratio:1;border-radius:50%;background:var(--pr-bg-blue);filter:blur(80px);opacity:.55;animation:pr-banner-glow 14s ease-in-out infinite alternate;pointer-events:none}@keyframes pr-banner-glow{to{transform:translate(-20%,30%) scale(1.15)}}.pr-banner__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;max-width:var(--pr-copy-w)}.pr-banner__copy .pr-pill{margin-bottom:12px}.pr-banner .pr-h{color:var(--pr-text);text-wrap:wrap}.pr-banner__text{margin-top:var(--pr-text-gap);color:var(--pr-muted-c);font-size:14px;line-height:1.75;letter-spacing:-.02em}.pr-banner__text p{margin:0}.pr-banner__btn{margin-top:var(--pr-btn-gap)}.pr-banner__btn .pr-btn{min-width:var(--pr-btn-w)}.pr-banner__media{position:absolute;left:var(--pr-media-x);top:var(--pr-media-y);z-index:1;width:var(--pr-media-w);perspective:1400px}.pr-banner__media-inner{border-radius:10px 0 0;overflow:hidden;box-shadow:0 30px 80px -30px #0008288c;will-change:transform}.pr-banner__media img{display:block;width:100%;height:auto}.pr-banner__media .pr-ph{aspect-ratio:4 / 3;background:#f4f6fb}@media screen and (max-width:989px){.pr-banner__box{flex-direction:column;align-items:stretch;padding:48px 28px 0}.pr-banner__media{position:relative;left:auto;top:auto;width:calc(100% + 28px);margin-top:40px;align-self:flex-end}}@media screen and (max-width:749px){.pr-banner__box{padding:36px 20px 0}.pr-banner__media{width:calc(100% + 20px)}.pr-banner__btn,.pr-banner__btn .pr-btn{width:100%}}@media(prefers-reduced-motion:reduce){.pr-banner__glow{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/precept-banner.css.map */