@coopdigital/shared-component--membershipfeatured/dist/membership-featured.css.map

Co-op Shared Component: Membership featured

{"version":3,"sources":["../src/membership-featured.pcss"],"names":[],"mappings":"AAIA,4BACE,iBAAkB,CAClB,eAAgB,CAChB,aACF,CAEA,mCACE,iBAAkB,CAClB,eAAgB,CAChB,aAAc,CACd,sBAA8D,CAC9D,oBASF,CAPE,wBAPF,mCAQI,mBAMJ,CALE,CAEA,2BAXF,mCAYI,sBAEJ,CADE,CAGF,mCACE,oBAMF,CAJE,wBAHF,mCAII,aAAc,CACd,kBAEJ,CADE,CAGF,mCACE,oBACF,CAEA,kCACE,iBAAkB,CAClB,SACF,CAEA,mCACE,iBAAkB,CAClB,SAAU,CAEV,kBAaF,CAXE,+CACE,eACF,CAEA,0BAVF,mCAWI,oBAMJ,CALE,CAEA,2BAdF,mCAeI,kBAEJ,CADE,CAIF,6HAGE,iBAAkB,CAElB,gBAAqB,CAArB,oBAAqB,CACrB,UACF,CAGA,mFAEE,YACF,CAEA,0CACE,wBAAsC,CACtC,UAAW,CACX,UAAW,CAEX,QAAS,CACT,oBAKF,CAHE,2BARF,0CASI,aAEJ,CADE,CAGF,0CACE,SAAU,CACV,YAAa,CACb,WAAY,CAEZ,OAAQ,CACR,yBAAkC,CAClC,sBAsBF,CApBE,0BATF,0CAUI,UAAW,CACX,UAkBJ,CAjBE,CAEA,wBAdF,0CAeI,QAAS,CACT,WAAY,CACZ,sBAAuB,CACvB,UAAW,CAEX,aAAc,CACd,wBAAyB,CACzB,QAAS,CACT,oBAMJ,CALE,CAEA,wBA1BF,0CA2BI,sBAEJ,CADE,CAGF,6EACE,uBAKF,CAHE,wBAHF,6EAII,uBAEJ,CADE,CAGF,uCACE,iBAAkB,CAClB,SAAU,CACV,SACF,CAEA,6CACE,YAAa,CACb,WAAY,CACZ,YAAa,CAEb,WAAY,CACZ,YAiBF,CAfE,0BARF,6CASI,aAcJ,CAbE,CAEA,wBAZF,6CAaI,WAUJ,CATE,CAEA,wBAhBF,6CAiBI,WAMJ,CALE,CAEA,2BApBF,6CAqBI,YAEJ,CADE,CAGF,8CACE,SAAU,CACV,UAAW,CAEX,WAAY,CACZ,YAoBF,CAlBE,0BAPF,8CAQI,UAAW,CACX,UAgBJ,CAfE,CAEA,wBAZF,8CAaI,WAAY,CACZ,SAAU,CACV,UAUJ,CATE,CAEA,wBAlBF,8CAmBI,WAMJ,CALE,CAEA,2BAtBF,8CAuBI,UAEJ,CADE,CAIF,mFACE,YAKF,CAHE,wBAHF,mFAII,aAEJ,CADE","file":"membership-featured.css","sourcesContent":["/* Membership featured */\n\n@import \"@coopdigital/foundations/dist/vars/vars.css\";\n\n.coop-c-membership-featured {\n  position: relative;\n  overflow: hidden;\n  margin: 0 auto;\n}\n\n.coop-c-membership-featured__inner {\n  position: relative;\n  max-width: 81rem;\n  margin: 0 auto;\n  padding: var(--spacing-64) var(--spacing-16) var(--spacing-48);\n  border-color: inherit;\n\n  @media (--mq-large) {\n    padding: var(--spacing-48) var(--spacing-24);\n  }\n\n  @media (--mq-xlarge) {\n    padding: var(--spacing-64) var(--spacing-16) var(--spacing-48);\n  }\n}\n\n.coop-c-membership-featured__title {\n  margin-bottom: var(--spacing-24);\n\n  @media (--mq-medium) {\n    max-width: 75%;\n    margin-bottom: var(--spacing-32);\n  }\n}\n\n.coop-c-membership-featured__cards {\n  border-color: inherit;\n}\n\n.coop-c-membership-featured__grid {\n  position: relative;\n  z-index: 1;\n}\n\n.coop-c-membership-featured__about {\n  position: relative;\n  z-index: 1;\n\n  font-size: var(--type-body-s);\n\n  & :last-child {\n    margin-bottom: 0;\n  }\n\n  @media (--mq-small) {\n    margin: var(--spacing-24) 0 var(--spacing-16);\n  }\n\n  @media (--mq-xlarge) {\n    margin: var(--spacing-48) 0 var(--spacing-32);\n  }\n}\n\n/* Fake connector repeating lines */\n.coop-c-membership-featured__inner:before,\n.coop-c-membership-featured__cards:before,\n.coop-c-membership-featured__cards:after {\n  position: absolute;\n  border: 8px solid;\n  border-color: inherit;\n  content: \"\";\n}\n\n/* Straight line connectors */\n.coop-c-membership-featured__inner:before,\n.coop-c-membership-featured__cards:after {\n  display: none;\n}\n\n.coop-c-membership-featured__inner:before {\n  bottom: calc(var(--spacing-64) + 71px);\n  width: 100%;\n  right: 100%;\n\n  height: 0;\n  border-width: 8px 0 0;\n\n  @media (--mq-xlarge) {\n    display: block;\n  }\n}\n\n.coop-c-membership-featured__cards:before {\n  top: 350px;\n  bottom: 350px;\n  right: 251px;\n\n  width: 0;\n  height: calc(100% - 350px - 350px);\n  border-width: 0 0 0 8px;\n\n  @media (--mq-small) {\n    right: auto;\n    left: 100px;\n  }\n\n  @media (--mq-medium) {\n    top: auto;\n    right: 100px;\n    bottom: calc(50% - 4px);\n    left: 100px;\n\n    display: block;\n    width: calc(100% - 200px);\n    height: 0;\n    border-width: 8px 0 0;\n  }\n\n  @media (--mq-large) {\n    bottom: calc(45% - 4px);\n  }\n}\n\n.coop-c-membership-featured__title + .coop-c-membership-featured__cards:before {\n  bottom: calc(50% + 70px);\n\n  @media (--mq-large) {\n    bottom: calc(45% + 70px);\n  }\n}\n\n.coop-c-membership-featured__connector {\n  position: absolute;\n  z-index: 0;\n  fill: none;\n}\n\n.coop-c-membership-featured__connector--left {\n  bottom: 110px;\n  left: -392px;\n  display: none;\n\n  width: 500px;\n  height: 212px;\n\n  @media (--mq-small) {\n    display: block;\n  }\n\n  @media (--mq-medium) {\n    left: -330px;\n  }\n\n  @media (--mq-large) {\n    left: -290px;\n  }\n\n  @media (--mq-xlarge) {\n    bottom: 135px;\n  }\n}\n\n.coop-c-membership-featured__connector--right {\n  top: -62px;\n  right: 26px;\n\n  width: 233px;\n  height: 391px;\n\n  @media (--mq-small) {\n    right: auto;\n    left: 100px;\n  }\n\n  @media (--mq-medium) {\n    right: -77px;\n    left: auto;\n    top: -230px;\n  }\n\n  @media (--mq-large) {\n    right: -37px;\n  }\n\n  @media (--mq-xlarge) {\n    right: -7px;\n  }\n}\n\n/* Avoid overlapping title */\n.coop-c-membership-featured__title + * .coop-c-membership-featured__connector--right {\n  display: none;\n\n  @media (--mq-medium) {\n    display: block;\n  }\n}\n"]}