.bf-banner{--bf-red: 200 28 36;--bf-ribbon: 140 38 42;--bf-bg: #0b0909;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(60% 70% at 28% 30%,rgb(var(--bf-red) / .22),transparent 70%),radial-gradient(75% 50% at 50% 62%,rgb(var(--bf-red) / .16),transparent 78%),var(--bf-bg)}@media screen and (min-width:990px){.bf-banner{background:radial-gradient(60% 70% at 28% 30%,rgb(var(--bf-red) / .22),transparent 70%),radial-gradient(50% 70% at 68% 28%,rgb(var(--bf-red) / .17),transparent 78%),var(--bf-bg)}}.bf-banner__inner{display:grid;gap:3.2rem;align-items:center;padding-top:4.8rem;padding-bottom:5.6rem}@media screen and (min-width:990px){.bf-banner__inner{grid-template-columns:1.1fr 1fr;gap:2.4rem;padding-top:6.4rem;padding-bottom:7.2rem}}.bf-banner__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}@media screen and (min-width:990px){.bf-banner__copy{align-items:flex-start;text-align:left}}.bf-banner__title{display:flex;flex-direction:column;align-items:inherit;margin:0;font-family:var(--font-heading-family);font-weight:var(--bf-display-weight, 700);line-height:.88;letter-spacing:-.01em;text-transform:uppercase}.bf-banner__black,.bf-banner__friday{font-size:clamp(6rem,16vw,13rem)}.bf-banner__black{color:rgb(var(--bf-red) / .88);text-shadow:0 0 1.2rem rgb(var(--bf-red) / .8),0 0 4rem rgb(var(--bf-red) / .45)}.bf-banner__friday{color:var(--bf-bg);-webkit-text-stroke:.4rem rgb(var(--bf-red));paint-order:stroke fill;filter:drop-shadow(0 0 .8rem rgb(var(--bf-red) / .6))}.bf-banner__script{position:relative;margin:-.42em 0 0;font-family:BF Script,cursive;font-size:clamp(7.2rem,17vw,14rem);font-weight:400;line-height:1;letter-spacing:0;text-transform:none;color:#fff;transform:rotate(-6deg);text-shadow:0 0 .3rem rgba(255,255,255,.9),0 0 1.2rem rgb(var(--bf-red)),0 0 3.2rem rgb(var(--bf-red) / .8)}@media screen and (min-width:990px){.bf-banner__script{margin-left:34%}}.bf-banner__ribbon{margin:1.6rem -1.6rem 0;padding:1rem 2.4rem;background:rgb(var(--bf-ribbon));box-shadow:0 1rem 2.4rem #00000073;transform:rotate(-2.5deg);font-family:var(--font-heading-family);font-size:clamp(1.6rem,4.2vw,2.1rem);line-height:1.25;letter-spacing:.02em;text-transform:uppercase;text-wrap:balance}@media screen and (min-width:990px){.bf-banner__ribbon{margin:2rem 0 0 -4rem;padding:1.2rem 3.2rem 1.2rem 4rem;white-space:nowrap}}.bf-banner__ribbon strong{font-weight:var(--bf-display-weight, 700)}.bf-banner__action{display:flex;flex-direction:column;align-items:inherit;gap:2rem;margin-top:3.2rem;max-width:46rem}.bf-banner__subline{margin:0;font-size:1.7rem;line-height:1.45;color:#fff}.bf-banner__button{display:inline-flex;align-items:center;gap:1.2rem;min-height:5.6rem;padding:0 3.2rem;border:.1rem solid rgba(255,255,255,.25);border-radius:var(--buttons-radius, .4rem);background:rgb(var(--bf-red));color:#fff;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:var(--bf-display-weight, 700);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;box-shadow:0 0 1.6rem rgb(var(--bf-red) / .65),0 0 4rem rgb(var(--bf-red) / .3);transition:box-shadow .25s ease,background-color .25s ease}.bf-banner__button:hover,.bf-banner__button:focus-visible{background:#de262e;box-shadow:0 0 2.2rem rgb(var(--bf-red) / .85),0 0 5.6rem rgb(var(--bf-red) / .45)}.bf-banner__button:focus-visible{outline:.2rem solid #fff;outline-offset:.3rem}.bf-banner__button-arrow{transition:transform .25s ease}.bf-banner__button:hover .bf-banner__button-arrow{transform:translate(.4rem)}.bf-banner__packs{position:relative;z-index:1;min-height:30rem;max-width:52rem;width:100%;margin:0 auto}@media screen and (min-width:750px){.bf-banner__packs{min-height:42rem}}.bf-banner__pack{position:absolute;width:48%}.bf-banner__pack img{display:block;width:100%;height:auto;filter:drop-shadow(0 1.6rem 2.4rem rgba(0,0,0,.6))}.bf-banner__pack--1{left:0;top:18%;transform:rotate(-9deg);z-index:1}.bf-banner__pack--2{left:26%;top:0;transform:rotate(2deg);z-index:3}.bf-banner__pack--3{right:0;top:22%;transform:rotate(10deg);z-index:2}@media(prefers-reduced-motion:no-preference){.bf-banner__pack{transition:transform .4s ease}.bf-banner__packs:hover .bf-banner__pack--1{transform:rotate(-12deg) translate(-.8rem)}.bf-banner__packs:hover .bf-banner__pack--3{transform:rotate(13deg) translate(.8rem)}}@media(prefers-reduced-motion:reduce){.bf-banner__button,.bf-banner__button-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-black-friday-banner.css.map */