.main-styleguide{padding-left:2.25rem;padding-right:2.25rem}.main-styleguide .h5{color:#232323;font-family:Inter Tight;font-size:1.5rem;font-style:normal;font-weight:500;margin-block:0 1.5rem}.styleguide-nav{position:relative}.styleguide-nav .ellipsis{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Inter Tight;font-size:1rem;font-style:normal;font-weight:500;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#1d1d1d}.styleguide-nav__item--parent{-webkit-column-gap:.625rem;-moz-column-gap:.625rem;column-gap:.625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-margin-after:.5rem;margin-block-end:.5rem}.styleguide-nav__item--parent>a{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Inter Tight;font-size:1rem;font-style:normal;font-weight:500;letter-spacing:0;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;background:#f7f7f7;border-radius:.625rem;gap:.625rem;justify-content:center;padding:.625rem}.styleguide-nav__item--parent .styleguide-nav__sublist{position:relative}.styleguide-nav__item--parent .styleguide-nav__sublist li{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid #ededed;border-radius:.625rem;gap:.625rem;justify-content:center;padding:.625rem}.styleguide-nav__item--parent .styleguide-nav__sublist li,.styleguide-nav__item--parent .styleguide-nav__sublist li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.styleguide-nav__item--parent .styleguide-nav__sublist li a{color:#1d1d1d;font-family:Inter Tight;font-size:1rem;font-style:normal;font-weight:500;letter-spacing:0;text-decoration:none}.styleguide-nav .dropdown .close-button{cursor:pointer;padding:.625rem;position:absolute;right:0;top:0}.styleguide-nav .dropdown-content [js-parent]{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Inter Tight;font-size:1.5rem;font-style:normal;font-weight:500;letter-spacing:0;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;background:#f7f7f7;border-radius:.625rem;gap:.625rem;justify-content:center;margin:1.5rem auto;padding:.625rem}.color-section__title{color:#101828;font-size:2.25rem;margin-block:0 3.75rem}.color-section__color-group-title,.color-section__title{font-family:Inter Tight;font-style:normal;font-weight:500;line-height:2rem}.color-section__color-group-title{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;color:#232323;-ms-flex:1 1 auto;flex:1 1 auto;font-size:1.5rem;margin-block:0 1.5rem}.color-section__color-container{-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-margin-after:3.75rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-block-end:3.75rem;width:100%}.color-section__color-container--gradient .color-section__color-item{max-width:13.6875rem;min-width:13.6875rem;-webkit-margin-before:0;border:1px solid rgba(0,0,0,.1);border-radius:.75rem;margin-block-start:0}.color-section__color-container--solid .color-section__color-item{max-width:13.6875rem;min-width:10rem;width:100%;-webkit-margin-before:0;border:1px solid rgba(0,0,0,.1);border-radius:.75rem;margin-block-start:0}.color-section__color-display{border-top-left-radius:.75rem;border-top-right-radius:.75rem;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;height:8rem;width:100%}.color-section__color-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem}.color-section__color-name{color:#101828;font-family:Inter Tight,sans-serif;font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;margin-block:0!important}.color-section__color-value{color:#475467;font-family:Inter Tight;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;margin-block:0}.color-section small{font-size:.875rem!important}.buttons-block{padding:1rem;position:relative;z-index:1}