.copy-text{width:-moz-max-content;width:max-content;cursor:pointer;padding-left:2px;padding-right:2px}.copy-text.copy-text-selected{border-radius:2px;background-color:#d7ecff;outline:none}.copy-text.copy-text-selected span::-moz-selection{background-color:transparent}.copy-text.copy-text-selected span::selection{background-color:transparent}.token-summary{display:list-item;font-size:15px;color:#505359}.token-container{display:flex;flex-direction:column}.token-container h2{border-bottom:2px solid;padding-bottom:6px;font-weight:700;margin-bottom:32px}.token-container .token-group{margin-bottom:36px}.token-container .token-group>h4{font-size:18px}.token-container .token-group .token{display:grid;margin-bottom:12px;grid-template-columns:134px 1fr 2fr 1fr 2fr;width:100%;grid-gap:32px;gap:32px;padding-bottom:12px;align-items:center;border-bottom:1px solid #dae2e6}.token-container .token-group .token-original{display:block;text-transform:lowercase;color:#757982;font-size:11px}.token-container .token-group .token-value-container{font-family:monospace;display:flex;flex-direction:column;padding:12px}.token-container .token-group .token-value{font-size:18px;color:#505359}.token-container .token-group .token-value-variable{font-family:monospace}.token-container .token-group .token-value-hex{text-transform:uppercase;font-size:18px}.token-container .token-group .token-ratio{display:flex;align-items:center}.token-container .token-group .token-ratio-example{display:flex;flex-direction:column}.token-container .token-group .token-ratio-status{margin-right:6px;font-weight:700;background-color:#fff;border-radius:6px;padding:2px 6px;font-size:9px;line-height:1;color:#da4f49}.token-container .token-group .token-ratio-status.success{color:#5bb75b}.token-container .token-group .token-swatch{width:100%;height:92px;border-top-left-radius:2px;border-top-right-radius:2px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}.token-container .token-group .token-swatch.has-border{border:1px solid #dae2e6}.token-container .token-group .token-sub-group{display:flex;flex-direction:column}.token-container .token-group .token-sub-group .token-sub-group{margin-top:24px}.token-container .token-group .token-sub-group .sub-group-heading{font-size:24px;font-weight:400;border-bottom:2px solid;margin-bottom:18px}.token-container .token-group .token-sub-group{margin-bottom:42px}