PageSourceSearch

https://www.gillettevenus.de/_next/static/chunks/458n_gtu5rdb-.js

js gillettevenus.de collected 2026-09-26 04:14:11 UTC 11,688 bytes, 311 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,93190,e=>{"use strict";var t=e.i(91398);e.i(14767);var i=e.i(8880),a=e.i(23806),n=e.i(82437),o=e.i(71405),d=e.i(60814);let r=d.default.div.withConfig({displayName:"HomepageBanner.style__HomepageBannerStyled",componentId:"sc-354df6cd-0"})`
2    position: relative;
3    margin-bottom: 23px;
4    overflow: hidden;
5    max-height: 730px;
6    height: 730px;
7    ${e=>e.widthVideo&&d.css`
8            height: 730px;
9        `}
10
11    ${e=>e.visuallyHidden&&d.css`
12            > *:not(.blue-gradient) {
13                visibility: hidden !important;
14            }
15        `}
16
17    @media (min-width: ${o.sizes.tbBreakpointMin}) {
18        height: 730px;
19        margin-bottom: 33px;
20    }
21
22    .blue-gradient {
23        position: absolute;
24        bottom: 0;
25        height: 75%;
26        width: 100%;
27        background: linear-gradient(360deg, #08bed5 53.34%, rgba(8, 190, 213, 0) 80.55%);
28
29        @media (min-width: ${o.sizes.tbBreakpointMin}) {
30            background: linear-gradient(90deg, rgb(8, 190, 213) 40%, rgb(8 190 213 / 0%) 90%);
31            height: 100%;
32            width: 75%;
33        }
34    }
35
36    .banner-content-container {
37        max-width: 650px;
38    }
39
40    .banner-content {
41        position: absolute;
42        display: flex;
43        flex-direction: column;
44        align-items: center;
45        bottom: 0;
46        width: 100%;
47        padding: 50px 25px;
48
49        @media (min-width: ${o.sizes.tbBreakpointMin}) {
50            width: 60%;
51            top: 0;
52            height: fit-content;
53            margin-top: auto;
54            margin-bottom: auto;
55            padding-right: 0;
56            padding-left: 25px;
57        }
58
59        @media (min-width: ${o.sizes.dtBreakpointMin}) {
60            width: 50%;
61            top: 0;
62            height: fit-content;
63            margin-top: auto;
64            margin-bottom: auto;
65            padding-right: 0;
66            padding-left: 25px;
67        }
68    }
69
70    .title-container {
71        width: fit-content;
72
73        h1 {
74            font-weight: 400;
75            font-size: 45px;
76            line-height: 48px;
77            margin-top: 0;
78
79            @media (min-width: ${o.sizes.tbBreakpointMin}) {
80                font-size: 80px;
81                line-height: 90px;
82            }
83        }
84    }
85
86    .background-image {
87        height: 100%;
88
89        img {
90            width: 100%;
91            height: auto;
92            object-position: top;
93            object-fit: cover;
94
95            @media (min-width: ${o.sizes.tbBreakpointMin}) {
96                object-position: right;
97            }
98        }
99    }
100`;var l=e.i(4838);e.s(["default",0,e=>{let{title:o,ctas:d,image:s,video:c,hidden:p}=e;return(0,t.jsxs)(r,{widthVideo:!!c,visuallyHidden:p,children:[s&&(0,t.jsx)(a.Picture,{...s.fields,pictureStyle:"background-image",isPreloaded:!0}),c&&(0,t.jsx)(l.default,{...c.fields,className:"background-image",autoplay:!0,fullWidth:!0}),(0,t.jsx)("div",{className:"blue-gradient"}),(0,t.jsx)("div",{className:"banner-content",children:(0,t.jsxs)("div",{className:"banner-content-container",children:[(0,t.jsx)("div",{className:"title-container",children:(0,t.jsx)(n.default,{data:o})}),d.map((e,a)=>(0,t.jsx)(i.InternalLink,{...e.fields,className:"button--extra-large"},a))]})})]})}],93190)},91639,e=>{"use strict";var t=e.i(91398),i=e.i(91788),a=e.i(60814);let n=a.default.section.withConfig({displayName:"RandomBanners.style__RandomBannersStyled",componentId:"sc-e63ee1df-0"})``;var o=e.i(93190);e.s(["default",0,e=>{let{banners:a}=e,[d,r]=(0,i.useState)(0),[l,s]=(0,i.useState)(!0);return(0,i.useLayoutEffect)(()=>{var e;let t=(e=a.length,Date.now()%e);s(!1),r(t)},[]),(0,t.jsx)(n,{children:(0,t.jsx)(o.default,{...a[d].fields,hidden:l})})}],91639)},75243,function(e){e.n(e.i(91639))},75400,e=>{"use strict";var t=e.i(13093);e.s(["Button",()=>t.default])},4838,e=>{"use strict";var t=e.i(91398),i=e.i(91788);e.i(14767);var a=e.i(75400),n=e.i(23806),o=e.i(71405),d=e.i(60814);d.default.div.withConfig({displayName:"CloseIcon.style__CloseIconStyled",componentId:"sc-497a883-0"})`
101    align-items: center;
102    background: #fff;
103    border-radius: 100%;
104    cursor: pointer;
105    display: flex;
106    height: 45px;
107    justify-content: center;
108    width: 45px;
109    transition: 0.2s;
110
111    &:hover {
112        transform: scale(0.9);
113    }
114
115    &:focus {
116        outline: 1px solid ${o.colors.blue300};
117    }
118
119    .close {
120        align-items: center;
121        display: flex;
122        justify-content: center;
123
124        &::before,
125        &::after {
126            position: absolute;
127            content: ' ';
128            height: 17.5px;
129            width: 2px;
130            border-radius: 5px;
131            background-color: ${e=>e.color||o.colors.blue300};
132
133            @media (max-width: ${o.sizes.tbBreakpointMax}) {
134                height: 22px;
135            }
136        }
137
138        &::before {
139            transform: rotate(45deg);
140        }
141
142        &::after {
143            transform: rotate(-45deg);
144        }
145
146        @media (max-width: ${o.sizes.tbBreakpointMax}) {
147            top: 10px;
148            right: 25px;
149        }
150    }
151`,d.default.div.withConfig({displayName:"HamburgerIcon.style__HamburgerIconStyled",componentId:"sc-95d7620c-0"})`
152    right: 0;
153    top: 0;
154    transition: all 0.3s ease-in-out;
155    visibility: visible;
156
157    &:focus {
158        ${o.mixins.focusableItem};
159    }
160
161    .line {
162        background-color: #000;
163        border-radius: 5px;
164        display: block;
165        height: 3px;
166        margin: 6px auto;
167        transition: all 0.3s ease-in-out;
168        width: 28px;
169    }
170
171    &.is-active {
172        animation: smallbig 0.6s forwards;
173
174        .line {
175            &:nth-child(1),
176            &:nth-child(2),
177            &:nth-child(3) {
178                width: 24px;
179                background-color: ${o.colors.blue500};
180            }
181
182            &:nth-child(2) {
183                opacity: 0;
184            }
185
186            &:nth-child(1) {
187                transform: translateY(9px) rotate(45deg);
188            }
189
190            &:nth-child(3) {
191                transform: translateY(-9px) rotate(-45deg);
192            }
193        }
194    }
195
196    &:hover {
197        cursor: pointer;
198    }
199`,d.default.div.withConfig({displayName:"DropdownArrowIcon.style__DropdownArrowIconStyled",componentId:"sc-e6c554df-0"})`
200    display: flex;
201    align-items: center;
202    justify-content: center;
203    transform: ${e=>e.isDropdownOpen?"translateY(3px) rotate(180deg)":"none"};
204    transition: 250ms;
205
206    &.large {
207        svg {
208            @media (min-width: ${o.sizes.dtBreakpointMin}) {
209                height: 11px;
210                width: 20px;
211                stroke-width: 0.1px;
212            }
213        }
214    }
215`;let r=d.default.div.withConfig({displayName:"PlayIcon.style__PlayIconStyled",componentId:"sc-3c1db9b8-0"})`
216    position: absolute;
217    display: flex;
218    align-items: center;
219    justify-content: center;
220    top: 0;
221    left: 0;
222    right: 0;
223    bottom: 0;
224    margin: auto;
225    width: 68px;
226    height: 68px;
227
228    @media (min-width: ${o.sizes.dtBreakpointMin}) {
229        width: 210px;
230        height: 210px;
231    }
232`;var l=e.i(41381),s=e.i(25974);let c=e=>{let{className:i,dataActionDetail:a,videoUrl:n}=e;return(0,t.jsx)(r,{className:`${i} ${l.default.video.play}`,"data-action-detail":a||n,"aria-label":s.default.video.play,children:(0,t.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"210",height:"210",viewBox:"0 0 210 210",fill:"none",children:[(0,t.jsx)("path",{d:"M210 105C210 162.99 162.99 210 105 210C47.0101 210 0 162.99 0 105C0 47.0101 47.0101 0 105 0C162.99 0 210 47.0101 210 105Z",fill:"#08BED5",fillOpacity:"0.6"}),(0,t.jsx)("path",{d:"M210 105C210 162.99 162.99 210 105 210C47.0101 210 0 162.99 0 105C0 47.0101 47.0101 0 105 0C162.99 0 210 47.0101 210 105Z",fill:"#08BED5",fillOpacity:"0.6"}),(0,t.jsx)("path",{d:"M145.678 101.789C147.83 103.388 147.83 106.612 145.678 108.211L86.3853 152.257C83.7461 154.217 80 152.333 80 149.046L80 60.9543C80 57.6666 83.7461 55.7828 86.3853 57.7434L145.678 101.789Z",fill:"white"})]})})},p=d.default.div.withConfig({displayName:"Video.style__VideoStyled",componentId:"sc-e3a580de-0"})`
233    display: flex;
234    justify-content: center;
235    ${e=>!e.fullWidth&&d.css`
236            ${o.mixins.largeContentWide};
237        `}
238
239    ${e=>e.fullWidth&&d.css`
240            height: 100%;
241
242            .video {
243                height: 100%;
244                object-fit: cover;
245            }
246        `}
247    position: relative;
248    padding-left: 0 !important;
249    padding-right: 0 !important;
250
251    .container {
252        max-width: 100%;
253    }
254
255    img {
256        max-width: 100%;
257        height: auto;
258        object-fit: contain;
259    }
260
261    video {
262        max-width: 100%;
263    }
264
265    .button-toggle {
266        border: none;
267        position: absolute;
268        top: 16px;
269        right: 16px;
270        background-color: ${o.colors.blue600};
271        border-radius: 50%;
272        height: 44px;
273        width: 44px;
274        align-items: center;
275        justify-content: center;
276        cursor: pointer;
277        z-index: 2;
278        min-width: 0;
279
280        @media (min-width: ${o.sizes.dtBreakpointMin}) {
281            top: 40px;
282            right: 60px;
283            height: 72px;
284            width: 72px;
285        }
286
287        .video-toggle-icon {
288            display: inline-block;
289            background: transparent;
290            box-sizing: border-box;
291            width: 4px;
292            height: 16px;
293            font-size: 0;
294            transition: all 0.1s ease;
295            border: 0 double transparent;
296            border-left: 15px double #fff;
297
298            @media (min-width: ${o.sizes.dtBreakpointMin}) {
299                width: 7px;
300                height: 23px;
301            }
302
303            &.paused {
304                border-style: solid;
305                border-width: 10px 0 10px 15px;
306                width: 4px;
307                height: 16px;
308            }
309        }
310    }
311`;e.s(["default",0,e=>{let{ariaDescription:o,youTubeId:d,video:r,coverImage:h,className:u,autoplay:g,fullWidth:m=!1}=e,[f,x]=(0,i.useState)(g),[b,w]=(0,i.useState)(g),y=(0,i.useRef)(null),v=(0,i.useRef)(null),j=()=>{w(!0)},$=()=>{w(!1)};return(0,i.useEffect)(()=>{f&&y.current&&y.current.play(),f&&v.current&&(v.current.src+="&autoplay=1",w(!0))},[f]),(0,t.jsxs)(p,{className:"video",fullWidth:m,children:[!f&&!b&&!g&&(0,t.jsx)("button",{className:"container",tabIndex:0,onClick:()=>{if(y.current){let e=y.current;e.readyState>=4?x(!0):e.addEventListener("canplay",()=>{x(!0)})}},"aria-label":o?`open video ${o}`:"open video",children:h&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.Picture,{...h.fields,pictureStyle:"cover-image"}),(0,t.jsx)(c,{className:"play-button",videoUrl:`https:\\${r.fields.file.url}`})]})}),(()=>{if(d&&!r)return(0,t.jsx)("iframe",{title:"Youtube",ref:v,"aria-label":"Youtube video",className:"video",allow:"autoplay",src:`//www.youtube-nocookie.com/embed/${d}?showinfo=0&autoplay=1`});if(r)return(0,t.jsx)("video",{ref:y,className:`video ${u||""} ${f?"":"visually-hidden"}
311`,controls:!g,...g?{autoPlay:!0,muted:!0,playsInline:!0,loop:!0}:{},poster:h?.fields.desktopImage.url,onPlay:j,onPause:$,children:(0,t.jsx)("source",{src:r?.fields.file.url,type:"video/mp4"})});throw Error(s.default.video.error)})(),g&&(0,t.jsx)(a.Button,{onClick:()=>{w(!b),b?y.current?.pause():y.current?.play()},className:"button-toggle",ariaLabel:b?s.default.video.pause:s.default.video.play,eventClass:l.default.video.play,dataActionDetail:`${b?"Pause video":"Play video"}, https:\\${r.fields.file.url}`,children:(0,t.jsx)("span",{className:`video-toggle-icon ${!b?"paused":""}`})})]})}],4838)}]);

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.