{"version":3,"file":"component---src-pages-v-2-typography-jsx-f8d4b60b7e8ae4c69e37.js","mappings":"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","sources":["webpack://toyota-branding-guidelines/./src/components/v2/ImageGrid.jsx","webpack://toyota-branding-guidelines/./src/components/v2/ui-blocks/Picture/index.js","webpack://toyota-branding-guidelines/./src/components/v2/ui-blocks/Tabs/image-tab.js","webpack://toyota-branding-guidelines/./src/components/v2/ui-blocks/Tabs/table-tab.js","webpack://toyota-branding-guidelines/./src/components/v2/ui-blocks/Video/index.js","webpack://toyota-branding-guidelines/./src/components/v2/ui-blocks/Tabs/video-tab.js","webpack://toyota-branding-guidelines/./src/components/v2/ui-blocks/Tabs/index.js","webpack://toyota-branding-guidelines/./src/components/v2/ui-blocks/FontSelector/FontSelector.js","webpack://toyota-branding-guidelines/./src/pages/v2/typography.jsx","webpack://toyota-branding-guidelines/./src/images/2. Photography/Photography_Main.jpeg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Body_Leading.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Body_Paragraph_Spacing.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Body_Weight.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Headline_Alignment.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Headline_Kerning.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Headline_Leading.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Headline_Weight.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Legal_Alignment.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Legal_Leading.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Legal_Weight.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Subhead_Kerning.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Subhead_Leading.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Subhead_Space_After.svg","webpack://toyota-branding-guidelines/./src/images/5. Typography/Desktop/Toyota_Desktop_Typography_Subhead_Weight.svg"],"sourcesContent":["import React from \"react\";\r\n\r\nconst ImageGrid = (props) => {\r\n  let classes = \"image-grid\";\r\n  if (props.vertPadding) {\r\n    classes += \" vert-padding\";\r\n  }\r\n  return (\r\n    <div className={classes}>\r\n      {!props.fullWidth && <div className=\"inner-center\">{props.children}</div>}\r\n      {props.fullWidth && <div className=\"grid-inner\">{props.children}</div>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ImageGrid;\r\n","import * as React from \"react\";\r\n\r\nimport viewport from \"../../../../util/viewport\";\r\n\r\nexport default class Picture extends React.Component {\r\n  debugger;\r\n  render() {\r\n    const mq = viewport.mqDefinitionsNames;\r\n    return this.props.image.svg ? (\r\n      <picture>\r\n        <img\r\n          alt=\"\"\r\n          src={this.props.image.svg}\r\n          alt={this.props.image.alt}\r\n          style={this.props.image?.style}\r\n        />\r\n      </picture>\r\n    ) : (\r\n      <picture>\r\n        {this.props.image.mobile && (\r\n          <source media={mq.phone} srcSet={this.props.image.mobile} />\r\n        )}\r\n        {this.props.image.tablet && (\r\n          <source media={mq.tablet} srcSet={this.props.image.tablet} />\r\n        )}\r\n        {this.props.image.full && (\r\n          <source media={mq.full} srcSet={this.props.image.full} />\r\n        )}\r\n        <img alt=\"\" src={this.props.image.desktop} alt={this.props.image.alt} />\r\n      </picture>\r\n    );\r\n  }\r\n}\r\n","/**\r\n * Image Tab\r\n */\r\nimport * as React from \"react\";\r\nimport { Tab } from \"semantic-ui-react\";\r\nimport util from \"../../../../util/util\";\r\n\r\nimport Picture from \"../Picture\";\r\n\r\n/**\r\n * Image Tab Class\r\n * @class\r\n */\r\nexport default class ImageTab extends React.Component {\r\n  render() {\r\n    let captionColorStyle = {};\r\n    if (this.props.content.caption && this.props.content.caption.style) {\r\n      captionColorStyle = this.props.content.caption.style;\r\n    }\r\n\r\n    // if caption exists, then add color for inline style\r\n    if (this.props.content.caption && this.props.content.caption.color) {\r\n      captionColorStyle = {\r\n        color: this.props.content.caption.color,\r\n      };\r\n    }\r\n\r\n    // set default alignment class\r\n    let captionAlignClass = \"align-center\";\r\n\r\n    // check for align override in the data\r\n    if (this.props.content.caption && this.props.content.caption.align) {\r\n      captionAlignClass = `align-${this.props.content.caption.align}`;\r\n    }\r\n\r\n    return (\r\n      <Tab.Pane className=\"image-tab\" attached={false} key={this.props.subkey}>\r\n        {this.props.content.image && (\r\n          <div className=\"image\">\r\n            <Picture image={this.props.content.image} />\r\n          </div>\r\n        )}\r\n        {this.props.content.caption && this.props.content.caption.copy && (\r\n          <div\r\n            className={`caption ${captionAlignClass}`}\r\n            style={captionColorStyle}\r\n            dangerouslySetInnerHTML={{\r\n              // __html: util.htmlDecode(this.props.content.caption.copy),\r\n              __html: this.props.content.caption.copy,\r\n            }}\r\n          />\r\n        )}\r\n        {this.props.content.footerCaption && (\r\n          <div className=\"more\">\r\n            <a href={this.props.content.footerCaption.href}>\r\n              {this.props.content.footerCaption.label}\r\n            </a>\r\n          </div>\r\n        )}\r\n      </Tab.Pane>\r\n    );\r\n  }\r\n}\r\n","/**\r\n * Table Tab\r\n */\r\nimport * as React from 'react';\r\nimport { Tab } from 'semantic-ui-react';\r\n\r\nimport Picture from '../Picture';\r\n\r\n/**\r\n * Table Tab Class\r\n * @class\r\n */\r\nexport default class TableTab extends React.Component {\r\n  render () {\r\n    // loop through data to create rows\r\n    const rows = this.props.content.rows.map((row, index) => (\r\n      <div className=\"row\" key={`table-tab-${index}`}>\r\n        { row.title && (\r\n          <div className=\"title\">\r\n            {row.title}\r\n          </div>\r\n        )}\r\n        { row.image && (\r\n          <div className=\"image\">\r\n            <Picture image={row.image} />\r\n          </div>\r\n        )}\r\n        { row.col1Text && (\r\n          <div className=\"cols\">\r\n            <div className=\"col\">\r\n              {row.col1Text}\r\n            </div>\r\n            <div className=\"col\">\r\n              {row.col2Text}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    ));\r\n\r\n    // add image if one exists\r\n    const img = this.props.content.images && (\r\n      <div className=\"image\">\r\n        <Picture image={this.props.content.images[0]} />\r\n      </div>\r\n    );\r\n\r\n    // ad footer copy if it exists\r\n    const footerCopy = this.props.content.footerCopy && (\r\n      <div className=\"footer-copy\">\r\n        <div className=\"subhead\">\r\n          {' '}\r\n          {this.props.content.footerCopy.subhead}\r\n          {' '}\r\n        </div>\r\n        <div className=\"copy\">\r\n          {' '}\r\n          {this.props.content.footerCopy.copy}\r\n          {' '}\r\n        </div>\r\n      </div>\r\n    );\r\n\r\n    return (\r\n      <div>\r\n        <Tab.Pane className=\"table-tab\" attached={false} key={this.props.subkey}>\r\n          {rows}\r\n        </Tab.Pane>\r\n        {img}\r\n        {footerCopy}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import * as React from \"react\";\r\nimport ReactPlayer from \"react-player\";\r\nimport util from \"../../../../util/util\";\r\nimport Picture from \"../Picture\";\r\n\r\nexport default class Video extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    // set default state\r\n    this.state = {\r\n      videoPlaying: false,\r\n    };\r\n\r\n    // get the base domain for analytics tracking\r\n    this.videoOrigin = typeof window !== \"undefined\" && window.location.origin;\r\n\r\n    // bind handlers\r\n    this.handleScroll = this.handleScroll.bind(this);\r\n  }\r\n\r\n  componentDidMount() {\r\n    if (this.props.video.autoPlayOnScroll) {\r\n      window.addEventListener(\"scroll\", this.handleScroll);\r\n    }\r\n\r\n    // if video exists then set defaults and attach handlers\r\n    if (this.videoRef) {\r\n      this.controls = false;\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    if (this.props.video.autoPlayOnScroll) {\r\n      window.removeEventListener(\"scroll\", this.handleScroll);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Video play handler\r\n   * @param evt DOM event\r\n   * @reutrn void\r\n   */\r\n  handleVideoPlay = () => {\r\n    // track playing state\r\n    this.setState({\r\n      videoPlaying: true,\r\n    });\r\n\r\n    // play the video\r\n    this.playVideo();\r\n\r\n    // Fire omniture tracking\r\n    this.onVideoPlay();\r\n  };\r\n\r\n  playVideo = () => {\r\n    if (this.videoRef) {\r\n      this.videoRef.play();\r\n      this.videoRef.controls = !this.props.video.hideControls;\r\n    }\r\n  };\r\n\r\n  onVideoPlay = () => {\r\n    this.duration = 0;\r\n    // only fire this tag once\r\n    if (this.playTagFired) {\r\n      return;\r\n    }\r\n\r\n    // it's been fired so track it\r\n    this.playTagFired = true;\r\n  };\r\n\r\n  onVideoEnded = () => {\r\n    // video has ended so update playing status\r\n    this.setState({\r\n      videoPlaying: false,\r\n    });\r\n  };\r\n\r\n  handleScroll() {\r\n    this.playVideoOnScroll();\r\n  }\r\n\r\n  playVideoOnScroll() {\r\n    if (\r\n      util.isInViewport(\r\n        this.videoRef,\r\n        this.props.video.offsetPercentage,\r\n        this.props.video.exitOffsetPercentage\r\n      )\r\n    ) {\r\n      this.videoRef.play();\r\n    } else {\r\n      this.videoRef.pause();\r\n    }\r\n  }\r\n\r\n  onVideoProgression = () => {\r\n    this.duration += 0.5;\r\n  };\r\n\r\n  render() {\r\n    /**\r\n     * Check if browser is safari\r\n     * Safari has issue playing m3u8 files using the playing video attribute\r\n     * Use mp4 in place of m3u8\r\n     * TODO: Find alternative way to check for m3u8 support\r\n     */\r\n    const isSafari =\r\n      navigator.userAgent.match(/iPhone|iPad|iPod/i) ||\r\n      /constructor/i.test(window.HTMLElement) ||\r\n      (function (p) {\r\n        return p.toString() === \"[object SafariRemoteNotification]\";\r\n      })(\r\n        !window.safari ||\r\n          (typeof safari !== \"undefined\" && safari.pushNotification) // eslint-disable-line\r\n      );\r\n\r\n    const playIconColor = this.props.video.playIconColor || \"#fff\";\r\n    const iconBorderStyle = { \"border-color\": playIconColor };\r\n    const iconArrowStyle = { \"border-left-color\": playIconColor };\r\n\r\n    return (\r\n      <div className=\"video\">\r\n        <div\r\n          className={`video-poster ${this.state.videoPlaying ? \"hide\" : \"\"}`}\r\n        >\r\n          <Picture image={this.props.video.poster} />\r\n        </div>\r\n        <ReactPlayer\r\n          url={!isSafari ? this.props.video.m3u8 : this.props.video.mp4}\r\n          preload\r\n          ref={this.videoRef}\r\n          muted={this.props.video.muted}\r\n          controls={!this.props.video.hideControls && this.state.videoPlaying}\r\n          playing={this.state.videoPlaying}\r\n          loop={this.props.video.loop}\r\n          progressInterval={500}\r\n          width=\"100%\"\r\n          height=\"100%\"\r\n          onEnded={this.onVideoEnded}\r\n          onPlay={this.onVideoPlay}\r\n          onProgress={this.onVideoProgression}\r\n        />\r\n        <button\r\n          className={`play-btn ${this.state.videoPlaying ? \"hide\" : \"\"}`}\r\n          onClick={this.handleVideoPlay}\r\n          style={iconBorderStyle}\r\n        >\r\n          <div style={iconArrowStyle} />\r\n        </button>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","/**\r\n * Video Tab\r\n */\r\nimport * as React from \"react\";\r\nimport { Tab } from \"semantic-ui-react\";\r\nimport util from \"../../../../util/util\";\r\nimport Video from \"../Video\";\r\n\r\n/**\r\n * Video Tab Class\r\n * @class\r\n */\r\nexport default class VideoTab extends React.Component {\r\n  render() {\r\n    let captionColorStyle = {};\r\n\r\n    // if caption exists, then add color for inline style\r\n    if (\r\n      this.props.content.caption &&\r\n      this.props.content.caption.color !== null\r\n    ) {\r\n      captionColorStyle = {\r\n        color: this.props.content.caption.color,\r\n      };\r\n    }\r\n\r\n    // set default alignment class\r\n    let captionAlignClass = \"align-center\";\r\n\r\n    // check for align override in the data\r\n    if (\r\n      this.props.content.caption &&\r\n      this.props.content.caption.align !== null\r\n    ) {\r\n      captionAlignClass = `align-${this.props.content.caption.align}`;\r\n    }\r\n\r\n    return (\r\n      <Tab.Pane className=\"video-tab\" attached={false} key={this.props.subkey}>\r\n        {this.props.content.video && <Video video={this.props.content.video} />}\r\n        {this.props.content.caption && this.props.content.caption.copy && (\r\n          <div\r\n            className={`caption ${captionAlignClass}`}\r\n            style={captionColorStyle}\r\n            dangerouslySetInnerHTML={{\r\n              __html: util.htmlDecode(this.props.content.caption.copy),\r\n            }}\r\n          />\r\n        )}\r\n      </Tab.Pane>\r\n    );\r\n  }\r\n}\r\n","/* eslint-disable react/no-find-dom-node */\r\n// TVIS-218: Polyfill for Elements.forEach\r\n/**\r\n * Tabs Component\r\n */\r\nimport * as React from 'react';\r\nimport * as ReactDom from 'react-dom';\r\n\r\n//import { forceCheck } from 'react-lazyload';\r\n//\r\nimport { Tab } from 'semantic-ui-react';\r\n\r\nimport ImageTab from './image-tab';\r\nimport TableTab from './table-tab';\r\nimport VideoTab from './video-tab';\r\n\r\nif (typeof window !== 'undefined' && window.NodeList && !NodeList.prototype.forEach) {\r\n  NodeList.prototype.forEach = function (callback, thisArg) {\r\n    thisArg = thisArg || window;\r\n    for (let i = 0; i < this.length; i++) {\r\n      callback.call(thisArg, this[i], i, this);\r\n    }\r\n  };\r\n}\r\n\r\n/**\r\n * Tabs Class\r\n * @class\r\n */\r\nexport default class Tabs extends React.Component {\r\n  constructor (props) {\r\n    super(props);\r\n\r\n    // bind handlers to `this`\r\n    this.handleTabClick = this.handleTabClick.bind(this);\r\n    this.handleLinkClick = this.handleLinkClick.bind(this);\r\n    this.scrollRef = null;\r\n    this.scrollClass = 'tab-scroll';\r\n  }\r\n\r\n  componentDidMount () {\r\n    // find any See More links scoped to this component instance\r\n    const links = document.querySelectorAll(`[data-compid=\"${this.props.compid}\"] .more a`);\r\n\r\n    if (links) {\r\n      // if links found attach handler\r\n      links.forEach((link) => {\r\n        link.addEventListener('click', this.handleLinkClick);\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n     * Handler used for tab clicks\r\n     * @param event\r\n     * @param data\r\n     */\r\n  handleTabClick (event, data) {\r\n    return;\r\n    // debugger;\r\n    const text = event.currentTarget.innerText;\r\n    const typeTitle = (\r\n      this.props.section.components[this.props.index - 1].title\r\n            || this.props.title\r\n            || ''\r\n    ).replace(/[^a-zA-Z ]/g, '').trim();\r\n\r\n    if (this.scrollRef.props.className.indexOf(this.scrollClass) >= 0) {\r\n      // class of 'tab-scroll' indicates scrollwidth > viewport width\r\n      const viewportWidth = window.innerWidth;\r\n\r\n      const tabElement = event.currentTarget;\r\n      const tabRect = tabElement.getBoundingClientRect();\r\n\r\n      const scrollElement = ReactDom.findDOMNode(this.scrollRef).querySelector('.ui.secondary.menu');\r\n      scrollElement.scrollLeft = tabElement.offsetLeft - ((viewportWidth / 2) - (tabRect.width / 2));\r\n    }\r\n\r\n    // force check any items that are lazy loaded\r\n    setTimeout(() => {\r\n      //forceCheck();\r\n    });\r\n  }\r\n\r\n  /**\r\n     * Handler used for See More link clicks\r\n     * @param event\r\n     */\r\n  handleLinkClick (event) {\r\n    const element = event.target;\r\n    const text = element.innerText;\r\n    const href = element.getAttribute('href');\r\n    // const title = data.left.title || data.right.title,\r\n    const contentSection = this.props.section.title;\r\n  }\r\n\r\n  render () {\r\n    // debugger;\r\n    // const style = {\r\n    //   background: this.props.backgroundColor,\r\n    //   // paddingTop: this.props.padding && this.props.padding.top,\r\n    //   // paddingBottom: this.props.padding && this.props.padding.bottom\r\n    // };\r\n\r\n    const {style} = this.props;\r\n    \r\n    // build the tabs by looping through data\r\n    const panes = this.props.items.map((item, index) => {\r\n      if (item.content.style === 'image') {\r\n        return {\r\n          menuItem: item.label,\r\n          key: `tabs-image-${index}`,\r\n          pane: {\r\n            content: <ImageTab content={item.content} subkey={`tabs-pane-${index}`} />,\r\n          },\r\n        };\r\n      } if (item.content.style === 'table') {\r\n        return {\r\n          menuItem: item.label,\r\n          key: `tabs-table-${index}`,\r\n          pane: {\r\n            content: <TableTab content={item.content} subkey={`tabs-pane-${index}`} />,\r\n          },\r\n        };\r\n      } if (item.content.style === 'video') {\r\n        return {\r\n          menuItem: item.label,\r\n          key: `tabs-table-${index}`,\r\n          pane: {\r\n            content: <VideoTab content={item.content} subkey={`tabs-pane-${index}`} />,\r\n          },\r\n        };\r\n      }\r\n\r\n      return {};\r\n    });\r\n\r\n    // VIS-13: reduced the length check from >15 to >=15 to account for the tabs\r\n    // at data-compid='typography-settings-11'\r\n    const scrollClass = (panes.length > 3 || (panes.length === 3 && (panes[0].menuItem.length >= 15 || panes[1].menuItem.length >= 15 || panes[2].menuItem.length >= 15))) ? this.scrollClass : '';\r\n\r\n    return (\r\n      <div className=\"tabs\" style={style} data-compid={this.props.compid}>\r\n        <div className={this.props.variant}>\r\n          { this.props.title && <div className=\"headline\">{this.props.title}</div> }\r\n          <Tab\r\n            ref={(elem) => (this.scrollRef = elem)}\r\n            menu={{ secondary: true, pointing: true }}\r\n            className={scrollClass}\r\n            panes={panes}\r\n            onTabChange={(event, data) => this.handleTabClick(event, data)}\r\n            renderActiveOnly={false}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { useState } from \"react\";\r\n\r\nconst FontSelector = (props) => {\r\n  const { items } = props;\r\n  const defaultStyle = {\r\n    border: \"none\",\r\n    borderBottom: \"1px solid black\",\r\n    outline: \"none\",\r\n    width: \"100%\",\r\n    padding: \"4px 4px 40px 4px\",\r\n    fontSize: \"40px\",\r\n    lineHeight: \"1.5em\",\r\n    fontFamily: \"ToyotaType\",\r\n  };\r\n  const [fontStyle, setFontStyle] = useState(defaultStyle);\r\n  const fontSelectChange = (e) => {\r\n    const idx = e.target.value - 1;\r\n    if (items[idx]) {\r\n      setFontStyle({ ...defaultStyle, ...items[idx].style });\r\n    } else {\r\n      setFontStyle({ ...defaultStyle });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <select\r\n        style={{\r\n          height: \"38px\",\r\n          width: \"140px\",\r\n          border: \"1px solid #000000\",\r\n          borderRadius: \"0\",\r\n          outline: \"none\",\r\n          padding: \"0 4px\",\r\n        }}\r\n        onChange={(e) => fontSelectChange(e)}\r\n      >\r\n        <option key=\"0\" value=\"0\">\r\n          Weight\r\n        </option>\r\n        {items.map((item, idx) => (\r\n          <option key={idx + 1} value={idx + 1}>\r\n            {item.caption}\r\n          </option>\r\n        ))}\r\n      </select>\r\n      <div className=\"copy\" style={{ marginTop: \"80px\" }}>\r\n        <input\r\n          type=\"text\"\r\n          className=\"darker-background\"\r\n          placeholder=\"Type something here to try Toyota Type\"\r\n          style={fontStyle}\r\n        ></input>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FontSelector;\r\n","import React from \"react\";\r\n\r\nimport Layout from \"../../components/v2/Layout\";\r\nimport PageSection from \"../../components/v2/PageSection.jsx\";\r\nimport Hero from \"../../components/v2/Hero\";\r\nimport ContentBlock from \"../../components/v2/ContentBlock\";\r\nimport Image from \"../../components/v2/Image\";\r\nimport ImageGrid from \"../../components/v2/ImageGrid\";\r\nimport PrevNextNavFooter from \"../../components/v2/ui-blocks/PrevNextNavFooter/PrevNextNavFooter\";\r\nimport FontSelector from \"../../components/v2/ui-blocks/FontSelector/FontSelector\";\r\n\r\nimport { pageLinks } from \"../../data/pageLinks.js\";\r\nimport Tabs from \"../../components/v2/ui-blocks/Tabs\";\r\n\r\nimport brand_header_desktop from \"../../images/2. Photography/Photography_Main.jpeg\";\r\nimport Typography_Body_Leading_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Body_Leading.svg\";\r\nimport Typography_Body_Paragraph_Spacing_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Body_Paragraph_Spacing.svg\";\r\nimport Typography_Body_Weight_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Body_Weight.svg\";\r\n\r\nimport Typography_Headline_Alignment_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Headline_Alignment.svg\";\r\nimport Typography_Headline_Kerning_svg from \"../../images/5. Typography/Desktop//Toyota_Desktop_Typography_Headline_Kerning.svg\";\r\nimport Typography_Headline_Leading_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Headline_Leading.svg\";\r\nimport Typography_Headline_Weight_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Headline_Weight.svg\";\r\n\r\nimport Typography_Legal_Alignment_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Legal_Alignment.svg\";\r\nimport Typography_Legal_Leading_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Legal_Leading.svg\";\r\nimport Typography_Legal_Weight_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Legal_Weight.svg\";\r\n\r\nimport Typography_Subhead_Kerning_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Subhead_Kerning.svg\";\r\nimport Typography_Subhead_Leading_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Subhead_Leading.svg\";\r\nimport Typography_Subhead_Paragraph_Spacing_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Subhead_Space_After.svg\";\r\nimport Typography_Subhead_Weight_svg from \"../../images/5. Typography/Desktop/Toyota_Desktop_Typography_Subhead_Weight.svg\";\r\n\r\nconst introText =\r\n  \"Toyota Type is our own distinctive font. It’s approachable, human, yet contemporary. Utilising Toyota Type throughout our communications will ensure consistency and recognition across all touchpoints.\";\r\n\r\nconst Typography = (props) => {\r\n  return (\r\n    <Layout>\r\n      <Hero image={brand_header_desktop} text={introText} navindex=\"0\" />\r\n      <PageSection sectionId=\"toyota-type\">\r\n        <ContentBlock>\r\n          <h2> Toyota Type</h2>\r\n          <div className=\"text\">\r\n            <p>\r\n              Toyota Type can be used for Brand Campaigns and the Messaging\r\n              Platform.\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n        <ContentBlock>\r\n          <h3>Primary font weights</h3>\r\n          <div className=\"text\">\r\n            <p>\r\n              There are four preferred and two optional weights for use within\r\n              the Toyota Type family. Each weight includes uprights and italics.\r\n              The selected and acceptable weights are Book, Regular, Semibold\r\n              and Bold. While additional weights are available within the Toyota\r\n              Type family, these are the only four that should be used unless a\r\n              specific case otherwise demands.\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n        <ContentBlock>\r\n          <FontSelector\r\n            items={[\r\n              {\r\n                caption: \"Book\",\r\n                style: { fontFamily: \"ToyotaType-Book\" },\r\n              },\r\n              {\r\n                caption: \"Regular\",\r\n                style: { fontFamily: \"ToyotaType-Regular\" },\r\n              },\r\n              {\r\n                caption: \"Semibold\",\r\n                style: { fontFamily: \"ToyotaType-Semibold\" },\r\n              },\r\n              {\r\n                caption: \"Bold\",\r\n                style: {\r\n                  fontFamily: \"ToyotaType-Regular\",\r\n                  fontWeight: \"bold\",\r\n                },\r\n              },\r\n            ]}\r\n          ></FontSelector>\r\n        </ContentBlock>\r\n        <ContentBlock>\r\n          <h3>Secondary font weights</h3>\r\n          <div className=\"text\">\r\n            <p>\r\n              The optional Toyota Type weights are Light and Black. These may be\r\n              used when appropriate. Light should be used in instances where the\r\n              communications are focused on enhanced technology, precision or\r\n              the weight feels appropriate for the intended message.\r\n            </p>\r\n            <p>\r\n              Black should be used in instances where stance and presence need\r\n              to be reinforced, or the weight feels appropriate for the intended\r\n              message.\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n        <ContentBlock>\r\n          <FontSelector\r\n            items={[\r\n              {\r\n                caption: \"Light\",\r\n                style: { fontFamily: \"ToyotaType-Light\" },\r\n              },\r\n              {\r\n                caption: \"Black\",\r\n                style: {\r\n                  fontFamily: \"ToyotaType-Regular\",\r\n                  fontWeight: \"bold\",\r\n                },\r\n              },\r\n            ]}\r\n          ></FontSelector>\r\n        </ContentBlock>\r\n      </PageSection>\r\n      <PageSection sectionId=\"typography-settings\">\r\n        <ContentBlock>\r\n          <h2>TYPOGRAPHY SETTINGS</h2>\r\n          <div className=\"text\">\r\n            <p>\r\n              Below are guidelines for font weight, leading, kerning and\r\n              alignment when using uppercase headlines.\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n        <ContentBlock whiteBg={true}>\r\n          <h3>1. Headlines</h3>\r\n        </ContentBlock>\r\n        <Tabs\r\n          section=\"logo\"\r\n          backgroundColor=\"white\"\r\n          items={[\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Headline_Weight_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Use Semibold for headlines.\",\r\n                },\r\n              },\r\n              label: \"Weight\",\r\n            },\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Headline_Leading_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Use 130% auto leading for print and OOH. Use .09em line height for digital communications.\",\r\n                  align: \"left\",\r\n                },\r\n              },\r\n              label: \"Leading\",\r\n            },\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Headline_Kerning_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Use optical kerning with manual adjustments as needed for all print and OOH. Use 0 pixel letter-spacing for digital.\",\r\n                  align: \"left\",\r\n                },\r\n              },\r\n              label: \"Kerning\",\r\n            },\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Headline_Alignment_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Headlines may be left aligned or centered, but never right aligned.\",\r\n                  align: \"left\",\r\n                },\r\n              },\r\n              label: \"Alignment\",\r\n            },\r\n          ]}\r\n        />\r\n      </PageSection>\r\n      <PageSection sectionId=\"subheads\">\r\n        <ContentBlock whiteBg={true}>\r\n          <h3>2. Subheads</h3>\r\n        </ContentBlock>\r\n        <Tabs\r\n          section=\"subhead\"\r\n          backgroundColor=\"white\"\r\n          items={[\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Subhead_Weight_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Always use Semibold weight for subheads.\",\r\n                  align: \"left\",\r\n                },\r\n              },\r\n              label: \"Weight\",\r\n            },\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Subhead_Leading_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Use 115% auto leading for print and OOH. Use .09em line height for digital communications.\",\r\n                  align: \"left\",\r\n                },\r\n              },\r\n              label: \"Leading\",\r\n            },\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Subhead_Kerning_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Use optical kerning with manual adjustments as needed for all print and OOH. Use 0 pixel letter spacing for digital.\",\r\n                  align: \"left\",\r\n                },\r\n              },\r\n              label: \"Kerning\",\r\n            },\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Subhead_Paragraph_Spacing_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"For paragraph spacing use the paragraph palette in Adobe InDesign and Illustrator programs to set the space-after adjustments manually. Adjust space after to be twice the cap height of the body copy.\",\r\n                  align: \"left\",\r\n                },\r\n              },\r\n              label: \"Paragraph Spacing\",\r\n            },\r\n          ]}\r\n        />\r\n      </PageSection>\r\n      <PageSection sectionId=\"body-type\">\r\n        <ContentBlock whiteBg={true}>\r\n          <h3>3. Body Copy</h3>\r\n          <div className=\"text\">\r\n            <p>\r\n              Below are guidelines for font weight, leading and paragraph\r\n              spacing for body copy.\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n        <Tabs\r\n          section=\"subhead\"\r\n          backgroundColor=\"white\"\r\n          items={[\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Body_Weight_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Use Book weight for body text 10 points or larger on light backgrounds. Use Regular weight for body text 10 points or smaller reversed out of dark backgrounds.\",\r\n                  align: \"left\",\r\n                },\r\n              },\r\n              label: \"Weight\",\r\n            },\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Body_Leading_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Use 130% auto leading for print and OOH.\",\r\n                },\r\n              },\r\n              label: \"Leading\",\r\n            },\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Body_Paragraph_Spacing_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"For paragraph spacing use the paragraph palette in Adobe InDesign and Illustrator programs to set the space-after adjustments manually. Adjust space after to be twice the cap height of the body copy.\",\r\n                  align: \"left\",\r\n                },\r\n              },\r\n              label: \"Paragraph Spacing\",\r\n            },\r\n          ]}\r\n        />\r\n      </PageSection>\r\n      <PageSection sectionId=\"legal-text\">\r\n        <ContentBlock whiteBg={true}>\r\n          <h3>4. Legal Text</h3>\r\n        </ContentBlock>\r\n        <Tabs\r\n          section=\"subhead\"\r\n          backgroundColor=\"white\"\r\n          items={[\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Legal_Weight_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Use Book weight for legal text 6 points or larger on light backgrounds. Use Regular weight for legal text 6 points or smaller reversed out of dark backgrounds.\",\r\n                  align: \"left\",\r\n                },\r\n              },\r\n              label: \"Weight\",\r\n            },\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Legal_Leading_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Use 130% auto leading for print and OOH.\",\r\n                },\r\n              },\r\n              label: \"Leading\",\r\n            },\r\n            {\r\n              content: {\r\n                style: \"image\",\r\n                image: {\r\n                  svg: Typography_Legal_Alignment_svg,\r\n                  style: { height: \"400px\" },\r\n                },\r\n                caption: {\r\n                  copy: \"Use 130% auto leading for print and OOH.\",\r\n                },\r\n              },\r\n              label: \"Alignment\",\r\n            },\r\n          ]}\r\n        />\r\n      </PageSection>\r\n      <PrevNextNavFooter\r\n        previousText=\"Previous\"\r\n        previousHeader=\"Typography\"\r\n        previousUrl={pageLinks.typography}\r\n        nextText=\"Next\"\r\n        nextHeader=\"Colours\"\r\n        nextUrl={pageLinks.colours}\r\n      />\r\n    </Layout>\r\n  );\r\n};\r\nexport default Typography;\r\n","export default __webpack_public_path__ + \"static/Photography_Main-a2163b858a9ad43f674607a9a77c37e1.jpeg\";","export default __webpack_public_path__ + \"static/Toyota_Desktop_Typography_Body_Leading-f661be8d281f7b20227d492725efd21d.svg\";","export default __webpack_public_path__ + \"static/Toyota_Desktop_Typography_Body_Paragraph_Spacing-b9ed69e0bdb8667846d7e155537bb230.svg\";","export default __webpack_public_path__ + \"static/Toyota_Desktop_Typography_Body_Weight-1dd3379e284c34d091a418b16d3988a1.svg\";","export default __webpack_public_path__ + \"static/Toyota_Desktop_Typography_Headline_Alignment-97601f4ec377bec389757f39bda02bb5.svg\";","export default \"data:image/svg+xml;base64,PHN2ZyBpZD0iTG9nb19JY29uIiBkYXRhLW5hbWU9IkxvZ28gSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDEzMDAgNTUwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aCk7fS5jbHMtM3tmaWxsOiNmY2RkZTA7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjEzMDAiIGhlaWdodD0iNTUwIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0zODAuODgsMTcxLjg4aDE3LjQzVjM3OC42MkgzODAuODhabTExMi41LDBINTA0VjM3OC42Mkg0OTMuMzhabTk4LjI0LDBINjA4LjVWMzc4LjYySDU5MS42MlptMTE5LjY3LDBINzM0VjM3OC42Mkg3MTEuMjlabTY4LDBoMTEuNzVWMzc4LjYySDc3OS4zMVptMzUuNzEsMGgyMy4yNVYzNzguNjJIODE1Wm0xMTQuNzUsMEg5NDYuNVYzNzguNjJIOTI5Ljc3WiIvPjwvZz48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGQ9Ik0zODAuODYsMjExLjQzVjM0Ni44NUgzNTUuMTFWMjkwLjM5SDI5My44OHY1Ni40NkgyNjguMTNWMjExLjQzaDI1Ljc1djU2LjQ1aDYxLjIzVjIxMS40M1ptMTEyLjUzLDkyLjMxSDQyMi42M2MxLjUyLDE2LjIxLDEyLjU5LDI1LDI5LjM3LDI1YTU4LDU4LDAsMCwwLDMxLjQ3LTkuNTRMNDg5LDMzNy44OGMtOC41OSw2LjExLTIyLjMyLDEwLjg4LTM4LjkxLDEwLjg4LTMxLjI4LDAtNTEuNjktMjEuMTgtNTEuNjktNTAsMC0yOS43NSwyMS01MC4zNSw0OC42My01MC4zNSwyNy44NSwwLDQ2LjM1LDIwLjYsNDYuMzUsNTEuNjlabS0yNC4yMi0xNi4yMWMtMS43Mi0xMi4yMS0xMC40OS0yMC42LTIyLjEzLTIwLjYtMTEuODIsMC0yMC43OSw4LjItMjMuNjUsMjAuNlpNNTkxLjc2LDI4NnY2MC44NUg1NjguMVYzMzMuNUM1NjIsMzQyLjI3LDU1MC4zNywzNDksNTM1LjQ5LDM0OWMtMTguODgsMC0zMS4yOC0xMC44OC0zMS4yOC0yOC44LDAtMjIuNTEsMTkuODMtMzAuOSw2My43LTMxLjQ4di0xLjljMC0xMS40NS02LjY3LTE4LjY5LTIxLjM2LTE4LjY5LTEzLDAtMjMuMDgsNS4zNC0zMC4xMywxMC4xbC01LjU0LTE4Ljg4YzkuMTYtNS43MiwyMy4yNy0xMC44NywzOS44Ny0xMC44NywyNC43OSwwLDQxLDExLjQ0LDQxLDM3LjU3Wm0tMjMuODUsMjMuODV2LTYuNDljLTI5LjE4LjU3LTM4LjkxLDUtMzguOTEsMTUuNDUsMCw3LjYzLDUuMzQsMTIuNCwxNS4wNywxMi40LDExLjY0LDAsMjMuODQtNi40OSwyMy44NC0yMS4zNlptMTQzLjQtMTA2LjQzVjM0N0g2ODcuNDdWMzMxLjc4Yy02LjY4LDExLjY0LTE4LjEyLDE3LTMyLjIzLDE3LTI2LjksMC00Ni41NC0yMS00Ni41NC01MC4xN3MxOS42NC01MC4xNiw0Ni41NC01MC4xNmMxNC4xMSwwLDI1Ljk0LDUuNzIsMzIuMjMsMTYuMjFWMjAzLjQyWm0tMjMuMDgsOTUuMTdjMC0xNi41OS0xMS42My0yOC40Mi0yNy44NC0yOC40Mi0xNiwwLTI3LjA5LDExLjQ1LTI3LjA5LDI4LjQyUzY0NC4xNywzMjcsNjYwLjIsMzI3QzY3Ni42LDMyNyw2ODguMjMsMzE1LDY4OC4yMywyOTguNTlabTQ2LjI2LDIxLjc1VjIwMy40MmgyMy44NHYxMTMuMWMwLDgsMy4yNCwxMS4yNSw5LDExLjI1YTI4LjU1LDI4LjU1LDAsMCwwLDktMS45bDIuNjcsMTguODhhNDIsNDIsMCwwLDEtMTguMzEsNEM3NDQuMjIsMzQ4Ljc2LDczNC40OSwzNDAsNzM0LjQ5LDMyMC4zNFptNTQuMDktMTAwLjlhMTQuNTksMTQuNTksMCwxLDEsMTQuNjksMTQuNjhBMTQuNDUsMTQuNDUsMCwwLDEsNzg4LjU4LDIxOS40NFptMi40OCwzMC45SDgxNC45djk2LjUxSDc5MS4wNlptMTM4Ljc2LDM1LjI4djYxLjIzSDkwNlYyOTQuNzhjMC0xNy02LjEtMjUtMTkuODQtMjUtMTQuODcsMC0yNCw5LjkyLTI0LDI1LjU2djUxLjVIODM4LjI3VjI1MC4zNGgyMy44NHYxNS44M2M2Ljg3LTExLjY0LDE5LjI2LTE3LjkzLDMzLjU3LTE3LjkzLDIyLjMyLDAsMzQuMTQsMTMuMTYsMzQuMTQsMzcuMzhabTExMiwxOC4xMkg5NzFjMS41MywxNi4yMSwxMi41OSwyNSwyOS4zOCwyNWE1OCw1OCwwLDAsMCwzMS40Ny05LjU0bDUuNTMsMTguNjljLTguNTgsNi4xMS0yMi4zMiwxMC44OC0zOC45MSwxMC44OC0zMS4yOCwwLTUxLjY5LTIxLjE4LTUxLjY5LTUwLDAtMjkuNzUsMjEtNTAuMzUsNDguNjQtNTAuMzUsMjcuODQsMCw0Ni4zNSwyMC42LDQ2LjM1LDUxLjY5djMuNjJabS0yNC4yMy0xNi4yMWMtMS43MS0xMi4yMS0xMC40OS0yMC42LTIyLjEyLTIwLjYtMTEuODMsMC0yMC43OSw4LjItMjMuNjUsMjAuNloiLz48L2c+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyBpZD0iTG9nb19JY29uIiBkYXRhLW5hbWU9IkxvZ28gSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDEzMDAgNTUwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aCk7fS5jbHMtM3tmaWxsOiNmY2RkZTA7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjEzMDAiIGhlaWdodD0iNTUwIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xOTMuMjUsMjQwLjM4SDExMDl2NTUuOTVIMTkzLjI1WiIvPjwvZz48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGQ9Ik0yNzksMTM3LjMyVjI0MC4zOEgyNTkuMzh2LTQzaC00Ni42djQzaC0xOS42VjEzNy4zMmgxOS42djQzaDQ2LjZ2LTQzWm04OCw3MC4yNkgzMTMuMTVjMS4xNiwxMi4zMyw5LjU4LDE5LDIyLjM1LDE5YTQ0LjE1LDQ0LjE1LDAsMCwwLDIzLjk1LTcuMjZsNC4yMSwxNC4yM2MtNi41Myw0LjY1LTE3LDguMjctMjkuNjEsOC4yNy0yMy44LDAtMzkuMzQtMTYuMTEtMzkuMzQtMzgsMC0yMi42NCwxNi0zOC4zMiwzNy0zOC4zMlMzNjcsMTgxLjE2LDM2NywyMDQuODJ2Mi43NlptLTE4LjQzLTEyLjM0Yy0xLjMxLTkuMjktOC0xNS42OC0xNi44NC0xNS42OC05LDAtMTUuODIsNi4yNC0xOCwxNS42OFptOTMuMjktMS4xNnY0Ni4zaC0xOFYyMzAuMjJDNDE5LjIxLDIzNi45LDQxMC4zNiwyNDIsMzk5LDI0MmMtMTQuMzcsMC0yMy44LTguMjgtMjMuOC0yMS45MiwwLTE3LjEzLDE1LjA5LTIzLjUyLDQ4LjQ4LTIzLjk1di0xLjQ1YzAtOC43MS01LjA4LTE0LjIzLTE2LjI2LTE0LjIzLTkuODcsMC0xNy41Niw0LjA3LTIyLjkzLDcuNjlsLTQuMjEtMTQuMzdhNTguNDUsNTguNDUsMCwwLDEsMzAuMzQtOC4yN2MxOC44NywwLDMxLjIxLDguNzEsMzEuMjEsMjguNlptLTE4LjE1LDE4LjE0di00LjkzYy0yMi4yMS40My0yOS42MSwzLjc3LTI5LjYxLDExLjc1LDAsNS44MSw0LjA2LDkuNDQsMTEuNDcsOS40NEM0MTQuNDIsMjI4LjQ4LDQyMy43MSwyMjMuNTQsNDIzLjcxLDIxMi4yMlptMTA5LjEzLTgxVjI0MC41M0g1MTQuNjlWMjI4LjkyYy01LjA4LDguODUtMTMuNzksMTIuOTEtMjQuNTMsMTIuOTEtMjAuNDcsMC0zNS40Mi0xNi0zNS40Mi0zOC4xN3MxNC45NS0zOC4xOCwzNS40Mi0zOC4xOGMxMC43NCwwLDE5Ljc0LDQuMzYsMjQuNTMsMTIuMzRWMTMxLjIzaDE4LjE1Wm0tMTcuNTcsNzIuNDRjMC0xMi42My04Ljg1LTIxLjYzLTIxLjE5LTIxLjYzLTEyLjE5LDAtMjAuNjEsOC43MS0yMC42MSwyMS42M3M4LjI3LDIxLjYzLDIwLjQ3LDIxLjYzQzUwNi40MiwyMjUuMjksNTE1LjI3LDIxNi4xNCw1MTUuMjcsMjAzLjY2Wm0zNS4yLDE2LjU1di04OWgxOC4xNVYyMTcuM2MwLDYuMSwyLjQ2LDguNTcsNi44Miw4LjU3YTIxLjY1LDIxLjY1LDAsMCwwLDYuODItMS40NmwyLDE0LjM4YTMyLDMyLDAsMCwxLTEzLjkzLDNDNTU3Ljg3LDI0MS44Myw1NTAuNDcsMjM1LjE2LDU1MC40NywyMjAuMjFabTQxLjE2LTc2Ljc5YTExLjExLDExLjExLDAsMSwxLDExLjE4LDExLjE3QTExLDExLDAsMCwxLDU5MS42MywxNDMuNDJabTEuODksMjMuNTFoMTguMTV2NzMuNDVINTkzLjUyWm0xMDUuNiwyNi44NnY0Ni41OUg2ODFWMjAwLjc1YzAtMTIuOTItNC42NS0xOS0xNS4xLTE5LTExLjMyLDAtMTguMjksNy41NC0xOC4yOSwxOS40NXYzOS4xOUg2MjkuNDRWMTY2LjkzaDE4LjE1djEyYzUuMjMtOC44NiwxNC42Ni0xMy42NSwyNS41NS0xMy42NUM2OTAuMTIsMTY1LjM0LDY5OS4xMiwxNzUuMzUsNjk5LjEyLDE5My43OVptODUuMTcsMTMuNzlINzMwLjQ0YzEuMTYsMTIuMzMsOS41OCwxOSwyMi4zNiwxOWE0NC4xNSw0NC4xNSwwLDAsMCwyNC03LjI2TDc4MSwyMzMuNTZjLTYuNTQsNC42NS0xNyw4LjI3LTI5LjYyLDguMjctMjMuOCwwLTM5LjMzLTE2LjExLTM5LjMzLTM4LDAtMjIuNjQsMTYtMzguMzIsMzctMzguMzJzMzUuMjcsMTUuNjgsMzUuMjcsMzkuMzR2Mi43NlptLTE4LjQzLTEyLjM0Yy0xLjMxLTkuMjktOC0xNS42OC0xNi44NC0xNS42OHMtMTUuODIsNi4yNC0xOCwxNS42OFptMTczLjMxLTI4LjMxTDkxNS44LDI0MC4zOEg4OTcuMjJsLTE1LjUzLTQ4LjE5LTE1LjEsNDguMTlIODQ4bC0yNC41My03My40NWgxOS44OWwxNS4zOSw1MS4yNCwxNS42Ny01MS4yNGgxNS4xbDE2LjExLDUwLjgxLDE0LjgxLTUwLjgxWm03LjU4LTIzLjUxYTExLjEsMTEuMSwwLDEsMSwxMS4xNywxMS4xN0ExMSwxMSwwLDAsMSw5NDYuNzUsMTQzLjQyWm0xLjg4LDIzLjUxaDE4LjE1djczLjQ1SDk0OC42M1pNOTg4LDIxNy43NFYxODIuMTdIOTc2LjdWMTY2LjkzSDk4OFYxNDYuMzJsMTguMTQtMi4zMnYyMi45M2gxOS44OXYxNS4yNGgtMTkuODl2MzMuMWMwLDcsMy4xOSwxMC4xNiw4LjcxLDEwLjE2LDQuNzksMCw5LjU4LTIuMTgsMTIuNjMtMy45MmwyLjksMTQuNjZhMzYuMzEsMzYuMzEsMCwwLDEtMTkuODksNS42NkM5OTYuNDUsMjQxLjgzLDk4OCwyMzQsOTg4LDIxNy43NFptMTIxLjI2LTI0LjF2NDYuNzRoLTE4LjE1VjIwMC42MWMwLTEyLjkyLTQuNzktMTktMTUtMTktMTEuMTgsMC0xOC40Myw3LjU1LTE4LjQzLDE5LjZ2MzkuMTloLTE4LjE1VjEzMS4yMmgxOC4xNXY0Ny4zMmM1LjA4LTguNTYsMTQuMjItMTMuMiwyNS41NC0xMy4yLDE3LDAsMjYsOS44NywyNiwyOC4zWk0yNTQuMTUsMzUzLjc0djQ2LjMxaC0xOFYzODkuODljLTQuNjUsNi42Ny0xMy41LDExLjc2LTI0LjgyLDExLjc2LTE0LjM3LDAtMjMuODEtOC4yOC0yMy44MS0yMS45MiwwLTE3LjEzLDE1LjEtMjMuNTIsNDguNDgtMjR2LTEuNDZjMC04LjctNS4wOC0xNC4yMi0xNi4yNS0xNC4yMi05Ljg4LDAtMTcuNTcsNC4wNi0yMi45NCw3LjY5bC00LjIxLTE0LjM3YTU4LjQ1LDU4LjQ1LDAsMCwxLDMwLjM0LTguMjdjMTguODcsMCwzMS4yMSw4LjcxLDMxLjIxLDI4LjU5Wk0yMzYsMzcxLjg5VjM2N2MtMjIuMjEuNDQtMjkuNjEsMy43OC0yOS42MSwxMS43NiwwLDUuODEsNC4wNyw5LjQ0LDExLjQ3LDkuNDRDMjI2LjcxLDM4OC4xNSwyMzYsMzgzLjIxLDIzNiwzNzEuODlabTE0NC41OC04MXYxMDkuM0gzNjIuNDNWMzg4LjU4Yy01LjA4LDguODYtMTMuNzksMTIuOTItMjQuNTMsMTIuOTItMjAuNDcsMC0zNS40Mi0xNi0zNS40Mi0zOC4xN3MxNC45NS0zOC4xOCwzNS40Mi0zOC4xOGMxMC43NCwwLDE5Ljc0LDQuMzUsMjQuNTMsMTIuMzR2LTQ2LjZaTTM2MywzNjMuMzJjMC0xMi42My04Ljg1LTIxLjYyLTIxLjE5LTIxLjYyLTEyLjE5LDAtMjAuNjEsOC43LTIwLjYxLDIxLjYyUzMyOS40OCwzODUsMzQxLjY4LDM4NWMxMi40OCwwLDIxLjMzLTkuMTQsMjEuMzMtMjEuNjNabTEwMy4xNiwzLjkySDQxMi4zMmMxLjE2LDEyLjM0LDkuNTgsMTksMjIuMzUsMTlBNDQuMTUsNDQuMTUsMCwwLDAsNDU4LjYyLDM3OWw0LjIxLDE0LjIzYy02LjUzLDQuNjQtMTcsOC4yNy0yOS42MSw4LjI3LTIzLjgxLDAtMzkuMzQtMTYuMTEtMzkuMzQtMzgsMC0yMi42NCwxNi0zOC4zMiwzNy0zOC4zMnMzNS4yNywxNS42OCwzNS4yNywzOS4zNHYyLjc1Wk00NDcuNzQsMzU0LjljLTEuMzEtOS4yOS04LTE1LjY3LTE2Ljg0LTE1LjY3cy0xNS44Miw2LjI0LTE4LDE1LjY3Wm0yNywzOS4wNSw0LjM1LTE0LjUxYTQxLjA3LDQxLjA3LDAsMCwwLDI0LjEsOC40MmM2LjY3LDAsMTEtMi40NywxMS03LjU1LDAtNS4zNy01LjgxLTcuMTItMTUuODItMTAuMzEtMTEuNjItMy45Mi0yMS42My04LjEzLTIxLjYzLTIxLjYzLDAtMTQuNjYsMTEuNDctMjMuMzcsMjguNDUtMjMuMzdhNDkuMzcsNDkuMzcsMCwwLDEsMjMuOTUsNi4yNWwtMy4zNCwxMy45M2MtNS4zNy0zLjM0LTEzLjUtNi41My0yMC45LTYuNTMtNS45NSwwLTEwLjQ1LDIuMzItMTAuNDUsNywwLDUuMjIsNi4xLDcuMTEsMTMuNjQsOS4xNCwxNSwzLjc3LDIzLjgxLDkuMjksMjMuODEsMjIuMzUsMCwxNC42Ny0xMC43NCwyNC4zOS0yOS42MSwyNC4zOS0xMC4xNiwwLTIxLjItMi45LTI3LjU4LTcuNTVabTY2LjE2LTMwLjM0YzAtMjIuOTMsMTYuNTQtMzguNDYsMzkuMzMtMzguNDZhNDUuNzEsNDUuNzEsMCwwLDEsMjQuMjQsNi42OEw1OTksMzQ3LjM2Yy00LjY1LTMuMDUtMTAuNi01LjgxLTE3LjcxLTUuODEtMTIuNzcsMC0yMS4zNCw4Ljg2LTIxLjM0LDIxLjc3czguMTMsMjEuNzgsMjAuNzYsMjEuNzhhMzguMTcsMzguMTcsMCwwLDAsMTkuNTktNmw0LjUsMTUuMDlhNDcuNSw0Ny41LDAsMCwxLTI1LjY5LDcuMjZjLTIyLjM1LDAtMzguMTctMTUuMzktMzguMTctMzcuODlabTE0Mi4xNiwzLjYzSDYyOS4yMWMxLjE3LDEyLjM0LDkuNTksMTksMjIuMzYsMTlBNDQuMTUsNDQuMTUsMCwwLDAsNjc1LjUyLDM3OWw0LjIxLDE0LjIzYy02LjUzLDQuNjQtMTcsOC4yNy0yOS42MSw4LjI3LTIzLjgxLDAtMzkuMzQtMTYuMTEtMzkuMzQtMzgsMC0yMi42NCwxNi0zOC4zMiwzNy0zOC4zMiwyMS4yLDAsMzUuMjgsMTUuNjgsMzUuMjgsMzkuMzR2Mi43NVpNNjY0LjYzLDM1NC45Yy0xLjMtOS4yOS04LTE1LjY3LTE2LjgzLTE1LjY3cy0xNS44Myw2LjI0LTE4LDE1LjY3Wk03NjYsMzUzLjQ1djQ2LjZINzQ3Ljg5VjM2MC40MmMwLTEyLjkyLTQuNjQtMTktMTUuMDktMTktMTEuMzMsMC0xOC4yOSw3LjU0LTE4LjI5LDE5LjQ1djM5LjE5SDY5Ni4zNlYzMjYuNmgxOC4xNXYxMmM1LjIyLTguODYsMTQuNjYtMTMuNjUsMjUuNTQtMTMuNjVDNzU3LDMyNSw3NjYsMzM1LDc2NiwzNTMuNDVabTkxLTYyLjU2djEwOS4zSDgzOC44N1YzODguNThjLTUuMDgsOC44Ni0xMy43OSwxMi45Mi0yNC41MywxMi45Mi0yMC40NywwLTM1LjQyLTE2LTM1LjQyLTM4LjE3czE1LTM4LjE4LDM1LjQyLTM4LjE4YzEwLjc0LDAsMTkuNzQsNC4zNSwyNC41MywxMi4zNHYtNDYuNlptLTE3LjU3LDcyLjQzYzAtMTIuNjMtOC44NS0yMS42Mi0yMS4xOS0yMS42Mi0xMi4xOSwwLTIwLjYxLDguNy0yMC42MSwyMS42MlM4MDUuOTIsMzg1LDgxOC4xMSwzODVDODMwLjYsMzg1LDgzOS40NSwzNzUuODEsODM5LjQ1LDM2My4zMlptMTAzLjE2LDMuOTJIODg4Ljc2YzEuMTYsMTIuMzQsOS41OCwxOSwyMi4zNSwxOUE0NC4xNSw0NC4xNSwwLDAsMCw5MzUuMDYsMzc5bDQuMjEsMTQuMjNjLTYuNTMsNC42NC0xNyw4LjI3LTI5LjYxLDguMjctMjMuODEsMC0zOS4zNC0xNi4xMS0zOS4zNC0zOCwwLTIyLjY0LDE2LTM4LjMyLDM3LTM4LjMyczM1LjI3LDE1LjY4LDM1LjI3LDM5LjM0djIuNzVaTTkyNC4xOCwzNTQuOWMtMS4zMS05LjI5LTgtMTUuNjctMTYuODQtMTUuNjdzLTE1LjgyLDYuMjQtMTgsMTUuNjdabTc3LjE2LTI4LjE2LTIuOSwxNy40MmEyNi4xMywyNi4xMywwLDAsMC03LjctMS40NWMtMTEuNDYsMC0xNi44NCw4LTE2Ljg0LDIyLjY1djM0LjY5aC0xOFYzMjYuNmgxOHYxMS43NmM0LjIxLTkuNzMsMTAuNzUtMTMuMzYsMTgtMTMuMzZBMjcuNDUsMjcuNDUsMCwwLDEsMTAwMS4zNCwzMjYuNzRaTTk5OCwzOTAuOWExMS4zMywxMS4zMywwLDEsMSwxMS4zMywxMS4zM0ExMS4zNCwxMS4zNCwwLDAsMSw5OTgsMzkwLjlaIi8+PC9nPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyBpZD0iTG9nb19JY29uIiBkYXRhLW5hbWU9IkxvZ28gSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDEzMDAgNTUwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aCk7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjEzMDAiIGhlaWdodD0iNTUwIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBkPSJNMzgwLjg2LDIwOS43M1YzNDUuMTVIMzU1LjExVjI4OC42OUgyOTMuODh2NTYuNDZIMjY4LjEzVjIwOS43M2gyNS43NXY1Ni40Nmg2MS4yM1YyMDkuNzNabTExMi41Myw5Mi4zMkg0MjIuNjNjMS41MiwxNi4yMSwxMi41OSwyNSwyOS4zNywyNWE1OCw1OCwwLDAsMCwzMS40Ny05LjU0bDUuNTQsMTguN2MtOC41OSw2LjEtMjIuMzIsMTAuODctMzguOTEsMTAuODctMzEuMjgsMC01MS42OS0yMS4xNy01MS42OS01MCwwLTI5Ljc2LDIxLTUwLjM2LDQ4LjYzLTUwLjM2LDI3Ljg1LDAsNDYuMzUsMjAuNiw0Ni4zNSw1MS42OVYzMDJabS0yNC4yMi0xNi4yMmMtMS43Mi0xMi4yLTEwLjQ5LTIwLjYtMjIuMTMtMjAuNi0xMS44MiwwLTIwLjc5LDguMi0yMy42NSwyMC42Wm0xMjIuNTktMS41MnY2MC44NEg1NjguMVYzMzEuOGMtNi4xLDguNzctMTcuNzMsMTUuNDUtMzIuNjEsMTUuNDUtMTguODgsMC0zMS4yOC0xMC44Ny0zMS4yOC0yOC44LDAtMjIuNTEsMTkuODMtMzAuOSw2My43LTMxLjQ3di0xLjkxYzAtMTEuNDUtNi42Ny0xOC42OS0yMS4zNi0xOC42OS0xMywwLTIzLjA4LDUuMzQtMzAuMTMsMTAuMTFsLTUuNTQtMTguODljOS4xNi01LjcyLDIzLjI3LTEwLjg3LDM5Ljg3LTEwLjg3LDI0Ljc5LDAsNDEsMTEuNDUsNDEsMzcuNThabS0yMy44NSwyMy44NHYtNi40OWMtMjkuMTguNTgtMzguOTEsNS0zOC45MSwxNS40NSwwLDcuNjMsNS4zNCwxMi40LDE1LjA3LDEyLjQsMTEuNjQsMCwyMy44NC02LjQ4LDIzLjg0LTIxLjM2Wm0xNDMuNC0xMDYuNDNWMzQ1LjM0SDY4Ny40N1YzMzAuMDhjLTYuNjgsMTEuNjQtMTguMTIsMTctMzIuMjMsMTctMjYuOSwwLTQ2LjU0LTIxLTQ2LjU0LTUwLjE3czE5LjY0LTUwLjE2LDQ2LjU0LTUwLjE2YzE0LjExLDAsMjUuOTQsNS43MiwzMi4yMywxNi4yMVYyMDEuNzJaTTY4OC4yMywyOTYuOWMwLTE2LjYtMTEuNjMtMjguNDItMjcuODQtMjguNDItMTYsMC0yNy4wOSwxMS40NC0yNy4wOSwyOC40MnMxMC44NywyOC40MSwyNi45LDI4LjQxQzY3Ni42LDMyNS4zMSw2ODguMjMsMzEzLjMsNjg4LjIzLDI5Ni45Wm00Ni4yNiwyMS43NFYyMDEuNzJoMjMuODRWMzE0LjgzYzAsOCwzLjI0LDExLjI1LDksMTEuMjVhMjguNTMsMjguNTMsMCwwLDAsOS0xLjkxbDIuNjcsMTguODhhNDIsNDIsMCwwLDEtMTguMzEsNGMtMTYuNCwwLTI2LjEzLTguNzgtMjYuMTMtMjguNDJabTU0LjA5LTEwMC45YTE0LjU5LDE0LjU5LDAsMSwxLDE0LjY5LDE0LjY5QTE0LjQ2LDE0LjQ2LDAsMCwxLDc4OC41OCwyMTcuNzRabTIuNDgsMzAuOUg4MTQuOXY5Ni41MUg3OTEuMDZabTEzOC43NiwzNS4yOHY2MS4yM0g5MDZWMjkzLjA4YzAtMTctNi4xLTI1LTE5Ljg0LTI1LTE0Ljg3LDAtMjQsOS45Mi0yNCwyNS41NnY1MS41SDgzOC4yN1YyNDguNjRoMjMuODR2MTUuODNjNi44Ny0xMS42MywxOS4yNi0xNy45MywzMy41Ny0xNy45MywyMi4zMiwwLDM0LjE0LDEzLjE2LDM0LjE0LDM3LjM5Wm0xMTIsMTguMTNIOTcxYzEuNTMsMTYuMjEsMTIuNTksMjUsMjkuMzgsMjVhNTgsNTgsMCwwLDAsMzEuNDctOS41NGw1LjUzLDE4LjdjLTguNTgsNi4xLTIyLjMyLDEwLjg3LTM4LjkxLDEwLjg3LTMxLjI4LDAtNTEuNjktMjEuMTctNTEuNjktNTAsMC0yOS43NiwyMS01MC4zNiw0OC42NC01MC4zNiwyNy44NCwwLDQ2LjM1LDIwLjYsNDYuMzUsNTEuNjlWMzAyWm0tMjQuMjMtMTYuMjJjLTEuNzEtMTIuMi0xMC40OS0yMC42LTIyLjEyLTIwLjYtMTEuODMsMC0yMC43OSw4LjItMjMuNjUsMjAuNloiLz48L2c+PC9zdmc+\"","export default __webpack_public_path__ + \"static/Toyota_Desktop_Typography_Legal_Alignment-39adc706a6293f79d99038490ecab4b9.svg\";","export default __webpack_public_path__ + \"static/Toyota_Desktop_Typography_Legal_Leading-fae716dd39957d76c4ce6b5c0752a30e.svg\";","export default __webpack_public_path__ + \"static/Toyota_Desktop_Typography_Legal_Weight-a4f5f3ebd21b4e81675a2ee11c9c2b10.svg\";","export default __webpack_public_path__ + \"static/Toyota_Desktop_Typography_Subhead_Kerning-a7e17cde288af5525be26fc6f9b738c1.svg\";","export default __webpack_public_path__ + \"static/Toyota_Desktop_Typography_Subhead_Leading-6cc0714e013b7955c491ed6dfa223e4a.svg\";","export default __webpack_public_path__ + \"static/Toyota_Desktop_Typography_Subhead_Space_After-823e7293c4e979948574eae807b895b2.svg\";","export default __webpack_public_path__ + \"static/Toyota_Desktop_Typography_Subhead_Weight-6575f51c6d6ab114b10a8236c6b68cc4.svg\";"],"names":["props","classes","vertPadding","className","fullWidth","children","Picture","debugger","render","mq","viewport","this","image","svg","alt","src","style","mobile","media","phone","srcSet","tablet","full","desktop","React","ImageTab","captionColorStyle","content","caption","color","captionAlignClass","align","Tab","attached","key","subkey","copy","dangerouslySetInnerHTML","__html","footerCaption","href","label","TableTab","rows","map","row","index","title","col1Text","col2Text","img","images","footerCopy","subhead","Video","handleVideoPlay","setState","videoPlaying","playVideo","onVideoPlay","videoRef","play","controls","video","hideControls","duration","playTagFired","onVideoEnded","onVideoProgression","state","videoOrigin","window","location","origin","handleScroll","bind","componentDidMount","autoPlayOnScroll","addEventListener","componentWillUnmount","removeEventListener","playVideoOnScroll","util","offsetPercentage","exitOffsetPercentage","pause","isSafari","navigator","userAgent","match","test","HTMLElement","safari","pushNotification","toString","playIconColor","iconBorderStyle","iconArrowStyle","poster","url","mp4","m3u8","preload","ref","muted","playing","loop","progressInterval","width","height","onEnded","onPlay","onProgress","onClick","VideoTab","NodeList","prototype","forEach","callback","thisArg","i","length","call","Tabs","handleTabClick","handleLinkClick","scrollRef","scrollClass","links","document","querySelectorAll","compid","link","event","data","element","target","innerText","getAttribute","section","panes","items","item","menuItem","pane","variant","elem","menu","secondary","pointing","onTabChange","renderActiveOnly","defaultStyle","border","borderBottom","outline","padding","fontSize","lineHeight","fontFamily","useState","fontStyle","setFontStyle","borderRadius","onChange","e","idx","value","fontSelectChange","marginTop","type","placeholder","Layout","Hero","brand_header_desktop","text","navindex","PageSection","sectionId","ContentBlock","fontWeight","whiteBg","backgroundColor","Typography_Headline_Weight_svg","Typography_Headline_Leading_svg","Typography_Headline_Kerning_svg","Typography_Headline_Alignment_svg","Typography_Subhead_Weight_svg","Typography_Subhead_Leading_svg","Typography_Subhead_Kerning_svg","Typography_Subhead_Paragraph_Spacing_svg","Typography_Body_Weight_svg","Typography_Body_Leading_svg","Typography_Body_Paragraph_Spacing_svg","Typography_Legal_Weight_svg","Typography_Legal_Leading_svg","Typography_Legal_Alignment_svg","PrevNextNavFooter","previousText","previousHeader","previousUrl","pageLinks","nextText","nextHeader","nextUrl"],"sourceRoot":""}