/* imported from deterministic-pass-phrase.scss 
 */

/**
  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 */
.deterministic-pass-phrase__pass-phrase___37g86 {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

.deterministic-pass-phrase__pass-phrase__item___1ma5K {
  margin: 1px;
  padding: 8px 4px;
  text-align: center;
  width: calc((100% / 6) - 2px); }
  .deterministic-pass-phrase__pass-phrase__item___1ma5K:nth-child(1) {
    border-top-left-radius: 6px; }
  .deterministic-pass-phrase__pass-phrase__item___1ma5K:nth-child(6) {
    border-top-right-radius: 6px; }
  .deterministic-pass-phrase__pass-phrase__item___1ma5K:nth-child(19) {
    border-bottom-left-radius: 6px; }
  .deterministic-pass-phrase__pass-phrase__item___1ma5K:nth-child(24) {
    border-bottom-right-radius: 6px; }