1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,15767,96701,e=>{"use strict";var t,i,a,o,r,l,n,s=e.i(91398),c=e.i(91788),d=e.i(60814),u=((t={}).DotsDefault="Dots Default",t.Hidden="Hidden",t),p=((i={}).Bottom="Bottom",i),h=((a={}).Thumbnail="Thumbnail",a),m=((o={}).VerticalCenteredEdge="Vertical Centered Edge",o.Inline="Inline",o.Hidden="Hidden",o),f=((r={}).Classic="Classic",r.WithPreview="With Preview",r);(l={}).Default="Default",l.None="None",l.NoneRight="NoneRight";var g=((n={}).Outline="Outline",n.Fill="Fill",n);e.s(["CarouselArrowPosition",()=>m,"CarouselArrowStyle",()=>g,"CarouselDotsPosition",()=>p,"CarouselDotsStyle",()=>u,"CarouselStyle",()=>f,"CarouselThumbnailStyle",()=>h],96701);var b=e.i(71405);let x=d.default.div.withConfig({displayName:"CustomCarousel.style__CarouselContainerStyled",componentId:"sc-6ae81c52-0"})` 2 --carousel-controls-mobile-height: 60px; 3 --carousel-controls-desktop-height: 70px; 4 5 max-width: 100%; 6 background-color: ${({$disableBackground:e})=>e?"transparent":"#fff"}; 7 ${({$arrowPositionDesktop:e,$hasThumbnail:t})=>e===m.VerticalCenteredEdge&&!t&&d.css` 8 @media (min-width: 1660px) { 9 --carousel-controls-desktop-height: 1px; 10 } 11 `} 12`,w=d.default.div.withConfig({displayName:"CustomCarousel.style__CarouselInnerContainerStyled",componentId:"sc-6ae81c52-1"})` 13 padding-bottom: 20px; 14 15 @media (min-width: ${b.sizes.dtBreakpointMin}) { 16 padding-bottom: 70px; 17 } 18`;d.default.div.withConfig({displayName:"CustomCarousel.style__CarouselHeaderContainerStyled",componentId:"sc-6ae81c52-2"})` 19 padding-bottom: 60px; 20 21 @media (min-width: ${b.sizes.dtBreakpointMin}) { 22 padding-bottom: 70px; 23 } 24`;let v=d.default.div.withConfig({displayName:"CustomCarousel.style__CarouselRootStyled",componentId:"sc-6ae81c52-3"})` 25 --with-preview-amount-mobile: 12%; 26 --with-preview-amount-desktop: 6%; 27 28 position: relative; 29 display: flex; 30 flex-direction: column-reverse; 31 ${({$hasThumbnail:e})=>e&&d.css` 32 @media (min-width: ${b.sizes.dtBreakpointMin}) { 33 gap: 10px; 34 } 35 `} 36`,y=d.default.div.withConfig({displayName:"CustomCarousel.style__CarouselScrollStyled",componentId:"sc-6ae81c52-4"})` 37 position: relative; 38 display: flex; 39 overflow: auto; 40 scrollbar-width: none; 41 padding: 0; 42 list-style: none; 43 gap: 15px; 44 ${e=>e.$style===f.WithPreview&&e.$visible&&d.css` 45 padding-right: var(--with-preview-amount-mobile); 46 47 @media (min-width: ${b.sizes.dtBreakpointMin}) { 48 padding-right: var(--with-preview-amount-desktop); 49 } 50 `} 51`,$=d.default.div.withConfig({displayName:"CustomCarousel.style__CarouselSlideStyled",componentId:"sc-6ae81c52-5"})` 52 display: flex; 53 flex-shrink: 0; 54 width: 100%; 55 gap: 15px; 56 overflow: hidden; 57 cursor: auto; 58`,C=d.default.div.withConfig({displayName:"CustomCarousel.style__CarouselSlideItemStyled",componentId:"sc-6ae81c52-6"})` 59 flex: 1; 60 max-width: 100%; 61`,k=d.css` 62 --x-axis-margin-right: 0; 63 --x-axis-margin-left: 0; 64`,S=d.css` 65 display: none; 66`,_=d.css` 67 --x-axis-margin-left: 10px; 68 --x-axis-margin-right: ${e=>e.$carouselStyle===f.WithPreview?"calc(var(--with-preview-amount-desktop) - 10px)":"10px"}; 69 70 position: absolute; 71 top: 0; 72 bottom: var(--carousel-controls-mobile-height); 73 margin-top: auto; 74 margin-bottom: auto; 75 z-index: 10; 76 77 @media (min-width: ${b.sizes.dtBreakpointMin}) { 78 bottom: var(--carousel-controls-desktop-height); 79 } 80`,D={[m.VerticalCenteredEdge]:_,[m.Inline]:k,[m.Hidden]:S},N={[m.Hidden]:"",[m.VerticalCenteredEdge]:"1630px",[m.Inline]:b.sizes.dtBreakpointMin},I=d.css` 81 background-color: transparent; 82 color: #000; 83 opacity: 0.8; 84 85 path { 86 fill: currentcolor; 87 } 88 89 &:hover { 90 opacity: 1; 91 } 92`,P=d.css` 93 background-color: ${b.colors.blue500}; 94 opacity: 1; 95 color: #fff; 96 97 &:hover { 98 backdrop-filter: none; 99 } 100`,j=d.default.button.withConfig({displayName:"CustomCarousel.style__CarouselNextPrevButtonStyled",componentId:"sc-6ae81c52-7"})` 101 --button-size: 36px; 102 --arrow-icon-color: #fff; 103 104 display: flex; 105 justify-content: center;
106 align-items: center; 107 width: var(--button-size); 108 height: var(--button-size); 109 min-width: var(--button-size); 110 min-height: var(--button-size); 111 border-radius: 100%; 112 background-color: ${b.colors.blue600}; 113 padding: 0; 114 color: #fff; 115 opacity: 0.68; 116 border: none; 117 cursor: pointer; 118 overflow: hidden; 119 120 @media (min-width: ${b.sizes.dtBreakpointMin}) { 121 --button-size: 45px; 122 } 123 124 @media (max-width: ${e=>`${parseInt(N[e.$arrowPositionDesktop],10)-1}px`}) { 125 ${e=>D[e.$arrowPositionMobile]}; 126 } 127 128 @media (min-width: ${e=>N[e.$arrowPositionDesktop]}) { 129 display: flex; 130 } 131 132 @media (min-width: ${e=>N[e.$arrowPositionDesktop]}) { 133 ${e=>D[e.$arrowPositionDesktop]}; 134 } 135 136 &:disabled { 137 opacity: 0.4; 138 } 139 140 ${e=>e.$arrowStyle===g.Outline&&I} 141 ${e=>e.$arrowStyle===g.Fill&&P} 142`,z=(0,d.default)(j).withConfig({displayName:"CustomCarousel.style__CarouselNextButtonStyled",componentId:"sc-6ae81c52-8"})` 143 right: var(--x-axis-margin-right); 144 order: 3; 145`,B=(0,d.default)(j).withConfig({displayName:"CustomCarousel.style__CarouselPrevButtonStyled",componentId:"sc-6ae81c52-9"})` 146 left: var(--x-axis-margin-left); 147 order: 1; 148`,M=d.css` 149 bottom: calc(var(--carousel-controls-mobile-height) + 25px); 150 gap: 14px; 151 margin-left: auto; 152 margin-right: auto; 153 padding: 4px 3px; 154 left: 0; 155 width: 100%; 156 display: flex; 157 justify-content: center; 158 order: 2; 159 160 @media (min-width: ${b.sizes.dtBreakpointMin}) { 161 gap: 12px; 162 bottom: calc(var(--carousel-controls-desktop-height) + 40px); 163 } 164`,L=d.css` 165 display: none; 166`,E=d.css` 167 gap: 8px; 168 margin-top: 35px; 169 margin-left: auto; 170 margin-right: auto; 171 max-width: 100%; 172 overflow-x: scroll; 173 scroll-snap-type: x proximity; 174 scrollbar-width: none; 175 176 ::-webkit-scrollbar {
177 display: none; 178 } 179 180 @media (min-width: ${b.sizes.dtBreakpointMin}) { 181 margin-top: 5px; 182 gap: 15px; 183 } 184`,T=d.css` 185 width: 16px; 186 height: 16px; 187 background-color: #808080; 188 border-radius: 100%; 189 border: 1px solid #808080; 190 ${e=>e.$active&&d.css` 191 background-color: #fff; 192 `} 193`,A=d.default.div.withConfig({displayName:"CustomCarousel.style__CarouselControlsStyled",componentId:"sc-6ae81c52-10"})` 194 display: flex; 195 align-items: center; 196 justify-content: center; 197 height: var(--carousel-controls-mobile-height); 198 margin-left: auto; 199 margin-right: auto; 200 width: 100%; 201 gap: 40px; 202 z-index: 15; 203 padding-top: 30px; 204 205 .prev-button { 206 order: -1; 207 } 208 209 @media (min-width: ${b.sizes.dtBreakpointMin}) { 210 height: var(--thumbnail-size, --carousel-controls-desktop-height); 211 width: fit-content; 212 gap: 80px; 213 max-width: 100%; 214 } 215 216 ${e=>e.$carouselStyle===f.WithPreview&&d.css` 217 padding-right: 15px; 218 219 @media (min-width: ${b.sizes.dtBreakpointMin}) { 220 width: calc(100% - var(--with-preview-amount-desktop)); 221 margin-left: 0; 222 padding-right: 0; 223 } 224 `} 225 ${({$visible:e})=>!e&&d.css` 226 display: none; 227 visibility: hidden !important; 228 `} 229`,R={[u.DotsDefault]:T,[u.Hidden]:T},O={[u.Hidden]:L,[u.DotsDefault]:M,[h.Thumbnail]:E},H=d.default.button.withConfig({displayName:"CustomCarousel.style__CarouselPaginationButtonStyled",componentId:"sc-6ae81c52-11"})` 230 padding: 0; 231 border: none; 232 cursor: pointer; 233 ${e=>R[e.$dotsStyle]}; 234 ${e=>e.$hideOnDesktop&&d.css` 235 @media (min-width: ${b.sizes.dtBreakpointMin}) { 236 display: none; 237 } 238 `}; 239 240 &.no-outline { 241 outline: none !important; 242 } 243`,W=d.default.button.withConfig({displayName:"CustomCarousel.style__CarouselThumbnailStyled",componentId:"sc-6ae81c52-12"})` 244 --thumbnail-size: 64px; 245 246 width: var(--thumbnail-size); 247 height: var(--thumbnail-size); 248 min-height: var(--thumbnail-size); 249 min-width: var(--thumbnail-size); 250 scroll-snap-align: start; 251 padding: 0; 252 border: none; 253 cursor: pointer; 254 ${({$active:e})=>!e&&d.css` 255 filter: brightness(100%); 256 `}; 257 258 @media (min-width: ${b.sizes.dtBreakpointMin}) { 259 display: flex; 260 } 261 262 .thumbnail-image-container { 263 height: 100%; 264 width: 100%; 265 } 266 267 .thumbnail-image { 268 object-fit: cover; 269 width: 100%; 270 height: 100%; 271 272 :not(.lazyloaded) { 273 visibility: hidden; 274 } 275 } 276 277 &:focus-visible { 278 outline-offset: -4px; 279 } 280 281 &.no-outline { 282 outline: none !important; 283 } 284`,F=d.default.div.withConfig({displayName:"CustomCarousel.style__CarouselPaginationButtonContainerStyled",componentId:"sc-6ae81c52-13"})` 285 display: flex; 286 overflow: hidden; 287 288 .prev-button { 289 order: -1; 290 } 291 292 ${e=>O[e.$dotsStyle]}; 293 ${({$ariaOrientation:e})=>"vertical"===e&&d.css` 294 max-height: 704px; 295 overflow: scroll; 296 `} 297`,V=()=>(0,s.jsx)("svg",{width:"800px",height:"800px",viewBox:"-19.04 0 75.804 75.804",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("g",{transform:"translate(-831.568 -384.448)",children:(0,s.jsx)("path",{d:"M833.068,460.252a1.5,1.5,0,0,1-1.061-2.561l33.557-33.56a2.53,2.53,0,0,0,0-3.564l-33.557-33.558a1.5,1.5,0,0,1,2.122-2.121l33.556,33.558a5.53,5.53,0,0,1,0,7.807l-33.557,33.56A1.5,1.5,0,0,1,833.068,460.252Z",fill:"var(--arrow-icon-color)"})})}),Y=()=>(0,s.jsx)("svg",{width:"800px",height:"800px",viewBox:"-19.04 0 75.803 75.803",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("g",{transform:"translate(-624.082 -383.588)",children:(0,s.jsx)("path",{d:"M660.313,383.588a1.5,1.5,0,0,1,1.06,2.561l-33.556,33.56a2.528,2.528,0,0,0,0,3.564l33.556,33.558a1.5,1.5,0,0,1-2.121,2.121L625.7,425.394a5.527,5.527,0,0,1,0-7.807l33.556-33.559A1.5,1.5,0,0,1,660.313,383.588Z",fill:"var(--arrow-icon-color)"})})});var X=e.i(35557),q=e.i(72043);let K=({children:e})=>(0,s.jsx)(C,{className:"cc-carousel__slide-item",children:e});e.s(["CustomCarousel",0,e=>{let{items:t,renderItem:i,dotsStyle:a=u.DotsDefault,arrowPositionDesktop:o=m.VerticalCenteredEdge,arrowPositionMobile:r=m.VerticalCenteredEdge,carouselDotsPositionDesktop:l=p.Bottom,carouselDotsPositionLargeDesktop:n,style:d=f.Classic,maximumItemsPerSlide:b=1,isNested:C=!1,itemMinimumWidth:k=315,arrowStyle:S=g.Outline,disableAnimation:_,className:D,disableBackgroun
297d:N=!1,onSlideChange:I}=e,{scrollRef:P,activeSlideIndex:j,showPrevSlide:M,showNextSlide:L,goToSlide:E,slides:T,numberOfSlides:R,goToFirstSlide:O,goToLastSlide:U,slidesRef:Z}=((e,t,i,a,o)=>{let[r,l]=(0,c.useState)(0),n=(0,c.useRef)([]),[s,d]=(0,c.useState)(t),u=(0,c.useRef)(!1),p=(0,c.useRef)(null),h=(0,c.useRef)(null),m=(0,c.useRef)(null),f=(0,c.useRef)(null),g=(0,c.useRef)(!1),b=(0,c.useMemo)(()=>{let t=[];for(let i=0;i<e.length;i+=s){let a=e.slice(i,i+s);for(;a.length<s;)a.push(null);t.push(a)}return t},[e,s]),[x,w,v,y]=((e,t,i)=>{let a=(0,c.useRef)(null),[o,r]=(0,c.useState)(!1),[l,n]=(0,c.useState)(0),[s,d]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{let e=()=>{if(a.current){let{clientWidth:e}=a.current,o=t*i>e;r(o),n(e),o?d(!1):d((t+1)*i<=e)}},o=new ResizeObserver(e);return a.current&&o.observe(a.current),e(),()=>o.disconnect()},[e,t]),[a,o,l,s]})(b.length,s,i);(0,c.useEffect)(()=>{$(r)},[v]),(0,c.useEffect)(()=>{w&&d(Math.max(s-1,1))},[w,v,s]),(0,c.useEffect)(()=>{y&&d(Math.min(s+1,t))},[y,v]),(0,c.useEffect)(()=>{$(0)},[b]);let $=(0,c.useCallback)((e,t)=>{if(x.current&&n.current.length){let i=e*(n.current[r].offsetWidth+parseFloat(getComputedStyle(x.current).gap||"0")),s=x.current.scrollLeft,c=a||t?0:300,d=performance.now(),u=t=>{let a=Math.min((t-d)/c,1),r=a<.5?2*a*a:1-Math.pow(-2*a+2,2)/2;x.current&&(x.current.scrollLeft=s+(i-s)*r,a<1?requestAnimationFrame(u):(l(e),o?.(e)))};0===c?(x.current.scrollLeft=i,l(e),o?.(e)):requestAnimationFrame(u)}else throw Error("Reference to scroll container or slides was not passed")},[x.current,r]),C=(0,c.useCallback)(()=>{r<b.length-1?$(r+1):k()},[r,$,b.length]),k=(0,c.useCallback)(()=>{$(0)},[$]),S=(0,c.useCallback)(()=>{$(b.length-1)},[$,b.length]),_=(0,c.useCallback)(()=>{r>0?$(r-1):S()},[r,$,S]),D=(0,c.useCallback)(e=>{let t=e.target;g.current=!!t?.closest('a,button,input,textarea,select,[role="button"],[contenteditable="true"]'),g.current||("mouse"!==e.pointerType||0===e.button)&&(u.current=!0,p.current=e.clientX,h.current=e.clientY,m.current=e.clientX,f.current=e.clientY,e.currentTarget.setPointerCapture?.(e.pointerId))},[]),N=(0,c.useCallback)(e=>{!g.current&&u.current&&(m.current=e.clientX,f.current=e.clientY,"touch"===e.pointerType&&null!=p.current&&null!=h.current)&&Math.abs(e.clientX-p.current)>Math.abs(e.clientY-h.current)&&e.preventDefault()},[]),I=(0,c.useCallback)((e,t)=>{if(g.current){g.current=!1;return}if(!u.current)return;let i=p.current,a=h.current,o=m.current,r=f.current;if(u.current=!1,p.current=h.current=m.current=f.current=null,null==i||null==a||null==o||null==r)return;let l=i-o,n=Math.abs(l),s=Math.abs(a-r),c=n>s;if(n<6&&s<6){let e=t?.target?.closest("a");e&&e.click();return}(!e||c&&n>40)&&c&&(l>40?C():l<-40&&_())},[C,_]),P=(0,c.useCallback)(e=>{e.currentTarget.releasePointerCapture?.(e.pointerId),I(!1,e)},[I]),j=(0,c.useCallback)(e=>{e.currentTarget.releasePointerCapture?.(e.pointerId),I(!0,e)},[I]),z=(0,c.useCallback)(e=>{"ArrowRight"===e.key?(e.preventDefault(),C()):"ArrowLeft"===e.key&&(e.preventDefault(),_())},[C,_]);return(0,c.useEffect)(()=>{let e=x.current;if(e)return e.style.touchAction||(e.style.touchAction="pan-y"),e.addEventListener("pointerdown",D),e.addEventListener("pointermove",N),e.addEventListener("pointerup",P),e.addEventListener("pointercancel",j),e.addEventListener("keydown",z),()=>{e.removeEventListener("pointerdown",D),e.removeEventListener("pointermove",N),e.removeEventListener("pointerup",P),e.removeEventListener("pointercancel",j),e.removeEventListener("keydown",z)}},[x,D,N,P,j,z]),{scrollRef:x,activeSlideIndex:r,showPrevSlide:_,showNextSlide:C,goToSlide:$,slides:b,numberOfSlides:b.length,goToFirstSlide:k,goToLastSlide:S,slidesRef:n}})(t,b,k,_,e=>I?.(e)),G=e.renderThumbnail,J=(0,c.useRef)(null),Q=(0,c.useRef)([]),ee=(0,c.useId)(),et=`${ee}-carousel-title`,ei=e=>`${ee}-TAB-${e}`,ea="horizontal";return(0,c.useEffect)(()=>{let e=J.current,t=Q.current?.[j+1];if(!e||!t)return;let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();{let o=Math.max(0,Math.min(e.scrollLeft+(a.left-i.left)-(e.clientWidth-t.clientWidth)/2,e.scrollWidth-e.clientWidth));e.scrollTo({left:o,behavior:"smooth"})}}
297,[j,ea]),(0,s.jsx)(x,{$disableBackground:C||N,className:(0,q.default)("cc-carousel",D),$arrowPositionDesktop:o,$hasThumbnail:!!G,children:(0,s.jsx)(w,{className:"cc-carousel__inner",children:(0,s.jsxs)(v,{$carouselDotsPositionDesktop:l,$carouselDotsPositionLargeDesktop:n,$hasThumbnail:!!G,className:"cc-carousel__root",children:[(0,s.jsxs)(A,{role:"tablist","aria-orientation":ea,"aria-labelledby":et,onKeyDown:e=>{switch(e.key){case"ArrowRight":e.preventDefault(),L(),Q.current[j+1]?.focus();break;case"ArrowLeft":e.preventDefault(),M(),Q.current[j-1]?.focus();break;case"Home":e.preventDefault(),O(),Q.current[0]?.focus();break;case"End":e.preventDefault(),U(),Q.current[R-1]?.focus()}},$dotsStyle:a,$carouselStyle:d,$carouselDotsPositionDesktop:l,$carouselDotsPositionLargeDesktop:n,$visible:R>1,className:"cc-carousel__controls",children:[(0,s.jsx)(F,{$dotsStyle:G?h.Thumbnail:a,$carouselStyle:d,ref:J,$carouselDotsPositionDesktop:l,$carouselDotsPositionLargeDesktop:n,$ariaOrientation:ea,className:"cc-carousel__dots",children:T.map((e,t)=>{let i=j===t,o={$dotsStyle:a,$carouselStyle:d,ref:e=>{Q.current[t]=e},onClick:()=>{E(t)},$active:i,id:ei(t),role:"tab","aria-controls":ei(t),"aria-selected":i,"aria-label":`carousel thumbnail go to slide ${t+1}`,tabIndex:0};if(!G)return(0,c.createElement)(H,{...o,key:t,className:(0,q.default)("cc-carousel__dot event_button_click",i&&"active"),"data-action-detail":`carousel dot go to slide ${t+1}`});{let a=G(e[0]);return(0,s.jsx)(c.default.Fragment,{children:(0,s.jsx)(W,{...o,"aria-label":`Slide ${t+1} of ${T.length}, ${a.alt},tab${i?", selected":""}`,className:(0,q.default)("cc-carousel__thumbnail event_button_click",i&&"active"),"data-action-detail":`carousel thumbnail go to slide ${t+1}`,children:(0,s.jsx)(X.default,{...a,className:"thumbnail-image",pictureStyle:"thumbnail-image-container",disableLazyLoad:!1,isDecorative:!0})})},t)}})}),(0,s.jsx)(B,{onClick:M,tabIndex:j<1?-1:0,"aria-hidden":j<1||void 0,$arrowPositionDesktop:o,$arrowPositionMobile:r,$carouselStyle:d,$isNested:C,$arrowStyle:S,$hasThumbnail:!!G,$carouselDotsPositionDesktop:l,$carouselDotsPositionLargeDesktop:n,className:"cc-carousel__arrow event_button_click prev","data-action-detail":"carousel prev button","aria-label":"Previous slide, button",role:"tab",children:(0,s.jsx)(Y,{})}),(0,s.jsx)(z,{onClick:L,tabIndex:j===T.length?-1:0,"aria-hidden":j===T.length||void 0,$arrowPositionDesktop:o,$arrowPositionMobile:r,$carouselStyle:d,$isNested:C,$arrowStyle:S,$hasThumbnail:!!G,$carouselDotsPositionDesktop:l,$carouselDotsPositionLargeDesktop:n,className:"cc-carousel__arrow event_button_click next","data-action-detail":"carousel next button","aria-label":"Next slide, button",role:"tab",children:(0,s.jsx)(V,{})})]}),(0,s.jsx)(y,{ref:P,$style:d,$visible:R>1,className:"cc-carousel__scroll",children:T.map((e,t)=>{let a=t===j,o=a?0:-1;return(0,s.jsx)($,{className:(0,q.default)("cc-carousel__slide",a&&"active"),role:"tabpanel","aria-labelledby":ei(o),id:`${ee}-TABPANEL-${o}`,"aria-hidden":!1,tabIndex:!a||R<=1?-1:0,ref:e=>{e&&(Z.current[t]=e,e.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])').forEach(e=>{a?void 0!==e.dataset.originalTabIndex&&(e.setAttribute("tabIndex",e.dataset.originalTabIndex),delete e.dataset.originalTabIndex):void 0===e.dataset.originalTabIndex&&(e.dataset.originalTabIndex=e.getAttribute("tabIndex")||"0",e.setAttribute("tabIndex","-1"))}))},children:e.map((e,a)=>null!==e?(0,s.jsx)(K,{children:i({item:e,j:a})},a):(0,s.jsx)(K,{},`placeholder-${t}-${a}`))},t)})})]})})})}],15767)},1967,e=>{"use strict";var t=e.i(60814),i=e.i(71405);let a=t.default.div.withConfig({displayName:"ScentShowcase.style__ScentShowcaseStyled",componentId:"sc-676a774c-0"})` 298 display: flex; 299 width: 100%; 300 padding-bottom: 40px; 301 background-color: #000; 302 position: relative; 303 304 @media (min-width: ${i.sizes.dtBreakpointMin}) { 305 padding-bottom: 0; 306 } 307 308 .cc-carousel__arrow { 309 color: #fff; 310 } 311 312 .hidden { 313 visibility: hidden; 314 } 315`,o=t.default.div.withConfig({displayName:"ScentShowcase.style__ScentStyled",componentId:"sc-676a774c-1"})` 316 position: relative; 317 display: flex; 318 height: 720px; 319 max-width: 100vw; 320 321 @media (min-width: ${i.sizes.dtBreakpointMin}) { 322 width: 25%; 323 } 324 325 .background-image { 326 max-width: 100%; 327 max-height: 100%; 328 329 img { 330 max-width: 100%; 331 max-height: 100%; 332 width: 100%; 333 object-fit: cover; 334 } 335 } 336 337 .content { 338 position: absolute; 339 left: 0; 340 right: 0; 341 margin: auto; 342 width: fit-content; 343 bottom: 32px; 344 display: flex; 345 flex-direction: column; 346 align-items: center; 347 348 @media (min-width: ${i.sizes.dtBreakpointMin}) { 349 display: block; 350 bottom: 32px; 351 } 352 } 353 354 .shop-label { 355 ${i.mixins.highlightedText}; 356 font-size: 24px; 357 color: ${i.colors.green500}; 358 background-color: #000; 359 padding: 5px; 360 text-align: center; 361 } 362 363 .title { 364 font-size: 31px; 365 background-color: #000; 366 color: #fff; 367 text-transform: uppercase; 368 margin: 0; 369 padding: 10px; 370 border-bottom: 2px solid ${i.colors.green500}; 371 } 372 373 .scent-flip { 374 position: relative; 375 width: 100%; 376 height: 100%; 377 transition: transform 0.6s; 378 transform-style: preserve-3d; 379 overflow: hidden; 380 381 @media (min-width: ${i.sizes.dtBreakpointMin}) { 382 overflow: visible; 383 } 384 } 385 386 .scent-flip-front, 387 .scent-flip-back { 388 position: relative; 389 width: 100%; 390 height: 100%; 391 backface-visibility: hidden; 392 393 @media (min-width: ${i.sizes.dtBreakpointMin}) { 394 position: absolute; 395 } 396 } 397 398 .scent-flip-back { 399 transform: rotateY(180deg); 400 } 401
402 &:hover .scent-flip { 403 @media (min-width: ${i.sizes.dtBreakpointMin}) { 404 transform: rotateY(180deg); 405 } 406 } 407`;e.s(["ScentShowcaseStyled",0,a,"ScentStyled",0,o])},10993,e=>{"use strict";var t=e.i(91398),i=e.i(91788),a=e.i(1967),o=e.i(83020);e.i(14767);var r=e.i(8880),l=e.i(23806),n=e.i(25974);let s=({backgroundImage:e,title:i,internalLink:o,backgroundImageFlipped:s})=>(0,t.jsx)(a.ScentStyled,{children:(0,t.jsxs)("div",{className:"scent-flip",children:[(0,t.jsxs)("div",{className:"scent-flip-front",children:[(0,t.jsx)(l.Picture,{...e.fields,isPreloaded:!1,disableLazyLoad:!1,pictureStyle:"background-image"}),(0,t.jsxs)(r.InternalLink,{...o.fields,className:"content",children:[(0,t.jsx)("span",{className:"shop-label",children:n.default.homepage.shop}),(0,t.jsx)("p",{className:"title",children:i})]})]}),(0,t.jsxs)("div",{className:"scent-flip-back",children:[(0,t.jsx)(l.Picture,{...s.fields,isPreloaded:!1,disableLazyLoad:!1,pictureStyle:"background-image"}),(0,t.jsxs)(r.InternalLink,{...o.fields,className:"content",tabIndex:-1,children:[(0,t.jsx)("span",{className:"shop-label",children:n.default.homepage.shop}),(0,t.jsx)("p",{className:"title",children:i})]})]})]})});var c=e.i(15767),d=e.i(96701);e.s(["default",0,e=>{let{scents:r}=e,l=(0,o.default)(),n=1;return l?.isDesktop&&(n=3),l?.isTablet&&(n=2),(0,t.jsx)(a.ScentShowcaseStyled,{children:l?.isDesktop?(0,t.jsx)(t.Fragment,{children:r?.map((e,t)=>(0,i.createElement)(s,{...e.fields,key:t}))}):(0,t.jsx)(c.CustomCarousel,{disableBackground:!0,arrowPositionMobile:d.CarouselArrowPosition.Inline,arrowStyle:d.CarouselArrowStyle.Outline,dotsStyle:d.CarouselDotsStyle.DotsDefault,style:d.CarouselStyle.Classic,items:r,className:`${!l||l.isLargeDesktop?"hidden":""}`,maximumItemsPerSlide:n,renderItem:({item:e,j:t})=>(0,i.createElement)(s,{...e.fields,key:t})})})}],10993)},95087,e=>{e.n(e.i(10993))}]);
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.