1"use strict";(self.webpackChunkbushs_beans=self.webpackChunkbushs_beans||[]).push([[9747],{28015:(t,e,r)=>{r.r(e),r.d(e,{AccordionList:()=>l,Container:()=>i,default:()=>a});var o=r(75497);const n="0.3s",i=o.ZP.section` 2 max-width: 100%; 3 padding: ${t=>{let{theme:e}=t;return e.spacing(75)}} 0; 4 overflow: hidden; 5 background-color: ${t=>{let{theme:e}=t;return e.colours.blue}}; 6 @media (max-width: 768px) { 7 padding: ${t=>{let{theme:e}=t;return e.spacing(75)}} 0 20px 0; 8 } 9 h1, 10 h2 { 11 margin: 0; 12 color: ${t=>{let{theme:e}=t;return e.colours.tan}}; 13 text-transform: uppercase; 14 line-height: 1; 15 text-align: left; 16 } 17 18 .centered-copy { 19 text-align: center; 20 width: 800px; 21 max-width: 90%; 22 margin: 0 auto ${t=>{let{theme:e}=t;return e.spacing(20)}} auto; 23 display: flex; 24 flex-direction: column; 25 justify-content: center; 26 align-content: center; 27 gap: 20px; 28 h2{ 29 font-family: 'apercu condensed pro', sans-serif; 30 font-style: normal; 31 font-weight: 700; 32 font-size: 56px; 33 line-height: 1; 34 text-transform: uppercase; 35 text-align: center; 36 display: block; 37 color: ${t=>{let{theme:e}=t;return e.colours.tan}}; 38 margin-bottom: 30px; 39 } 40 p { 41 text-align: center; 42 display: block; 43 color: ${t=>{let{theme:e}=t;return e.colours.tan}}; 44 } 45 } 46 47 .title-container { 48 width: 800px; 49 margin: auto; 50 display: block; 51 text-align: left; 52 max-width: 90%; 53 margin-bottom: ${t=>{let{theme:e}=t;return e.spacing(20)}}; 54 } 55 .accordion-wrapper{ 56 width: 100%; 57 max-width: 100%; 58 position: relative; 59 .bean-graphic{ 60 position: absolute; 61 width: 490px; 62 height: 490px; 63 display: flex; 64 justify-content: center; 65 align-items: center; 66 svg{ 67 animation-duration: 20s; 68 } 69 .spiral{ 70 position: absolute; 71 left: 0; 72 right: 0; 73 bottom: 0; 74 top: 0; 75 width: 100%; 76 height: 100%; 77 } 78 .inner-bean{ 79 width: 210px; 80 } 81 &.left{ 82 left: 0; 83 transform: translateX(-50%); 84 } 85 &.right{ 86 right: 0; 87 transform: translateX(50%); 88 } 89 @media (max-width: 1330px){ 90 display: none; 91 } 92 } 93 } 94 ul { 95 .accordion-section { 96 position: relative; 97 margin: ${t=>{let{theme:e}=t;return e.spacing({top:0,left:0,right:0,bottom:20})}}; 98 overflow: hidden; 99 100 .section-wrap { 101 border: 2px solid ${t=>{let{theme:e}=t;return e.colours.yellow}}; 102 background-color: ${t=>{let{theme:e}=t;return e.colours.yellow}}; 103 border-radius: ${t=>{let{theme:e}=t;return e.spacing(10)}}; 104 padding: ${t=>{let{theme:e}=t;return e.spacing({top:0,left:0,right:0,bottom:0})}}; 105 width: 800px; 106 max-width: 90%; 107 margin: auto; 108 109 button { 110 padding: ${t=>{let{theme:e}=t;return e.spacing(35)}}; 111 padding-right: ${t=>{let{theme:e}=t;return e.spacing(65)}}; 112 113 h3 { 114 color: ${t=>{let{theme:e}=t;return e.colours.red}}; 115 } 116 } 117 } 118 119 button { 120 position: relative; 121 display: flex; 122 flex-direction: row; 123 min-width: 100%; 124 padding: ${t=>{let{theme:e}=t;return e.spacing(20)}} ${t=>{let{theme:e}=t;return e.spacing(0)}}; 125 cursor: pointer; 126 background: transparent; 127 128 &:focus { 129 outline: none; 130 } 131 h2 { 132 margin: 0; 133 color: ${t=>{let{theme:e}=t;return e.colours.red}}; 134 text-align: left; 135 text-transform: uppercase; 136 pointer-events: none; 137 max-width: 90%; 138 position: relative; 139 top: 5px; 140 } 141 h3 { 142 margin: 0; 143 color: ${t=>{let{theme:e}=t;return e.colours.red}}; 144 text-align: left; 145 text-transform: uppercase; 146 pointer-events: none; 147 max-width: 90%; 148 font-size: 22px; 149 line-height: 1.2; 150 position: relative; 151 top: 5px; 152 } 153 154 svg { 155 width: 36px; 156 height: 36px; 157 color: ${t=>{let{theme:e}=t;return e.colours.yellow}}; 158 fill: ${t=>{let{theme:e}=t;return e.colours.red}
158} !important; 159 transition: all ${n}; 160 position: absolute; 161 right: 0; 162 top: 0; 163 bottom: 0; 164 margin: auto 0; 165 stroke: ${t=>{let{theme:e}=t;return e.colours.yellow}} !important; 166 } 167 168 ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} { 169 padding: ${t=>{let{theme:e}=t;return`${e.spacing(55)} ${e.spacing(0)}`}}; 170 171 h3 { 172 font-size: 31px; 173 } 174 175 svg { 176 width: 77px; 177 height: 77px; 178 } 179 } 180 } 181 182 .accordion-section-content { 183 opacity: 0; 184 padding: 0 32px 32px 32px; 185 186 ul { 187 list-style: initial; 188 189 li { 190 margin-bottom: ${t=>{let{theme:e}=t;return e.spacing(24)}}; 191 } 192 } 193 194 img { 195 max-width: 100%; 196 height: auto !important; 197 } 198 } 199 200 ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} { 201 .section-wrap { 202 padding: ${t=>{let{theme:e}=t;return e.spacing({top:0,left:0,right:0,bottom:0})}}; 203 } 204 } 205 } 206 207 .active { 208 margin: ${t=>{let{theme:e}=t;return e.spacing({top:0,left:0,right:0,bottom:20})}}; 209 padding-bottom: 0; 210 background-color: transparent; 211 212 button { 213 background: transparent; 214 color: ${t=>{let{theme:e}=t;return e.colours.red}}; 215 216 h3 { 217 color: ${t=>{let{theme:e}=t;return e.colours.red}}; 218 } 219 220 h2 { 221 color: ${t=>{let{theme:e}=t;return e.colours.red}}; 222 } 223 224 svg { 225 transform: rotate(-180deg); 226 fill: ${t=>{let{theme:e}=t;return e.colours.red}} !important; 227 stroke: ${t=>{let{theme:e}=t;return e.colours.yellow}} !important; 228 } 229 } 230 231 .section-wrap { 232 background-color: ${t=>{let{theme:e}=t;return e.colours.yellow}}; 233 padding: ${t=>{let{theme:e}=t;return e.spacing({top:0,left:0,right:0,bottom:0})}}; 234 } 235 236 .accordion-section-content { 237 opacity: 1; 238 color: ${t=>{let{theme:e}=t;return e.colours.brown}}; 239 240 p { 241 color: ${t=>{let{theme:e}=t;return e.colours.brown}}; 242 &:last-of-type { 243 margin-bottom: 0; 244 } 245 } 246 247 h2, 248 h3, 249 h4, 250 h5, 251 h6 { 252 color: ${t=>{let{theme:e}=t;return e.colours.brown}}; 253 } 254 } 255 } 256 } 257 258 .active + li { 259 border-top: none; 260 } 261`,l=o.ZP.ul` 262 display: flex; 263 flex-direction: column; 264 align-items: center; 265`,a=o.ZP.li` 266 display: flex; 267 flex-basis: 100%; 268 flex-direction: column; 269 align-self: flex-start; 270 width: 100%; 271 max-width: ${t=>{let{theme:e}=t;return`calc(100% - ${e.spacing(40)})`}}; 272 max-width: 90%; 273 margin: 0 auto; 274 overflow: hidden;
275 border-top: 4px solid ${t=>{let{theme:e}=t;return e.colours.red}}; 276 border-bottom: 4px solid ${t=>{let{theme:e}=t;return e.colours.red}}; 277 278 &:not(:last-child) { 279 border-bottom: none; 280 } 281 282 &.active { 283 max-width: 100%; 284 background-color: ${t=>{let{theme:e}=t;return e.colours.white}}; 285 border-bottom: 4px solid ${t=>{let{theme:e}=t;return e.colours.red}}; 286 287 & + li { 288 border-top: 0; 289 } 290 291 svg { 292 transform: rotate(-180deg); 293 } 294 295 p { 296 opacity: 1; 297 } 298 299 > div { 300 width: 100%; 301 max-width: 800px; 302 margin: 0 auto; 303 } 304 305 button { 306 padding: ${t=>{let{theme:e}=t;return`${e.spacing(55)} ${e.spacing(0)}`}}; 307 } 308 309 svg { 310 right: 110px; 311 } 312 313 p { 314 max-width: 80%; 315 padding-bottom: ${t=>{let{theme:e}=t;return e.spacing(55)}}; 316 padding-left: ${t=>{let{theme:e}=t;return e.spacing(0)}}; 317 } 318 } 319 320 ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} { 321 max-width: 100%; 322 } 323 324 button { 325 position: relative; 326 display: flex; 327 flex-direction: column; 328 align-items: center; 329 min-width: 100%; 330 padding: ${t=>{let{theme:e}=t;return e.spacing(20)}} ${t=>{let{theme:e}=t;return e.spacing(0)}}; 331 cursor: pointer; 332 333 &:focus { 334 outline: none; 335 } 336 337 h2 { 338 margin: 0 0 ${t=>{let{theme:e}=t;return e.spacing(10)}}; 339 color: ${t=>{let{theme:e}=t;return e.colours.red}}; 340 text-align: center; 341 text-transform: uppercase; 342 pointer-events: none; 343 } 344 345 svg { 346 width: 36px; 347 height: 36px; 348 stroke: transparent !important; 349 transition: all ${n}; 350 } 351 352 ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} { 353 flex-direction: unset; 354 justify-content: space-between; 355 padding: ${t=>{let{theme:e}=t;return`${e.spacing(55)} ${e.spacing(0)}`}}; 356 357 h2 { 358 margin: 0 ${t=>{let{theme:e}=t;return e.spacing(35)}} 0 0; 359 text-align: left; 360 } 361 362 svg { 363 width: 77px; 364 height: 77px; 365 } 366 } 367 } 368`}}]); 369//# sourceMappingURL=BlogAccordion.styles.0ef1a0b1.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.