https://nine-elements.com/_next/static/chunks/2u0vrexaw5f6m.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,70103,i=>{"use strict";var t=i.i(91398),e=i.i(71405),n=i.i(60814);let a=n.default.div.withConfig({displayName:"Instruction.style__InstructionStyled",componentId:"sc-8fb560d7-0"})`
2    display: flex;
3    flex-direction: column;
4    gap: 0;
5    background-color: ${e.colors.grey400};
6
7    @media (min-width: ${e.sizes.dtBreakpointMin}) {
8        height: 930px;
9        flex-direction: row;
10        gap: 30px;
11    }
12
13    @media (min-width: ${e.layoutDimensions.bannerWidthDt}) {
14        gap: 120px;
15    }
16
17    .images-wrapper {
18        width: 100%;
19    }
20
21    .content-wrapper {
22        display: flex;
23        flex-direction: column;
24        justify-content: center;
25        padding: 32px 16px;
26        padding-top: 32px;
27        padding-bottom: 32px;
28
29        @media (min-width: ${e.sizes.dtBreakpointMin}) {
30            padding-top: 16px;
31            padding-bottom: 16px;
32        }
33
34        @media (min-width: 1600px) {
35            padding-right: 120px;
36        }
37
38        li > p {
39            margin-bottom: 0;
40        }
41
42        p {
43            margin-bottom: 8px;
44
45            + ul {
46                margin-bottom: 8px;
47            }
48        }
49    }
50
51    .main-title {
52        h2 {
53            font-size: 44px;
54            line-height: 48px;
55            margin-top: 0;
56
57            @media (min-width: ${e.sizes.dtBreakpointMin}) {
58                margin-bottom: 24px;
59            }
60        }
61
62        .code-highlighted {
63            display: block;
64            color: inherit;
65            font-size: inherit;
66        }
67    }
68
69    .content {
70        p {
71            margin-top: 0;
72        }
73    }
74
75    .cta-button {
76        text-transform: none;
77        margin: 25px auto 16px;
78
79        @media (min-width: ${e.sizes.dtBreakpointMin}) {
80            margin-bottom: 24px;
81            margin-left: 0;
82        }
83    }
84
85    .main-image {
86        @media (min-width: ${e.sizes.dtBreakpointMin}) {
87            height: 50%;
88            width: auto;
89        }
90
91        img {
92            max-width: 100%;
93            height: auto;
94            object-fit: cover;
95            width: 100%;
96        }
97    }
98
99    ul {
100        margin-top: 8px;
101        margin-bottom: 24px;
102        padding-inline-start: 16px;
103
104        li {
105            padding-left: 8px;
106
107            &::marker {
108                content: '•';
109                font-size: 1em;
110            }
111        }
112    }
113`;i.i(14767);var d=i.i(8880),o=i.i(23806),p=i.i(82437);i.s(["default",0,({title:i,image:e,secondImage:n,text:r,cta:s})=>(0,t.jsxs)(a,{children:[(0,t.jsxs)("div",{className:"images-wrapper",children:[(0,t.jsx)(o.Picture,{...e.fields,pictureStyle:"main-image"}),(0,t.jsx)(o.Picture,{...n.fields,pictureStyle:"main-image"})]}),(0,t.jsxs)("div",{className:"content-wrapper",children:[(0,t.jsx)("div",{className:"main-title",children:(0,t.jsx)(p.default,{data:i})}),(0,t.jsx)("div",{className:"content",children:(0,t.jsx)(p.default,{data:r})}),(0,t.jsx)(d.InternalLink,{...s.fields,className:"cta-button"})]})]})],70103)},3969,i=>{i.n(i.i(70103))}]);