1/*! 2 * @version 3ea9a483c 3 * 4 */ 5(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{Awgo:function(n,e,t){n.exports=t.p+"pagebuilder-arrow-right-oeU.svg"},Ld3G:function(n,e){var t={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"getExceptionalPageConfig"},variableDefinitions:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"storeConfig"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"exceptional_cms_page_general_identifiers"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"exceptional_page_id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"exceptional_page_default_color"},arguments:[],directives:[]}]}}]}}]}}],loc:{start:0,end:178}} 6t.loc.source={body:"query getExceptionalPageConfig {\n storeConfig {\n id\n exceptional_cms_page_general_identifiers {\n exceptional_page_id\n exceptional_page_default_color\n }\n }\n}\n",name:"GraphQL request",locationOffset:{line:1,column:1}} 7var o={} 8function findOperation(n,e){for(var t=0;t<n.definitions.length;t++){var o=n.definitions[t] 9if(o.name&&o.name.value==e)return o}}!function extractReferences(){t.definitions.forEach(function(n){if(n.name){var e=new Set 10!function collectFragmentReferences(n,e){if("FragmentSpread"===n.kind)e.add(n.name.value) 11else if("VariableDefinition"===n.kind){var t=n.type 12"NamedType"===t.kind&&e.add(t.name.value)}n.selectionSet&&n.selectionSet.selections.forEach(function(n){collectFragmentReferences(n,e)}),n.variableDefinitions&&n.variableDefinitions.forEach(function(n){collectFragmentReferences(n,e)}),n.definitions&&n.definitions.forEach(function(n){collectFragmentReferences(n,e)})}(n,e),o[n.name.value]=e}})}(),n.exports=t,n.exports.getExceptionalPageConfig=function oneQuery(n,e){var t={kind:n.kind,definitions:[findOperation(n,e)]} 13n.hasOwnProperty("loc")&&(t.loc=n.loc) 14var i=o[e]||new Set,a=new Set,r=new Set 15for(i.forEach(function(n){r.add(n)});r.size>0;){var s=r 16r=new Set,s.forEach(function(n){a.has(n)||(a.add(n),(o[n]||new Set).forEach(function(n){r.add(n)}))})}return a.forEach(function(e){var o=findOperation(n,e) 17o&&t.definitions.push(o)}),t}(t,"getExceptionalPageConfig")},ODZx:function(n,e,t){"use strict" 18var o=t("denP"),i=t.n(o),a=t("JPst"),r=t.n(a),s=t("HeW1"),c=t.n(s),A=t("Awgo"),l=t.n(A),d=r()(i.a),f=c()(l.a) 19d.push([n.i,"@media only screen and (max-width: 767px ) {\n}@media only screen and (max-width: 767px ) {\n}.customProjectsWrapper__AJfeq {\n width: 100%;\n margin: auto;\n position: relative;\n display: flex;\n flex-wrap: wrap;\n box-shadow: 5px 10px 25px -15px rgba(0, 0, 0, 0.3), 0 10px 25px -10px rgba(0, 0, 0, 0.2);\n border: 1px solid hsla(15, 6%, 74%, 0.5);\n transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n color: #000;\n}\n.customProjectsWrapper__AJfeq:hover {\n transform: translateY(-10px);\n box-shadow: 5px 30px 45px -25px rgba(0, 0, 0, 0.4), 0 30px 45px -20px rgba(0, 0, 0, 0.3);\n}\n.customProjectsImage__oEwKP {\n width: 100%;\n margin-bottom: 0;\n height: 235px;\n background-size: cover;\n background-position: 50%;\n}\n.customProjectsContent__Mx9MA {\n top: 85%;\n left: 200px;\n min-width: 300px;\n position: absolute;\n width: 50%;\n box-sizing: border-box;\n padding: 20px;\n z-index: 0;\n background: #fff;\n box-shadow: 5px 10px 25px -15px rgba(0, 0, 0, 0.3), 0 10px 25px -10px rgba(0, 0, 0, 0.2);\n border: 1px solid hsla(15, 6%, 74%, 0.5);\n transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.customProjectsContent__Mx9MA [class='projects-title'] {\n font-size: 18px;\n font-weight: 700;\n}\n.customProjectsContent__Mx9MA [class='projects-subtext'] {\n font-size: 12px;\n}\n.customProjectsContent__Mx9MA [data-element='arrow'] {\n position: absolute;\n right: 20px;\n}\n.customProjectsContent__Mx9MA [data-element='arrow'] [class*='projects-arrow'] {\n background-color: var(--arrow-button-color, var(--theme-color-primary));\n display: flex;\n align-items: center;\n width: 37.5px;\n min-width: 37.5px;\n height: 24px;\n margin: 0;\n background-image: url("+f+");\n background-size: 37.5px 24px;\n background-repeat: no-repeat;\n}\n.customProjectsContent__Mx9MA [data-element='arrow'] [class*='projects-arrow']::before,\n.customProjectsContent__Mx9MA [data-element='arrow'] [class*='projects-arrow']::after {\n
19content: '';\n position: absolute;\n left: 0;\n width: 0;\n border-left: 18.75px solid transparent;\n border-right: 18.75px solid transparent;\n}\n.customProjectsContent__Mx9MA [data-element='arrow'] [class*='projects-arrow']::before {\n bottom: 100%;\n border-bottom: 8px solid var(--arrow-button-color, var(--theme-color-primary));\n}\n.customProjectsContent__Mx9MA [data-element='arrow'] [class*='projects-arrow']::after {\n top: 24px;\n border-top: 8px solid var(--arrow-button-color, var(--theme-color-primary));\n}\n@media only screen and (min-width: 1024px) {\n .customProjectsImage__oEwKP {\n height: 700px;\n }\n}\n@media only screen and (max-width: 1023px ) {\n .customProjectsContent__Mx9MA {\n position: unset;\n width: 100%;\n min-width: auto;\n }\n}\n","",{version:3,sources:["webpack://./src/web/typography.less","webpack://./src/components/RichContent/PageBuilder/ContentTypes/CustomProject/custom-project.less","webpack://./src/web/icons.less"],names:[],mappings:"AA8EE;AC7EF,CDuFE;ACtFF,CACA;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;EACA,eAAA;EACA,wFAAA;EACA,wCAAA;EACA,yGAAA;EAGA,WAAA;AAFF;AAIE;EACE,4BAAA;EACA,wFAAA;AAFJ;AAMA;EACE,WAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,wBAAA;AAJF;AAOA;EACE,QAAA;EACA,WAAA;EACA,gBAAA;EACA,kBAAA;EACA,UAAA;EACA,sBAAA;EACA,aAAA;EACA,UAAA;EACA,gBAAA;EACA,wFAAA;EACA,wCAAA;EACA,yGAAA;AALF;AAPA;EAiBI,eAAA;EACA,gBAAA;AAPJ;AAXA;EAsBI,eAAA;AARJ;AAdA;EA0BI,kBAAA;EACA,WAAA;AATJ;AAlBA;EA8BM,uEAAA;EC9CJ,aAAA;EACA,mBAAA;EACA,aAAA;EACA,iBAAA;EACA,YAAA;EACA,SAAA;EACA,yDAAA;EACA,4BAAA;EACA,4BAAA;ADsCF;AAGM;;EAEE,WAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,sCAAA;EACA,uCAAA;AADR;AAIM;EACE,YAAA;EACA,8EAAA;AAFR;AAKM;EACE,SAAA;EACA,2EAAA;AAHR;AASA;EACE;IACE,aAAA;EAPF;AACF;AAUA;EACE;IACE,eAAA;IACA,WAAA;IACA,eAAA;EARF;AACF",sourcesContent:["@import './theme.less';\n\n@font-family__sans-serif: Sans-Serif;\n\n@font-family-name__base: FrutigerRoman;\n@font-family-name__light: FrutigerLight;\n@font-family-name__bold: FrutigerBlack;\n\n@font-family__base: @font-family-name__base, @font-family__sans-serif;\n@font-family__light: @font-family-name__light, @font-family__sans-serif;\n@font-family__bold: @font-family-name__bold, @font-family__sans-serif;\n\n@font-size__6xl: 28px;\n@font-size__5xl: 26px;\n@font-size__4xl: 24px;\n@font-size__3xl: 22px;\n@font-size__2xl: 20px;\n@font-size__xl: 18px;\n@font-size__l: 16px;\n@font-size__m: 14px;\n@font-size__base: @font-size__m;\n@font-size__s: 12px;\n@font-size__xs: 10px;\n@font-size__xxs: 8px;\n\n// [MOBILE] base font size â drives the mobile type scale via inheritance from body\n@font-size__base__mobile: 11px;\n\n@font-weight__bold: 700;\n@font-weight__regular: 400;\n@font-weight__light: 300;\n\n@line-height__default: 1.5;\n\n.line-height(@heightValue)\n when\n not\n (@heightValue = false)\n and\n not\n (@heightValue = normal)\n and\n not\n (ispercentage(@heightValue)) {\n .font-size-value(@heightValue);\n line-height: @fontValue;\n}\n\n.font-size-value(@_value) when not (@_value = false) and not (@_value = '') {\n // Exact-pixel output: emit the design token verbatim as px. No rem/ratio, so\n // sizes are never re-interpreted against the device/user root font-size.\n @fontValue: unit((@_value) * 1, px);\n}\n\nhtml,\nbody {\n font-size: @font-size__base;\n // Single source of truth for body copy. Elements with NO font-size of their\n // own inherit this, so they shift 14px -> 11px on mobile for free. Elements\n // that set an explicit size are exact px and do NOT auto-shrink â to make one\n // responsive, drop its declaration so it inherits.\n @media @mobileM {\n font-size: @font-size__base__mobile;\n }\n}\n\nh1,\nh2,\nh4,\nh5,\nh6 {\n font-weight: @font-weight__bold;\n margin: @spacing__base 0;\n}\n\nh1 {\n font-size: @font-size__6xl;\n .line-height(@font-size__6xl);\n @media @mobileM {\n font-size: @font-size__4xl;\n .line-height(@font-size__4xl);\n }\n}\n\nh2,\nh3 {\n font-size: @font-size__3xl;\n .line-height(@font-size__4xl);\n @media @mobileM {\n font-size: @font-size__xl;\n .line-height(@font-size__2xl);\n }\n}\n\nh3 {\n margin: @spacing__base 0;\n font-weight: @font-weight__regular;
19\n}\n\nh4,\nh5,\nh6 {\n font-size: inherit;\n}\n\n[class^='font-size__l'] {\n font-size: @font-size__l;\n}\n","@import (reference) '../../../../../web/theme';\n@arrowColor: var(--arrow-button-color, var(--theme-color-primary));\n\n.customProjectsWrapper {\n width: 100%; // @venia-update: Change this value when page width is clear for cms pages in project scope.\n margin: auto;\n position: relative;\n display: flex;\n flex-wrap: wrap;\n box-shadow: @box-shadow__card;\n border: 1px solid hsla(15, 6%, 74%, 0.5);\n transition:\n transform 0.8s cubic-bezier(0.23, 1, 0.32, 1),\n box-shadow 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n color: @color__black;\n\n &:hover {\n transform: translateY(-10px);\n box-shadow: @box-shadow__card-hover;\n }\n}\n\n.customProjectsImage {\n width: 100%;\n margin-bottom: 0;\n height: 235px;\n background-size: cover;\n background-position: 50%;\n}\n\n.customProjectsContent {\n top: 85%;\n left: 200px;\n min-width: 300px;\n position: absolute;\n width: 50%;\n box-sizing: border-box;\n padding: 20px;\n z-index: 0;\n background: #fff;\n box-shadow: @box-shadow__card;\n border: 1px solid hsla(15, 6%, 74%, 0.5);\n transition:\n transform 0.8s cubic-bezier(0.23, 1, 0.32, 1),\n box-shadow 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n\n [class='projects-title'] {\n font-size: @font-size__xl;\n font-weight: @font-weight__bold;\n }\n\n [class='projects-subtext'] {\n font-size: @font-size__s;\n }\n\n [data-element='arrow'] {\n position: absolute;\n right: @indent__base;\n\n [class*='projects-arrow'] {\n background-color: @arrowColor;\n .icon('pagebuilder-arrow-right', 37.5px, 24px);\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n left: 0;\n width: 0;\n border-left: 18.75px solid transparent;\n border-right: 18.75px solid transparent;\n }\n\n &::before {\n bottom: 100%;\n border-bottom: 8px solid @arrowColor;\n }\n\n &::after {\n top: 24px;\n border-top: 8px solid @arrowColor;\n }\n }\n }\n}\n\n@media @desktopL {\n .customProjectsImage {\n height: 700px;\n }\n}\n\n@media @mobileL {\n .customProjectsContent {\n position: unset;\n width: 100%;\n min-width: auto;\n }\n}\n","@import '/src/web/fonts/icomoon/variables';\n\n@icon__folder: './icons/';\n\n@icon__width-default: 20px;\n@icon__height-default: 20px;\n@icon__indent-default: 10px;\n\n.icon(\n @name: '',\n @width: @icon__width-default,\n @height: @icon__height-default,\n @indent: 0\n) {\n display: flex;\n align-items: center;\n width: @width;\n min-width: @width;\n height: @height;\n margin: @indent;\n background-image: url(~'@{icon__folder}@{name}.svg');\n background-size: @width @height;\n background-repeat: no-repeat;\n}\n\n.iconSrc(@name) {\n background-image: url(~'@{icon__folder}@{name}.svg');\n}\n\n.iconBefore(\n @name: '',\n @width: @icon__width-default,\n @height: @icon__height-default,\n @indent: 0 @icon__indent-default 0 0\n) {\n display: flex;\n align-items: center;\n\n &:before {\n display: inline-block;\n width: @width;\n min-width: @width;\n height: @height;\n margin: @indent;\n background-image: url(~'@{icon__folder}@{name}.svg');\n background-size: @width @height;\n background-repeat: no-repeat;\n content: '';\n }\n}\n\n.iconBeforeSrc(@name) {\n &:before {\n background-image: url(~'@{icon__folder}@{name}.svg');\n }\n}\n\n.iconAfter(\n @name: '',\n @width: @icon__width-default,\n @height: @icon__height-default,\n @indent: 0 0 0 @icon__indent-default\n) {\n display: flex;\n align-items: center;\n\n &:after {\n display: inline-block;\n width: @width;\n min-width: @width;\n height: @height;\n margin: @indent;\n background-image: url(~'@{icon__folder}@{name}.svg');\n background-size: @width @height;\n background-repeat: no-repeat;\n content: '';\n }\n}\n\n.icomoonBefore(@name, @size, @margin: 0, @color: @color__primary) {\n @icon: 'icon-@{name}';\n display: flex;\n align-items: center;\n align-self: center;\n\n &:before {\n content: @@icon;\n font-family: 'icomoon';\n font-size: @size;\n color: @color;\n margin: @margin;\n font-weight: @font-weight__regular;
19\n }\n}\n\n.icomoonAfter(@name, @size, @margin: 0, @color: @color__primary) {\n @icon: 'icon-@{name}';\n display: flex;\n align-items: center;\n align-self: center;\n\n &:after {\n content: @@icon;\n font-family: 'icomoon';\n font-size: @size;\n color: @color;\n margin: @margin;\n font-weight: @font-weight__regular;\n }\n}\n\n.iconAfterSrc(@name) {\n &:after {\n background-image: url(~'@{icon__folder}@{name}.svg');\n }\n}\n"],sourceRoot:""}]),d.locals={customProjectsWrapper:"customProjectsWrapper__AJfeq",customProjectsImage:"customProjectsImage__oEwKP",customProjectsContent:"customProjectsContent__Mx9MA"},e.a=d},hAwg:function(n,e,t){"use strict" 20t.r(e) 21var o=t("q1tI"),i=t.n(o),a=t("LboF"),r=t.n(a),s=t("ODZx"),c={insert:"head",singleton:!1},A=(r()(s.a,c),s.a.locals||{}),l=t("+TN3"),d=t("Ld3G"),f=t.n(d),m=t("RcnM"),p=t("vTCD"),_=t("55Ip"),g=t("T1X5"),h=t("17x9") 22const u=n=>{const{data:e,loading:t,error:o}=Object(l.b)(f.a,{fetchPolicy:"cache-first"}),a=Object(g.a)(A,n.classes) 23if(t||o||!e)return i.a.createElement(i.a.Fragment,null) 24const{desktopImage:r,link:s,content:c}=n,d=window.location.pathname.replace("/",""),h=e.storeConfig.exceptional_cms_page_general_identifiers.filter(n=>n.exceptional_page_id===d) 25let u={} 26h.length&&(u={"--arrow-button-color":h[0].exceptional_page_default_color}) 27const x=i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:a.customProjectsImage,style:{backgroundImage:"url(".concat(r,")")}}),i.a.createElement("div",{className:a.customProjectsContent},i.a.createElement("div",{style:u,dangerouslySetInnerHTML:Object(m.d)(c)}))) 28return i.a.createElement("div",null,Object(p.b)(s)?i.a.createElement(_.b,{to:Object(p.c)(s),className:a.customProjectsWrapper},x):i.a.createElement("a",{href:s,className:a.customProjectsWrapper,target:"_blank"},x))} 29u.propTypes={classes:Object(h.shape)({customProjectsWrapper:h.string,customProjectsImage:h.string,customProjectsContent:h.string}),contentType:h.string,appearance:h.string,desktopImage:h.string,link:h.string,content:h.string} 30e.default=u}}])
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.