{"version":3,"file":"common.css","mappings":"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","sources":["webpack://wc-byor/./src/stylesheets/_tip.scss","webpack://wc-byor/./src/stylesheets/_form.scss","webpack://wc-byor/./src/stylesheets/_colors.scss","webpack://wc-byor/./src/stylesheets/_error.scss","webpack://wc-byor/./src/stylesheets/_header.scss","webpack://wc-byor/./src/stylesheets/_fonts.scss","webpack://wc-byor/./src/stylesheets/_footer.scss","webpack://wc-byor/./src/stylesheets/base.scss"],"sourcesContent":[".d3-tip {\n  white-space: nowrap;\n  line-height: 1;\n  font-size: 12px;\n  display: none;\n  padding: 12px;\n  background: rgba(0, 0, 0, 0.8);\n  color: #fff;\n  border-radius: 4px;\n  border-color: #000;\n  pointer-events: none;\n  z-index: 2;\n}\n\n@media screen and (min-width: 800px) {\n  .d3-tip {\n    display: block;\n  }\n}\n\n.d3-tip:after {\n  box-sizing: border-box;\n  display: none;\n  font-size: 10px;\n  width: 100%;\n  line-height: 1;\n  color: rgba(0, 0, 0, 0.8);\n  position: absolute;\n  pointer-events: none;\n}\n\n@media screen and (min-width: 800px) {\n  .d3-tip:after {\n    display: inline;\n  }\n}\n\n.d3-tip.n {\n  margin: -10px 0 0;\n}\n.d3-tip.n:after {\n  content: '\\25BC';\n  margin: -3px 0 0;\n  top: 100%;\n  left: 0;\n  text-align: center;\n}\n\n.d3-tip.ne {\n  margin: -10px 0 0 -45px;\n}\n.d3-tip.ne:after {\n  content: '\\25BC';\n  bottom: -8px;\n  left: 18px;\n  text-align: left;\n}\n\n.d3-tip.nw {\n  margin: -10px 0 0 45px;\n}\n.d3-tip.nw:after {\n  content: '\\25BC';\n  bottom: -8px;\n  right: 18px;\n  text-align: right;\n}\n",".input-sheet {\n  margin: 60px auto;\n\n  p {\n    font-weight: 100;\n    color: $black;\n    font-size: 18px;\n  }\n\n  .input-sheet__logo {\n    text-align: center;\n    padding-bottom: 40px;\n    a {\n      border-bottom: none;\n\n      img {\n        width: 200px;\n      }\n    }\n  }\n\n  .radar-footer {\n    padding-top: 200px;\n  }\n\n  .input-sheet__banner {\n    background-image: url('images/tech-radar-landing-page-wide.png');\n    background-repeat: no-repeat;\n    background-color: $grey-light;\n    background-size: cover;\n    background-position: center;\n    width: 100%;\n    margin: 0 auto;\n    text-align: center;\n    min-height: 285px;\n    display: table;\n\n    div {\n      display: table-cell;\n      vertical-align: middle;\n    }\n    p,\n    h1 {\n      color: $white;\n    }\n\n    a {\n      color: $white;\n      border-bottom-color: $white;\n    }\n  }\n\n  .input-sheet__form {\n    width: 50%;\n    margin: 0 auto;\n    text-align: center;\n    padding-top: 30px;\n\n    button {\n      font-family: inherit;\n      border: none;\n      background-color: transparent;\n      margin: 0;\n      padding: 0;\n    }\n  }\n\n  input[type='text'] {\n    border-bottom: 2px solid $grey-even-darker;\n    display: block;\n    font-size: 18px;\n    margin-bottom: 30px;\n    padding: 10px;\n    transition: box-shadow 0.3s, border 0.3s;\n\n    &:focus,\n    &.focus {\n      outline: none;\n      border-bottom: 2px solid $grey-even-darker;\n      box-shadow: none;\n    }\n  }\n\n  form,\n  input,\n  a {\n    font-family: inherit;\n  }\n}\n","$green: #86b782;\n$blue: #1ebccd;\n$orange: #f38a3e;\n$violet: #b32059;\n$pink: #ee0b77;\n\n$grey-darkest: #bababa;\n$grey-dark: #cacaca;\n$grey: #dadada;\n$grey-light: #eee;\n$grey-lightest: #fafafa;\n$grey-even-darker: #d7d7d7;\n\n$white: #fff;\n$black: #000;\n$grey-text: rgb(51, 51, 51);\n\n$grey-alpha-03: rgba(255, 255, 255, 0.3);\n",".error-container {\n  text-align: center;\n  padding-top: 50px;\n\n  .error-container__message {\n    width: 60%;\n    display: inline-block;\n  }\n\n  .error-title {\n    font-weight: 400;\n  }\n\n  .error-subtitle {\n    margin-top: -10px;\n  }\n\n  .switch-account-button {\n    margin: 0px 0px 35px 0px;\n  }\n}\n\n.input-sheet {\n  .page-not-found {\n    font-size: 40px;\n    font-weight: 900;\n    margin-bottom: 20px;\n  }\n\n  .message p {\n    font-size: 25px;\n  }\n}\n\n.support {\n  margin-top: 20px;\n\n  p {\n    font-weight: 500;\n    font-size: 30px;\n    margin-bottom: 1px;\n  }\n}\n\n.support-link {\n  font-size: 26px;\n  padding: 20px;\n\n  span {\n    padding: 0 40px;\n    display: table-cell;\n  }\n}\n","header {\n  text-align: center;\n\n  .radar-title,\n  .buttons-group,\n  #alternative-buttons {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    align-content: space-between;\n  }\n\n  .radar-title {\n    background-color: $grey-light;\n    padding: 30px 0;\n\n    display: table;\n    margin: auto;\n    width: 100%;\n\n    .radar-title__text {\n      display: table-cell;\n      width: 70%;\n\n      text-align: left;\n      padding-left: 10%;\n\n      h1 {\n        font-size: 55px;\n        font-weight: 900;\n        letter-spacing: -0.04em;\n        line-height: 0.8em;\n        margin: 0;\n        text-transform: uppercase;\n      }\n    }\n\n    .radar-title__logo {\n      flex: 0 0 30%;\n      margin-left: auto;\n\n      width: 30%;\n      display: table-cell;\n      vertical-align: middle;\n\n      a {\n        border-bottom: none;\n      }\n\n      img {\n        vertical-align: middle;\n        width: 34%;\n      }\n    }\n  }\n  \n  .context-btn--group {\n    .button {\n      border-radius: 50%;\n    }\n  }\n\n  .quadrant-btn--group,\n  .context-btn--group,\n  .multiple-sheet-button-group {\n    text-align: left;\n    padding-left: 1%;\n    display: flex;\n  }\n\n  .print-radar-btn,\n  .search-box {\n    margin-left: auto;\n    margin-right: 10%;\n  }\n\n  .buttons-group {\n    display: flex;\n    padding: 15px 0 25px;\n  }\n\n  .home-link {\n    color: $pink;\n    margin-bottom: 10px;\n    line-height: normal;\n    cursor: pointer;\n    display: inline-block;\n    font-size: $baseFont;\n    text-align: left;\n    width: 80%;\n  }\n\n  .button {\n    font-size: $baseFont;\n    text-transform: capitalize;\n    padding: 10px 20px;\n    cursor: pointer;\n    transition: all 0.2s ease-out;\n\n    background-color: $grey-light;\n    color: $black;\n\n    &.no-capitalize {\n      text-transform: none;\n    }\n\n    &:hover,\n    &.selected {\n      transform: translate(0, -2px);\n      opacity: 0.85;\n\n      &.first, &.context_0 {\n        color: white;\n        background-color: $green;\n      }\n\n      &.second, &.context_1 {\n        color: white;\n        background-color: $blue;\n      }\n\n      &.third, &.context_2 {\n        color: white;\n        background-color: $orange;\n      }\n\n      &.fourth, &.context_3 {\n        color: white;\n        background-color: $violet;\n      }\n    }\n\n    &.full-view {\n      &.first, &.context_0  {\n        background-color: $green;\n        color: $white;\n      }\n\n      &.second, &.context_1  {\n        background-color: $blue;\n        color: $white;\n      }\n\n      &.third, &.context_2  {\n        background-color: $orange;\n        color: $white;\n      }\n\n      &.fourth, &.context_3  {\n        background-color: $violet;\n        color: $white;\n      }\n    }\n  }\n\n  #alternative-buttons {\n    margin-bottom: 50px;\n\n    .highlight {\n      border-bottom: none;\n      font-weight: bold;\n    }\n\n    p {\n      font-size: 16px;\n      font-weight: 700;\n      margin-top: 0;\n      margin-bottom: 10px;\n    }\n\n    .multiple-sheet-button {\n      margin-right: 10px;\n    }\n\n    .search-radar {\n      border: 1px solid #aaa;\n      background-color: inherit;\n      background-image: url('images/search-logo-2x.svg');\n      background-repeat: no-repeat;\n      background-position: 10px;\n    }\n\n    input {\n      padding-left: 35px;\n      width: 275px;\n    }\n  }\n}\n\n.ui-autocomplete {\n  width: 275px !important;\n  background-color: white;\n  list-style: none;\n  padding: 2px;\n\n  .ui-autocomplete-quadrant {\n    font-size: 14px;\n    font-weight: 600;\n    padding: 5px;\n  }\n\n  .ui-menu-item {\n    white-space: normal;\n    font-size: 14px;\n    font-weight: 400;\n    margin: 2px;\n    cursor: pointer;\n\n    :hover {\n      color: white;\n      background-color: $green;\n    }\n\n    .ui-menu-item-wrapper {\n      padding: 0 10px;\n    }\n  }\n}\n","$baseFont: 17px;\n$baseWeight: 100;\n","#footer {\n  text-align: center;\n  clear: both;\n\n  .footer-content {\n    width: 50%;\n    margin: 0 auto;\n\n    p {\n      padding-top: 60px;\n      font-size: $baseFont;\n      font-weight: $baseWeight;\n      text-align: left;\n    }\n  }\n}\n","@import 'colors';\n@import 'fonts';\n@import 'tip';\n@import 'form';\n@import 'error';\n@import 'header';\n@import 'footer';\n@import 'featuretoggles';\n@import url(https://www.thoughtworks.com/css/k8s_production/screen.css);\n\nbody {\n  font: 18px 'Open Sans';\n  @if $UIRefresh2022 {\n    font-family: 'Inter', sans-serif;\n    h1 {\n      font-family: 'Bitter', serif;\n    }\n  }\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n}\n\n@media print {\n  body,\n  article {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n  }\n\n  @page {\n    margin: 2cm;\n  }\n\n  a:after {\n    content: ' <' attr(href) '> ';\n    font-size: 0.8em;\n    font-weight: normal;\n  }\n\n  #radar-plot {\n    display: none;\n  }\n\n  .quadrant-table {\n    .quadrant-table__name {\n      display: block;\n      font-size: 36pt;\n      padding: 0 10px;\n      margin-bottom: 20px;\n    }\n\n    &.first .quadrant-table__name {\n      color: $green;\n    }\n\n    &.second .quadrant-table__name {\n      color: $blue;\n    }\n\n    &.third .quadrant-table__name {\n      color: $orange;\n    }\n\n    &.fourth .quadrant-table__name {\n      color: $violet;\n    }\n  }\n\n  .quadrant-table {\n    page-break-after: always;\n\n    ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }\n\n    li {\n      page-break-inside: avoid;\n    }\n\n    h3 {\n      page-break-before: always;\n      padding: 0 10px;\n      text-transform: uppercase;\n      font-size: 18pt;\n      font-weight: bold;\n    }\n\n    h2 + h3 {\n      page-break-before: avoid;\n    }\n  }\n\n  .blip-list-item {\n    font-weight: bold;\n  }\n\n  .blip-item-description {\n    padding: 0 15px;\n  }\n\n  header {\n    text-align: left;\n\n    .radar-title .radar-title__text {\n      font-size: 40px;\n      width: 100%;\n      padding: 10px;\n      display: block;\n    }\n\n    .radar-title .radar-title__logo {\n      display: block;\n      width: auto;\n\n      a {\n        padding: 40px 10px 0;\n        display: block;\n\n        &::after {\n          display: none;\n        }\n      }\n\n      img {\n        max-width: 150px;\n      }\n    }\n\n    .buttons-group {\n      display: none;\n    }\n\n    .home-link {\n      display: none;\n\n      &.selected {\n        display: none;\n      }\n    }\n\n    #alternative-buttons {\n      display: none;\n    }\n\n    .print-radar {\n      display: none;\n    }\n  }\n\n  #footer {\n    display: none;\n  }\n\n  .error-container {\n    display: none;\n  }\n}\n\n@media screen {\n  #radar {\n    width: 80%;\n    margin: 0 auto;\n    position: relative;\n\n    svg#radar-plot {\n      margin: 0 auto;\n      transition: all 1s ease;\n      position: absolute;\n      left: 0;\n      right: 0;\n\n      .legend {\n        visibility: hidden;\n        transition: visibility 1s ease 1s;\n        color: $black;\n      }\n\n      path {\n        &.ring-arc-3 {\n          stroke: none;\n          fill: $grey-light;\n        }\n\n        &.ring-arc-2 {\n          stroke: none;\n          fill: $grey;\n        }\n\n        &.ring-arc-1 {\n          stroke: none;\n          fill: $grey-dark;\n        }\n\n        &.ring-arc-0 {\n          stroke: none;\n          fill: $grey-darkest;\n        }\n      }\n\n      .blip-link {\n        text-decoration: none;\n        cursor: pointer;\n\n        .context_0  {\n          fill: $green;\n        }\n\n        .context_1 {\n          fill: $blue;\n        }\n\n        .context_2 {\n          fill: $orange;\n        }\n\n        .context_3 {\n          fill: $violet;\n        }\n      }\n\n      .quadrant-group {\n        cursor: pointer;\n      }\n\n      circle,\n      polygon,\n      path {\n        &.first {\n          fill: $green;\n          stroke: none;\n        }\n\n        &.second {\n          fill: $blue;\n          stroke: none;\n        }\n\n        &.third {\n          fill: $orange;\n          stroke: none;\n        }\n\n        &.fourth {\n          fill: $violet;\n          stroke: none;\n        }\n      }\n\n      line {\n        stroke: white;\n      }\n\n      text {\n        &.blip-text {\n          font-size: 9px;\n          font-style: italic;\n          fill: $white;\n        }\n\n        &.line-text {\n          font-weight: bold;\n          text-transform: uppercase;\n          fill: $black;\n          font-size: 7px;\n        }\n      }\n    }\n\n    div.quadrant-table {\n      .quadrant-table__name {\n        display: none;\n      }\n\n      max-height: 0;\n      max-width: 0;\n      position: absolute;\n      overflow: hidden;\n\n      transition: max-height 0.5s ease 1s;\n\n      h3 {\n        text-transform: uppercase;\n        font-size: $baseFont;\n        margin: 0;\n        font-weight: bold;\n      }\n\n      &.first {\n        &.selected {\n          float: right;\n        }\n      }\n\n      &.second {\n        &.selected {\n          float: left;\n        }\n      }\n\n      &.third {\n        &.selected {\n          float: left;\n        }\n      }\n\n      &.fourth {\n        &.selected {\n          float: right;\n        }\n      }\n\n      &.selected {\n        position: relative;\n        max-height: 10000px;\n        max-width: 40%;\n      }\n\n      ul {\n        padding: 0;\n        margin-left: 0;\n\n        li {\n          list-style-type: none;\n          padding-left: 0;\n\n          .blip-list-item {\n            padding: 2px 5px;\n            border-radius: 2px;\n            cursor: pointer;\n            font-size: $baseFont;\n            font-weight: 400;\n\n            &.highlight {\n              color: white;\n              background-color: rgba(0, 0, 0, 0.8);\n            }\n          }\n\n          .blip-item-description {\n            max-height: 0;\n            overflow: hidden;\n            width: 300px;\n\n            p {\n              margin: 0;\n              border-top: 1px solid rgb(119, 119, 119);\n              border-bottom: 1px solid rgb(119, 119, 119);\n              padding: 20px;\n              color: $grey-text;\n              font-weight: 100;\n              font-size: 14px;\n            }\n\n            transition: max-height 0.2s ease;\n\n            &.expanded {\n              transition: max-height 0.5s ease 0.2s;\n              max-height: 1000px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}