/*
   imported from logo.scss 
*/

/*
  When adding a color, please add it to the :export section at the end of this file.
  If you need to add a new section/type of color, you can add the section title to the :export by pre-prending it with an underscore.
*/
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* Primary Colors */
/* Secondary Colors */
/* Gradients */
/* Transparencies */
/* stylelint-disable */

/* stylelint-enable */
/**
  If making changes to this file, please make sure the changes are reflected on the :export section at the end of the file.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* stylelint-disable */

/* stylelint-enable */
.logo__logo___aVjVB {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%; }
  .logo__logo___aVjVB svg {
    width: 80%; }
  .logo__logo__mark-container___24xCS {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    width: 80%; }
  .logo__logo__type-container___3e6b5 {
    display: flex;
    justify-content: center;
    margin-top: calc(6.13139px + 0.58394vw);
    width: 100%; }
  .logo__logo__mark___15l4l {
    height: 80%; }
  .logo__logo__type___2nAxb {
    height: 100%; }