{"version":3,"file":"909-7d698a05723b97d21bea.js","mappings":"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","sources":["webpack://waldencast/./src/helpers/brand.ts","webpack://waldencast/./src/helpers/fluid.ts","webpack://waldencast/./src/helpers/media.ts","webpack://waldencast/./src/stories/Widgets/Global/GlobalStyles/avenir.ts","webpack://waldencast/./src/stories/Widgets/Global/GlobalStyles/GlobalStyles.tsx"],"sourcesContent":["import { hsl } from 'polished';\r\nexport default {\r\n    /** Hex: #000000 */\r\n    black: '#000000',\r\n    /** Hex: #fff */\r\n    white: '#fff',\r\n    primary: {\r\n        /** Hex: #E2DBD4 */\r\n        beigeLight: '#E2DBD4',\r\n        /** Hex: #B4A593 */\r\n        beige: '#B4A593',\r\n        /** Hex: #424449 */\r\n        textLight: '#424449',\r\n        /** Hex: #181818 */\r\n        darkGrey: '#181818',\r\n    },\r\n    secondary: {\r\n        /** Hex: #B12024 */\r\n        red: '#B12024',\r\n    },\r\n    grey: {\r\n        /** Hex: #222222 */\r\n        grey13: hsl(0, 0, 0.13),\r\n        /** Hex: #585858 */\r\n        grey20: hsl(0, 0, 0.2),\r\n        /** Hex: #585858 */\r\n        grey35: hsl(0, 0, 0.35),\r\n        /** Hex: #666666 */\r\n        grey40: hsl(0, 0, 0.4),\r\n        /** Hex: #707070 */\r\n        grey44: hsl(0, 0, 0.44),\r\n        /** Hex: #999999 */\r\n        grey60: hsl(0, 0, 0.6),\r\n        /** Hex: #CCCCCC */\r\n        grey80: hsl(0, 0, 0.8),\r\n        /** Hex: #E5E5E5 */\r\n        grey90: hsl(0, 0, 0.9),\r\n        /** Hex: #F7F7F7 */\r\n        grey97: hsl(0, 0, 0.97),\r\n    },\r\n};\r\n","import { Device } from './media';\r\n/**\r\n * Base pixel value for the \"rem\" unit.\r\n */\r\nexport const PIXELS_PER_REM = 16;\r\n/**\r\n * Default pixel value for the min width.\r\n */\r\nexport const DEFAULT_MIN_VALUE = Device.TabletSmall;\r\n/**\r\n * Default pixel value for the max width.\r\n */\r\nexport const DEFAULT_MAX_VALUE = Device.DesktopLarge;\r\n/**\r\n * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluid(min, max, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n    const minRem = min / PIXELS_PER_REM;\r\n    const maxRem = max / PIXELS_PER_REM;\r\n    const minWidthRem = minWidth / PIXELS_PER_REM;\r\n    const maxWidthRem = maxWidth / PIXELS_PER_REM;\r\n    const slope = (maxRem - minRem) / (maxWidthRem - minWidthRem);\r\n    const yAxisIntersection = -minWidthRem * slope + minRem;\r\n    const clampMin = `${round(minRem)}rem`;\r\n    const clampVal = `${round(yAxisIntersection)}rem + ${round(slope * 100)}vw`;\r\n    const clampMax = `${round(maxRem)}rem`;\r\n    return `clamp(${clampMin}, ${clampVal}, ${clampMax})`;\r\n}\r\n/**\r\n * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluidUnit(min, max, unit, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n    const slope = (max - min) / (maxWidth - minWidth);\r\n    const yAxisIntersection = -minWidth * slope + min;\r\n    const clampMin = `${round(min)}`;\r\n    const clampVal = `${round(yAxisIntersection)}${unit} + ${round(slope * 100)}vw`;\r\n    const clampMax = `${round(max)}`;\r\n    return `clamp(${clampMin}${unit}, ${clampVal}, ${clampMax}${unit})`;\r\n}\r\n/**\r\n * Round to nearest hundredth.\r\n */\r\nfunction round(num) {\r\n    return Math.round(num * 100) / 100;\r\n}\r\n","export var Device;\r\n(function (Device) {\r\n    Device[Device[\"MobileSmall\"] = 320] = \"MobileSmall\";\r\n    Device[Device[\"Mobile\"] = 375] = \"Mobile\";\r\n    Device[Device[\"MobileLarge\"] = 480] = \"MobileLarge\";\r\n    Device[Device[\"TabletSmall\"] = 568] = \"TabletSmall\";\r\n    Device[Device[\"Tablet\"] = 768] = \"Tablet\";\r\n    Device[Device[\"TabletLarge\"] = 1024] = \"TabletLarge\";\r\n    Device[Device[\"DesktopSmall\"] = 1280] = \"DesktopSmall\";\r\n    Device[Device[\"Desktop\"] = 1366] = \"Desktop\";\r\n    Device[Device[\"DesktopLarge\"] = 1600] = \"DesktopLarge\";\r\n    Device[Device[\"ActualDesktop\"] = 1920] = \"ActualDesktop\";\r\n    Device[Device[\"DesktopXL\"] = 2560] = \"DesktopXL\";\r\n})(Device || (Device = {}));\r\nexport function from(size) {\r\n    return `(min-width: ${size}px)`;\r\n}\r\nexport function until(size) {\r\n    return `(max-width: ${size - 1}px)`;\r\n}\r\nexport function between(start, end) {\r\n    return `${from(start)} and ${until(end)}`;\r\n}\r\n","import { css } from 'styled-components';\r\nimport avenir300woff from '../../../../client/fonts/Avenir/Avenir35Light.woff';\r\nimport avenir300woff2 from '../../../../client/fonts/Avenir/Avenir35Light.woff2';\r\nimport avenir400woff from '../../../../client/fonts/Avenir/AvenirPro55Roman.woff';\r\nimport avenir400woff2 from '../../../../client/fonts/Avenir/AvenirPro55Roman.woff2';\r\nimport avenir500woff from '../../../../client/fonts/Avenir/Avenir65Medium.woff';\r\nimport avenir500woff2 from '../../../../client/fonts/Avenir/Avenir65Medium.woff2';\r\nimport avenir600woff from '../../../../client/fonts/Avenir/AvenirPro85Heavy.woff';\r\nimport avenir600woff2 from '../../../../client/fonts/Avenir/AvenirPro85Heavy.woff2';\r\nimport avenir700woff from '../../../../client/fonts/Avenir/Avenir95Black.woff';\r\nimport avenir700woff2 from '../../../../client/fonts/Avenir/Avenir95Black.woff2';\r\nconst avenir = css `\r\n\r\n\r\n  /* Graphik Compact Light */\r\n  @font-face {\r\n    font-display: swap;\r\n    font-family: 'Avenir';  \r\n    font-weight: 300;\r\n    font-style: normal;\r\n    src: url(${avenir300woff2}) format('woff2'),\r\n      url(${avenir300woff}) format('woff');\r\n  }\r\n\r\n  /* Graphik Compact Regular */\r\n  @font-face {\r\n    font-display: swap;\r\n    font-family: 'Avenir';  \r\n    font-weight: 400;\r\n    font-style: normal;\r\n    src: url(${avenir400woff2}) format('woff2'),\r\n      url(${avenir400woff}) format('woff');\r\n  }\r\n\r\n  /* Graphik Compact Medium */\r\n  @font-face {\r\n    font-display: swap;\r\n    font-family: 'Avenir';  \r\n    font-weight: 500;\r\n    font-style: normal;\r\n    src: url(${avenir500woff2}) format('woff2'),\r\n      url(${avenir500woff}) format('woff');\r\n  }\r\n\r\n  /* Graphik Compact Medium */\r\n  @font-face {\r\n    font-display: swap;\r\n    font-family: 'Avenir';  \r\n    font-weight: 600;\r\n    font-style: normal;\r\n    src: url(${avenir600woff2}) format('woff2'),\r\n      url(${avenir600woff}) format('woff');\r\n  }\r\n\r\n  /* Graphik Compact Bold */\r\n  @font-face {\r\n    font-display: swap;\r\n    font-family: 'Avenir';  \r\n    font-weight: 700;\r\n    font-style: normal;\r\n    src: url(${avenir700woff2}) format('woff2'),\r\n      url(${avenir700woff}) format('woff');\r\n  }\r\n\r\n`;\r\nexport default avenir;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { createGlobalStyle } from 'styled-components';\r\nimport resetCss from '../../../../client/reset.css?raw';\r\nimport avenir from './avenir';\r\n// TODO: import font\r\nconst GlobalStyles = createGlobalStyle `\r\n  ${avenir};\r\n  ${resetCss};\r\n\r\n  :root {\r\n    --accentColor: initial;\r\n    --accentContrastColor: initial;\r\n    --bgColor: initial;\r\n    --fgColor: ${brand.white};\r\n    --gutterWidth: initial;\r\n    --headerHeight: ${fluid(48, 91)};\r\n    --sectionSpacing: initial;\r\n    --sitePadding: initial;\r\n    --siteWidth: initial;\r\n  }\r\n\r\n  html {\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  body {\r\n    // TODO: font and colour styles\r\n    padding-top: var(--headerHeight) !important;\r\n    overscroll-behavior-x: none;\r\n    color: ${brand.white};\r\n    background-color: ${brand.black};\r\n\r\n    &.sb-show-main {\r\n      background-color: ${brand.black} !important;\r\n    }\r\n\r\n    &.modal-open {\r\n      overflow: hidden;\r\n    }\r\n  }\r\n\r\n  img {\r\n    max-width: 100%;\r\n  }\r\n\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  span {\r\n    display: inline-block;\r\n  }\r\n\r\n  sub {\r\n    position: relative;\r\n    top: 0.5em;\r\n    font-size: 80%;\r\n  }\r\n\r\n  sup {\r\n    position: relative;\r\n    top: -0.5em;\r\n    font-size: 80%;\r\n  }\r\n\r\n  .hidden {\r\n    display: none;\r\n    visibility: none;\r\n  }\r\n\r\n  #main {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding-top: var(--headerHeight);\r\n  }\r\n\r\n  /* OneTrust Cookie Banner styles */\r\n  #onetrust-consent-sdk {\r\n    --siteWidth: 1400px;\r\n    --sitePadding: 16px;\r\n\r\n    font-family: Avenir, sans-serif;\r\n  }\r\n\r\n  #onetrust-consent-sdk #onetrust-banner-sdk {\r\n    border-top: 1px solid #E2DBD4;\r\n    background-color: #181818 !important;\r\n    padding: 30px 0;\r\n  }\r\n\r\n  #onetrust-consent-sdk #onetrust-policy-text {\r\n    color: #fff !important;\r\n  }\r\n\r\n  #onetrust-consent-sdk .ot-sdk-container {\r\n    width: 100%;\r\n    max-width: calc(var(--siteWidth) + var(--sitePadding) + var(--sitePadding));\r\n    margin: 0 auto;\r\n    padding: 0 var(--sitePadding);\r\n  }\r\n\r\n  #onetrust-consent-sdk .ot-sdk-container .ot-sdk-row {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  #onetrust-banner-sdk:not(.ot-iab-2).vertical-align-content #onetrust-button-group-parent {\r\n    position: relative !important;\r\n    left: auto !important;\r\n    top: auto !important;\r\n    margin: 0;\r\n    transform: translateY(0) !important;\r\n    width: auto;\r\n  }\r\n\r\n  #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-accept-btn-handler, \r\n  #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-reject-all-handler, \r\n  #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-pc-btn-handler {\r\n    text-transform: uppercase;\r\n    font-family: Avenir, sans-serif;\r\n    letter-spacing: 0.2em;\r\n    padding: 11px 25px;\r\n    border-radius: 1e+06px;\r\n    font-weight: 500;\r\n    background-color: transparent;\r\n    color: #B4A593;\r\n    border: 1px solid #B4A593;\r\n    transition-duration: 0.35s;\r\n    transition-property: color, background-color, border-color;\r\n    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);\r\n    margin: 0;\r\n  }\r\n\r\n  #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-accept-btn-handler:hover, \r\n  #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-reject-all-handler:hover, \r\n  #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-pc-btn-handler:hover {\r\n    background-color: #B4A593;\r\n    color: #000;\r\n    border: 1px solid #B4A593;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  #onetrust-banner-sdk #onetrust-button-group {\r\n    float: none;\r\n    display: flex !important;\r\n    flex-wrap: wrap;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    width: auto !important;    \r\n  }\r\n\r\n  #onetrust-banner-sdk #onetrust-group-container {\r\n    float: none;\r\n    width: auto !important;\r\n  }\r\n\r\n  /* Settings modal */\r\n  #onetrust-consent-sdk #onetrust-pc-sdk {\r\n    background-color: ${brand.black};\r\n    border: 1px solid ${brand.white};\r\n    box-shadow: none;\r\n  }\r\n\r\n  #onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon {\r\n    filter: brightness(3);\r\n  }\r\n\r\n  #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,\r\n  #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,\r\n  #onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,\r\n  #onetrust-consent-sdk #onetrust-pc-sdk h3 {\r\n    color: ${brand.white};\r\n  }\r\n\r\n  #onetrust-pc-sdk .ot-btn-container button,\r\n  #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn) {\r\n    border: 1px solid ${brand.primary.beige};\r\n    background-color: ${brand.primary.beige};\r\n    color: ${brand.black};\r\n    border-radius: 1000000px;\r\n\r\n    &:hover {\r\n      border-color: ${brand.primary.beige};\r\n      background-color: transparent;\r\n      color: ${brand.primary.beige};\r\n    }\r\n\r\n    &:active {\r\n      border-color: ${brand.white};\r\n      background-color: ${brand.white};\r\n      color: ${brand.black};\r\n    }\r\n\r\n    &:focus {\r\n      outline: auto;\r\n      outline-color: currentColor;\r\n      outline-offset: 5px;\r\n      outline-width: thin;\r\n    }\r\n  }\r\n\r\n  .ot-floating-button__front {\r\n    filter: grayscale(1);\r\n  }\r\n\r\n  #ot-sdk-btn-floating .ot-floating-button__back {\r\n    background-color: ${brand.primary.textLight};\r\n  }\r\n\r\n  @media (min-width: 550px) {\r\n    #onetrust-banner-sdk #onetrust-button-group {\r\n      padding: 0 50px !important;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    #onetrust-banner-sdk #onetrust-button-group {\r\n      flex-direction: row;\r\n      margin-right: auto !important;\r\n      justify-content: center;\r\n      padding: 0 50px !important;\r\n    }\r\n\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    #onetrust-consent-sdk {\r\n      --sitePadding: 32px;\r\n    }\r\n    \r\n    \r\n\r\n    #onetrust-banner-sdk #onetrust-button-group {\r\n      flex: 1 0 auto;\r\n    }\r\n    \r\n    #onetrust-banner-sdk #onetrust-group-container {\r\n      flex: 1 1 40%;\r\n      width: auto !important;\r\n    }\r\n\r\n    #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {\r\n      padding: 0 !important;\r\n    }\r\n\r\n  }\r\n\r\n  @media (min-width: 1280px) {\r\n    #onetrust-consent-sdk .ot-sdk-container .ot-sdk-row {\r\n      flex-direction: row;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1279px) {\r\n    #onetrust-banner-sdk #onetrust-policy {\r\n      margin: 0 32px 30px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 549px) {\r\n    #onetrust-banner-sdk #onetrust-policy {\r\n      margin: 0 0 30px !important;\r\n    }\r\n  }\r\n`;\r\nexport default GlobalStyles;\r\n"],"names":["black","white","primary","beigeLight","beige","textLight","darkGrey","secondary","red","grey","grey13","hsl","grey20","grey35","grey40","grey44","grey60","grey80","grey90","grey97","PIXELS_PER_REM","DEFAULT_MIN_VALUE","Device","TabletSmall","DEFAULT_MAX_VALUE","DesktopLarge","fluid","min","max","minRem","maxRem","minWidthRem","arguments","length","undefined","slope","yAxisIntersection","round","fluidUnit","unit","minWidth","num","Math","from","size","until","between","start","end","css","avenir300woff2","avenir300woff","avenir400woff2","avenir400woff","avenir500woff2","avenir500woff","avenir600woff2","avenir600woff","avenir700woff2","avenir700woff","createGlobalStyle","avenir","brand"],"sourceRoot":""}