https://www.bushbeans.com/dist/bushs-beans/static/js/HeroCarouselSlide.styles.c3e3aa33.chunk.js

1"use strict";(self.webpackChunkbushs_beans=self.webpackChunkbushs_beans||[]).push([[5830],{34356:(t,e,n)=>{n.r(e),n.d(e,{HeroCarouselSlideComponent:()=>i,default:()=>o});const i=n(75497).ZP.div`
2  position: relative;
3  width: 100%;
4  height: 100%;
5
6  ${t=>{let{theme:e}=t;return e.breakPoints.minBp("1024px")}} {
7    max-height: ${t=>{let{theme:e}=t;return e.spacing(650)}};
8  }
9
10  ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} {
11    max-height: ${t=>{let{theme:e}=t;return e.spacing(900)}};
12  }
13
14  .image-container,
15  .fs-image-container {
16    position: relative;
17    width: 100%;
18    height: 100%;
19    min-height: 100vh;
20    overflow: hidden;
21    text-align: center;
22    background-color: ${t=>{let{theme:e}=t;return e.colours.yellow}};
23
24    img {
25      position: absolute;
26      inset: 0;
27      width: 100%;
28      height: 100%;
29      object-fit: cover;
30      object-position: center;
31    }
32  }
33
34  .controls {
35    position: absolute;
36    bottom: ${t=>{let{theme:e}=t;return e.spacing(75)}};
37    left: 50%;
38    z-index: 3;
39    display: flex;
40    transform: translateX(-50%);
41
42    ${t=>{let{theme:e}=t;return e.breakPoints.minBp("375px")}} {
43      bottom: ${t=>{let{theme:e}=t;return e.spacing(100)}};
44    }
45
46    ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} {
47      right: ${t=>{let{theme:e}=t;return e.spacing(100)}};
48      bottom: ${t=>{let{theme:e}=t;return e.spacing(75)}};
49      left: unset;
50      transform: unset;
51    }
52  }
53
54  & .ribbon-left {
55    position: absolute;
56    right: 0;
57    bottom: 0;
58    left: 0;
59  }
60
61  & .ribbon-right {
62    display: none;
63  }
64
65  ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} {
66    position: relative;
67    overflow: hidden;
68
69    & button {
70      margin-bottom: ${t=>{let{theme:e}=t;return e.spacing(0)}};
71    }
72
73    & .ribbon-left {
74      position: absolute;
75      bottom: 0;
76      left: ${t=>{let{theme:e}=t;return e.spacing(48)}};
77      transform: translateY(100%) rotate(-90deg);
78      transform-origin: left bottom;
79    }
80
81    & .ribbon-right {
82      position: absolute;
83      right: ${t=>{let{theme:e}=t;return e.spacing(48)}};
84      bottom: 0;
85      display: block;
86      transform: translateY(100%) rotate(90deg);
87      transform-origin: right bottom;
88    }
89  }
90
91  & .promo {
92    position: absolute;
93    top: 0;
94    left: 0;
95    z-index: 2;
96    display: flex;
97    flex-direction: column;
98    height: 100%;
99    padding: ${t=>{let{theme:e}=t;return e.spacing({top:55,bottom:55,left:20,right:20})}};
100    text-align: center;
101    .button-link{
102      margin-top: ${t=>{let{theme:e}=t;return e.spacing(20)}};
103    }
104    ${t=>{let{theme:e}=t;return e.breakPoints.minBp("375px")}} {
105      padding: ${t=>{let{theme:e}=t;return e.spacing({top:55,bottom:55,left:35,right:35})}};
106    }
107
108    ${t=>{let{theme:e}=t;return e.breakPoints.minBp("1024px")}} {
109      padding: ${t=>{let{theme:e}=t;return e.spacing({top:55,bottom:55,left:70,right:70})}};
110    }
111
112    ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} {
113      padding: ${t=>{let{theme:e}=t;return`clamp(${e.spacing(80)}, 10vw, ${e.spacing(130)}) \n      clamp(${e.spacing(100)}, 14vw, ${e.spacing(270)})`}};
114    }
115
116    p {
117      margin-bottom: ${t=>{let{theme:e}=t;return e.spacing(40)}};
118    }
119  }
120`,o=i}}]);
121//# sourceMappingURL=HeroCarouselSlide.styles.c3e3aa33.chunk.js.map